summaryrefslogtreecommitdiff
path: root/templates/index.html
blob: 360a8f01bc8d9fbbcd6d2332f31521baafd1cfeb (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">

  <title>Domain Name Hack Club</title>

  <meta name="description" content="An exclusive club of nerds that own the domain hack to their name">
  <meta name="keywords" content="domain, name, hack, club, exclusive, personal, homepage">

  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="robots" content="all">

  <link rel="canonical" href="https://namehack.club/">

  <link href="tachyons.min.css" rel="stylesheet">
  <link href="base.css" rel="stylesheet">
  <script src="https://skilled-twentyeight.namehack.club/script.js" data-site="SSTGQKAU" defer></script>
  <script src="https://unpkg.com/alpinejs" defer></script>
</head>

<body class="mw7-ns ph3 center sans-serif bg-near-white">
  <h1 class="mt5-ns f1 center code">Doma<span class="silver">.</span>in Na<span class="silver">.</span>me
    Ha<span class="silver">.</span>ck Cl<span class="silver">.</span>ub</h1>
  <p class="lh-copy f4">An exclusive club of geeks that serve their personal homepage from the <a
      href="https://en.wikipedia.org/wiki/Domain_hack" class="link dim dark-pink">domain hack</a> to their name. Are you
    one of us? Join the club by opening a pull
    request on <a href="https://github.com/yuvadm/namehack.club" class="link dim dark-pink">Github</a> or send us an
    email at <a href="mailto:join@namehack.club" class="link dim dark-pink">join@namehack.club</a>.</p>

  <h2 class="pt4">❓ One of us?</h2>
  <div
    x-data="{
      get match() { return this.tlds.find(d => this.name.endsWith(d) && this.name !== d) },
      get domain() { return this.name.substring(0, this.name.indexOf(this.match)) + '.' + this.match },
      get href() { return 'http://' + this.domain },
      name: '',
      tlds: 'aaa,abb,abc,ac,aco,ad,ads,ae,aeg,af,afl,ag,ai,aig,al,am,anz,ao,aol,app,aq,ar,art,as,at,au,aw,aws,ax,axa,az,ba,bar,bb,bbc,bbt,bcg,bcn,bd,be,bet,bf,bg,bh,bi,bid,bio,biz,bj,bm,bms,bmw,bn,bo,bom,boo,bot,box,br,bs,bt,buy,bv,bw,by,bz,bzh,ca,cab,cal,cam,car,cat,cba,cbn,cbs,cc,cd,ceo,cf,cfa,cfd,cg,ch,ci,ck,cl,cm,cn,co,com,cpa,cr,crs,cu,cv,cw,cx,cy,cz,dad,day,dds,de,dev,dhl,diy,dj,dk,dm,dnp,do,dog,dot,dtv,dvr,dz,eat,ec,eco,edu,ee,eg,er,es,esq,et,eu,eus,fan,fi,fit,fj,fk,fly,fm,fo,foo,fox,fr,frl,ftr,fun,fyi,ga,gal,gap,gay,gb,gd,gdn,ge,gea,gf,gg,gh,gi,gl,gle,gm,gmo,gmx,gn,goo,gop,got,gov,gp,gq,gr,gs,gt,gu,gw,gy,hbo,hiv,hk,hkt,hm,hn,hot,how,hr,ht,hu,ibm,ice,icu,id,ie,ifm,il,im,in,inc,ing,ink,int,io,iq,ir,is,ist,it,itv,jcb,je,jio,jll,jm,jmp,jnj,jo,jot,joy,jp,ke,kfh,kg,kh,ki,kia,kim,km,kn,kp,kpn,kr,krd,kw,ky,kz,la,lat,law,lb,lc,lds,li,lk,llc,llp,lol,lpl,lr,ls,lt,ltd,lu,lv,ly,ma,man,map,mba,mc,md,me,med,men,mg,mh,mil,mit,mk,ml,mlb,mls,mm,mma,mn,mo,moe,moi,mom,mov,mp,mq,mr,ms,msd,mt,mtn,mtr,mu,mv,mw,mx,my,mz,na,nab,nba,nc,ne,nec,net,new,nf,nfl,ng,ngo,nhk,ni,nl,no,now,np,nr,nra,nrw,ntt,nu,nyc,nz,obi,om,one,ong,onl,ooo,org,ott,ovh,pa,pay,pe,pet,pf,pg,ph,phd,pid,pin,pk,pl,pm,pn,pnc,pr,pro,pru,ps,pt,pub,pw,pwc,py,qa,re,red,ren,ril,rio,rip,ro,rs,ru,run,rw,rwe,sa,sap,sas,sb,sbi,sbs,sc,sca,scb,sd,se,ses,sew,sex,sfr,sg,sh,si,sj,sk,ski,sky,sl,sm,sn,so,soy,spa,sr,srl,ss,st,stc,su,sv,sx,sy,sz,tab,tax,tc,tci,td,tdk,tel,tf,tg,th,thd,tj,tjx,tk,tl,tm,tn,to,top,tr,trv,tt,tui,tv,tvs,tw,tz,ua,ubs,ug,uk,uno,uol,ups,us,uy,uz,va,vc,ve,vet,vg,vi,vig,vin,vip,vn,vu,wed,wf,win,wme,wow,ws,wtc,wtf,xin,xxx,xyz,ye,you,yt,yun,za,zip,zm,zw'.split(',')}">
    <input class="f3 pa1 br1 bn" x-model="name" placeholder="What's your name?"
      @input.debounce.1000ms="console.log($el.value)">
    <div class="f3">
      <template x-if="match">
        <div class=""><a class="link dim blue pointer:hover" x-bind:href="href" x-text="domain"></a> is potentially a
          valid
          domain
          name!</div>
      </template>
      <template x-if="!match && name != ''">
        <div class="red"><span x-text="name"></span> does not have a known TLD</div>
      </template>
    </div>

  </div>

  <h2 class="pt4">💎 Members</h2>
  <ul class="list pl0">
    {% for name in names %}
    <li class="mb3">
      <div class="f3">{{ name|render_link("link dim blue pointer:hover")|safe }}</div>
      <div class="gray serif mt1">{{ name.title }}</div>
    </li>
    {% endfor %}
  </ul>

  <h2 class="pt4">⭐ Candidates</h2>
  <ul class="pl0 flex flex-wrap justify-between">
    {% for name in candidates %}
    <li class="mb3 dib pr3-ns pr1">
      <span class="f4-ns f5">{{ name|render_link("link dim blue")|safe }}</span>
    </li>
    {% endfor %}
  </ul>

  <hr class="mt4 white-20">
  <footer class="tr lh-copy mb4">
    Created by <a href="https://yuv.al" class="link dim green">Yuval Adam</a>. Maintained collaboratively on <a
      href="https://github.com/yuvadm/namehack.club" class="link dim green">Github</a>.
  </footer>
</body>

</html>