https://tbc.top/assets/CommunityJoinPage-DOUmRWIt.js

1import{d as e,r as t,f as a,o as l,s as i,c as s,e as n,x as o,b as r,_ as u,a as h,k as c,F as v,p as C,t as d,m as p}from"./index-DxVd1N8F.js";import{B as m}from"./BannerSection-C8_aYVWQ.js";import{O as L}from"./OrangeCircle-B1G6UlGx.js";import{x,t as f,m as g,g as w,e as y}from"./Email-CMn4Jc-L.js";const M=["width","height","viewBox"],k=["id","x","y","width","height"],b=["id"],$=["xlink:href"],B=["id"],_=["x","y","width","height"],F=["values","begin"],I=["values","begin"],Z={id:"Community",stroke:"none","stroke-width":"1",fill:"none","fill-rule":"evenodd"},E=["d","id","mask"],P=["x","y","width","height","mask"],T=u(e({__name:"AnimatedLetter",props:{letter:{},delay:{default:0}},setup(e){const u=e,h=t(null),c=t(0),v={C:{width:"72px",height:"93px",viewBox:"0 0 72 93",path:"M70.2840356,23.1420902 L60.1019242,33.354647 C59.7114586,33.74523 59.0782936,33.7453251 58.6877107,33.3548594 C58.6851728,33.3523224 58.6826487,33.3497716 58.6801383,33.3472074 C51.7680079,26.2959882 43.999082,24.0571011 35.3755893,26.6283643 C26.4599698,29.2867308 21.8339965,35.535258 21.4976692,45.3739461 C22.2343901,56.3654914 26.8603634,63.1242026 35.3755893,65.6500799 C43.6422248,68.1022176 51.4253268,65.9280694 58.7248952,59.1276352 L58.7222214,59.1247724 C59.097603,58.7741716 59.6775534,58.7649779 60.0638594,59.103504 L71.037025,68.7579241 C71.4510155,69.1234789 71.4902804,69.7554253 71.1247256,70.1694157 C71.1158141,70.1795079 71.1066997,70.1894192 71.097388,70.1991433 C58.5974644,83.2394907 44.1107612,86.9171079 27.6356175,81.2304044 C10.8453456,75.4349285 2.33058494,63.4827757 2.09133565,45.3739461 C3.04216733,28.6056466 11.2065676,17.2932704 26.5845365,11.4368176 C38.3807887,6.94440404 50.0773922,8.33888179 61.5430303,14.2837205 C65.1942072,16.1768256 68.1416597,18.7023024 70.385388,21.860151 L70.3886799,21.8578137 C70.6702349,22.2543566 70.6256765,22.7959649 70.2830983,23.14116 Z"},O:{width:"82px",height:"93px",viewBox:"0 0 82 93",path:"M41,7.5 C52.186735,7.5 62.3154231,11.8113932 69.6467711,18.7851146 C76.9688419,25.7500111 81.5,35.3712606 81.5,46 C81.5,56.6287394 76.9688419,66.2499889 69.6467711,73.2148854 C62.3154231,80.1886068 52.186735,84.5 41,84.5 C29.813265,84.5 19.6845769,80.1886068 12.3532289,73.2148854 C5.03115812,66.2499889 0.5,56.6287394 0.5,46 C0.5,35.3712606 5.03115812,25.7500111 12.3532289,18.7851146 C19.6845769,11.8113932 29.813265,7.5 41,7.5 Z M40.5,23.5 C34.4235774,23.5 28.9218615,26.0193229 24.9396106,30.0941843 C20.9614722,34.1648375 18.5,39.7881349 18.5,46 C18.5,52.2118651 20.9614722,57.8351625 24.9396106,61.9058157 C28.9218615,65.9806771 34.4235774,68.5 40.5,68.5 C46.5764226,68.5 52.0781385,65.9806771 56.0603894,61.9058157 C60.0385278,57.8351625 62.5,52.2118651 62.5,46 C62.5,39.7881349 60.0385278,34.1648375 56.0603894,30.0941843 C52.0781385,26.0193229 46.5764226,23.5 40.5,23.5 Z"},M:{width:"84px",height:"93px",viewBox:"0 0 84 93",path:"M42.6306219,50.0260506 L66.4463796,10.9589648 C66.8094462,10.3633946 67.4565708,10 68.1540815,10 L80.5115204,10 C81.6160899,10 82.5115204,10.8954305 82.5115204,12 L82.5115204,79.8052058 C82.5115204,80.9097753 81.6160899,81.8052058 80.5115204,81.8052058 L67.1284966,81.8052058 C66.0239271,81.8052058 65.1284966,80.9097753 65.1284966,79.8052058 L65.1284966,44.5701628 L65.1284966,44.5701628 L47.8189708,73.658174 C47.4583896,74.2641172 46.8053754,74.6354143 46.1002613,74.6354143 L39.2199197,74.6354143 C38.5282891,74.6354143 37.8857462,74.2780749 37.5208748,73.6905192 L20.2646111,45.9026029 L20.2646111,45.9026029 L20.2646111,79.8052058 C20.2646111,80.9097753 19.3691806,81.8052058 18.2646111,81.8052058 L4,81.8052058 C2.8954305,81.8052058 2,80.9097753 2,79.8052058 L2,12 C2,10.8954305 2.8954305,10 4,10 L16.2945555,10 C16.9813784,10 17.6201582,10.3524251 17.9864292,10.9334339 L42.6306219,50.0260506 L42.6306219,50.0260506 Z"},U:{width:"68px",height:"93px",viewBox:"0 0 68 93",path:"M3,10 L18.3187363,10 C19.4233058,10 20.3187363,10.8954305 20.3187363,12 L20.3187363,52.9092786 C20.3187363,60.4489697 26.4308635,66.5610969 33.9705545,66.5610969 C41.5102455,66.5610969 47.6223728,60.4489697 47.6223728,52.9092786 L47.6223728,12 C47.6223728,10.8954305 48.5178033,10 49.6223728,10 L64.3029206,10 C65.4074901,10 66.3029206,10.8954305 66.3029206,12 L66.3029206,53.2054774 C66.3029206,69.7740199 52.8714631,83.2054774 36.3029206,83.2054774 L33.6514603,83.2054774 L33.6514603,83.2054774 L31,83.2054774 C14.4314575,83.2054774 1,69.7740199 1,53.2054774 L1,12 C1,10.8954305 1.8954305,10 3,10 Z",useMask:!1},N:{width:"68px",height:"93px",viewBox:"0 0 68 93",path:"M4,10 L15.5889955,10 C16.4765109,10 17.318476,10.3929747 17.8884824,11.0732514 L48.9118521,48.0982314 L48.9118521,48.0982314 L48.9118521,12 C48.9118521,10.8954305 49.8072826,10 50.9118521,10 L65.9572767,10 C67.0618462,10 67.9572767,10.8954305 67.9572767,12 L67.9572767,79.673494 C67.9572767,80.7780635 67.0618462,81.673494 65.9572767,81.673494 L53.9165694,81.673494 C53.0262336,81.673494 52.1818938,81.2780283 51.6119123,80.5940554 L20.823616,43.6483658 L20.823616,43.6483658 L20.823616,79.502683 C20.823616,80.5993358 19.9405052,81.491453 18.8439088,81.50258 L4.02029282,81.6529942 C2.91578018,81.6642017 2.01131037,80.7779027 2.00010295,79.67339 C2.00003432,79.666626 2,79.6598616 2,79.6530972 L2,12 C2,10.8954305 2.8954305,10 4,10 Z"},I:{width:"24px",height:"93px",viewBox:"0 0 24 93",path:"M1.5,9.5 L22.5,9.5 L22.5,83.5 L1.5,83.5 Z"},T:{width:"65px",height:"93px",viewBox:"0 0 65 93",path:"M3,10 L61.9080582,10 C63.0126277,10 63.9080582,10.8954305 63.9080582,12 L63.9080582,24.2497494 C63.9080582,25.3543189 63.0126277,26.2497494 61.9080582,26.2497494 L44.0653863,26.2497494 C42.9608168,26.2497494 42.0653863,27.1451799 42.0653863,28.2497494 L42.0653863,79.673494 C42.0653863,80.7780635 41.1699558,81.673494 40.0653863,81.673494 L25.1126788,81.673494 C24.0081093,81.673494 23.1126788,80.7780635 23.1126788,79.673494 L23.1126788,28.2497494 C23.1126788,27.1451799 22.2172483,26.2497494 21.1126788,26.2497494 L3,26.2497494 C1.8954305,26.2497494 1,25.3543189 1,24.2497494 L1,12 C1,10.8954305 1.8954305,10 3,10 Z"},E:{width:"58px",height:"93px",viewBox:"0 0 58 93",path:"M3,10 L54.3644794,10 C55.4690489,10 56.3644794,10.8954305 56.3644794,12 L56.3644794,24.0800308 C56.3644794,25.1846003 55.4690489,26.0800308 54.3644794,26.0800308 L21.1639656,26.0800308 C20.6116809,26.0800308 20.1639656,26.527746 20.1639656,27.0800308 L20.1639656,36.4559279 C20.1639656,37.008212

16 20.6116809,37.4559279 21.1639656,37.4559279 L49.7743613,37.4559279 C50.8789308,37.4559279 51.7743613,38.3513584 51.7743613,39.4559279 L51.7743613,51.3626009 C51.7743613,52.4671704 50.8789308,53.3626009 49.7743613,53.3626009 L21.1639656,53.3626009 C20.6116809,53.3626009 20.1639656,53.8103161 20.1639656,54.3626009 L20.1639656,65.036905 C20.1639656,65.5891898 20.6116809,66.036905 21.1639656,66.036905 L55.1650055,66.036905 C56.269575,66.036905 57.1650055,66.9323355 57.1650055,68.036905 L57.1650055,79.673494 C57.1650055,80.7780635 56.269575,81.673494 55.1650055,81.673494 L3,81.673494 C1.8954305,81.673494 1,80.7780635 1,79.673494 L1,12 C1,10.8954305 1.8954305,10 3,10 Z"},S:{width:"63px",height:"93px",viewBox:"0 0 63 93",path:"M58.9622665,17.2876341 L53.0947536,29.9003257 C52.8607975,30.4006085 52.2655791,30.616509 51.7652962,30.3825529 C51.7506318,30.3756951 51.736136,30.3684822 51.7218218,30.3609206 C44.6761118,26.6381244 38.3447869,24.7768506 32.7279784,24.7768506 C23.9345852,24.7768506 21.8670919,28.2521874 21.8670919,30.4019112 C21.8670919,32.551635 23.799735,34.845482 27.0266354,36.1515145 C36.8164982,40.1137933 46.5296619,39.4269853 53.4835979,45.0312739 C58.9518731,49.4382446 61.7490227,54.4636714 61.8750465,60.1075541 C60.5583198,72.1883949 53.5474497,79.730205 40.8424362,82.7329844 C28.3760918,85.6793553 15.3553789,82.991718 1.7802976,74.6700726 L1.77987542,74.6707598 C1.33784542,74.3991991 1.17688708,73.8347038 1.40922506,73.370856 L7.57207152,61.1356093 C7.82123478,60.6427238 8.42278416,60.4451479 8.91566965,60.6943111 C8.95383682,60.7136054 8.99072694,60.7353282 9.02611278,60.7593457 C15.0923376,64.889012 21.6046944,67.1425246 28.5617083,67.5220567 C39.5357502,68.1207332 42.1384934,63.7104716 42.505973,62.3958675 C42.8734526,61.0812634 42.4542976,58.8558573 39.0734244,57.5188269 C29.2531389,53.6352088 14.6426968,50.7816912 10.3354699,47.3279868 C4.54537478,42.6852603 2.00583378,37.0432351 2.71684687,30.4019112 C3.82122229,19.6272237 10.75276,12.8773656 23.5114601,10.1523369 C35.9782607,7.48965255 47.6659678,9.44143124 58.5745813,16.0076729 L58.5739703,16.0086834 C59.0113213,16.2731056 59.1789113,16.8247518 58.9625566,17.2877697 Z"}}[u.letter],C=a(()=>(null==v?void 0:v.width)||"72px"),d=a(()=>(null==v?void 0:v.height)||"93px"),p=a(()=>(null==v?void 0:v.viewBox)||"0 0 72 93"),m=a(()=>(null==v?void 0:v.path)||""),L=a(()=>!1!==(null==v?void 0:v.useMask)),x=a(()=>`letter-${u.letter}-${Math.random().toString(36).substr(2,9)}`),f=a(()=>{const e=p.value.split(" ");return{x:parseFloat(e[0])||0,y:parseFloat(e[1])||0,width:parseFloat(e[2])||72,height:parseFloat(e[3])||93}}),g=a(()=>{const e=f.value;return`${e.x};${e.x};${e.x+e.width}`}),w=a(()=>{const e=f.value;return`${e.width};${e.width};0`}),y=a(()=>(u.delay||0)/1e3+1.75+"s");return l(async()=>{if(await i(),h.value){const e=h.value.getTotalLength();c.value=e,h.value.style.strokeDasharray=`${e}`,h.value.style.strokeDashoffset=`${e}`}}),(t,a)=>(n(),s("svg",{width:C.value,height:d.value,viewBox:p.value,class:"animated-letter",style:o({"--animation-delay":`${e.delay}ms`,"--path-length":`${c.value}px`,"--viewbox-width":p.value.split(" ")[2]})},[r("defs",null,[r("rect",{id:`path-${x.value}`,x:p.value.split(" ")[0],y:p.value.split(" ")[1],width:p.value.split(" ")[2],height:p.value.split(" ")[3]},null,8,k),r("mask",{id:`mask-${x.value}`,fill:"white"},[r("use",{"xlink:href":`#path-${x.value}`},null,8,$)],8,b),r("mask",{id:`mask-overlay-${x.value}`},[r("rect",{x:p.value.split(" ")[0],y:p.value.split(" ")[1],width:p.value.split(" ")[2],height:p.value.split(" ")[3],fill:"white",class:"mask-reveal-rect"},[r("animate",{attributeName:"x",values:g.value,dur:"1.75s",begin:y.value,fill:"freeze",calcMode:"linear"},null,8,F),r("animate",{attributeName:"width",values:w.value,dur:"1.75s",begin:y.value,fill:"freeze",calcMode:"linear"},null,8,I)],8,_)],8,B)]),r("g",Z,[r("g",null,[a[0]||(a[0]=r("g",null,null,-1)),r("path",{ref_key:"pathElement",ref:h,d:m.value,id:`path-${x.value}-stroke`,stroke:"#FFFFFF",mask:L.value?`url(#mask-${x.value})`:void 0,fill:"none",class:"letter-path"},null,8,E),r("rect",{x:p.value.split(" ")[0],y:p.value.split(" ")[1],width:p.value.split(" ")[2],height:p.value.split(" ")[3],fill:"#000000",mask:`url(#mask-overlay-${x.value})`,class:"mask-overlay"},null,8,P)])])],12,M))}}),[["__scopeId","data-v-f4c0e24a"]]),S={class:"community-page community-join page"},j={class:"main-content"},W={class:"main-title"},A={class:"features-grid"},H=["onMouseenter","onMouseleave","onClick"],N=["src","alt"],O={class:"button-text"},R=u(e({__name:"CommunityJoinPage",setup(e){const a=p(),l=[{char:"C"},{char:"O"},{char:"M"},{char:"M"},{char:"U"},{char:"N"},{char:"I"},{char:"T"},{char:"I"},{char:"E"},{char:"S"}],i=t([{title:"X",icon:x,url:"https://x.com/tbcnetwork_"},{title:"Telegram",icon:f,url:"https://t.me/turingbitchain_official"},{title:"Medium",icon:g,url:"https://medium.com/@tbc.node"},{title:"GitHub",icon:w,url:"https://github.com/TuringBitChain/LearningMaterials"},{title:"Email",icon:y,url:"/contact"}]),o=t([]),u=t([]),M=t([]),k=t([]),b=t([]),$=t([]),B=t([]);function _(e,t,a,l){const i=2*(e+t-4*a)+2*Math.PI*a;let s=l*i%i;const n=e-2*a,o=t-2*a,r=e-2*a,u=t-2*a,h=Math.PI*a/2;let c=0,v=0;if(s<=n)c=a+s,v=0;else if(s<=n+h){const t=s-n,l=-Math.PI/2+t/a;c=e-a+a*Math.cos(l),v=a+a*Math.sin(l)}else if(s<=n+h+o){c=e,v=a+(s-n-h)}else if(s<=n+h+o+h){const l=0+(s-n-h-o)/a;c=e-a+a*Math.cos(l),v=t-a+a*Math.sin(l)}else if(s<=n+h+o+h+r){c=e-a-(s-n-h-o-h),v=t}else if(s<=n+h+o+h+r+h){const e=s-n-h-o-h-r,l=Math.PI/2+e/a;c=a+a*Math.cos(l),v=t-a+a*Math.sin(l)}else if(s<=n+h+o+h+r+h+u){c=0,v=t-a-(s-n-h-o-h-r-h)}

1else{const e=s-n-h-o-h-r-h-u,t=Math.PI+e/a;c=a+a*Math.cos(t),v=a+a*Math.sin(t)}return{x:c,y:v}}function F(e){const t=u.value[e],a=o.value[e];if(!t||!a)return;void 0===$.value[e]&&($.value[e]=0),void 0===B.value[e]&&(B.value[e]=0);const l=M.value[e],i=B.value[e];let s=$.value[e];const n=i-s;if(Math.abs(n)>.001?(s+=.04*n,$.value[e]=s):($.value[e]=i,s=i),!l&&0===i&&s<.01){k.value[e]&&(cancelAnimationFrame(k.value[e]),k.value[e]=null);const a=t.getContext("2d");if(a){const e=window.devicePixelRatio||1,l=t.width/e,i=t.height/e;a.clearRect(0,0,l,i)}return}const r=t.getContext("2d");if(!r)return;const h=a.offsetWidth,c=a.offsetHeight,v=window.innerWidth<=968?16:32,C=window.devicePixelRatio||1,d=h+12,p=c+12;t.width=d*C,t.height=p*C,r.scale(C,C),t.style.width=`${d}px`,t.style.height=`${p}px`,r.imageSmoothingEnabled=!0,r.imageSmoothingQuality="high",t.style.top="-6px",t.style.left="-6px",r.clearRect(0,0,d,p);const m=h,L=c;(l||s>.01)&&(b.value[e]||(b.value[e]=0),b.value[e]=(b.value[e]+.004)%1);const x=b.value[e]||0,f=x,g=(x+.3)%1;r.lineCap="round",r.lineJoin="round";if(s>=.01){const e=320,t=[];if(g<f){const a=1-f,l=g,i=a+l,s=Math.ceil(e*(a/i)),n=.999999;for(let e=0;e<s;e++){const l=e/(s-1),o=_(m,L,v,f+(n-f)*l),r=l*(a/i);t.push({x:o.x+6,y:o.y+6,progress:r})}const o=Math.ceil(e*(l/i)),r=_(m,L,v,0);t.push({x:r.x+6,y:r.y+6,progress:a/i});const u=1e-6;for(let e=1;e<=o;e++){const s=e/o,n=_(m,L,v,u+(g-u)*s),r=a/i+s*(l/i);t.push({x:n.x+6,y:n.y+6,progress:r})}}else for(let a=0;a<=e;a++){const l=a/e,i=_(m,L,v,f+(g-f)*l);t.push({x:i.x+6,y:i.y+6,progress:l})}(e=>{for(let t=0;t<e.length-1;t++){const a=e[t],l=e[t+1],i=(a.progress+l.progress)/2,n=2*Math.abs(i-.5),o=n<1?1-n*n*(3-2*n):0,u=.3+1.5*o,h=(.05+.95*o)*s;r.beginPath(),r.strokeStyle=`rgba(255, 255, 255, ${h})`,r.lineWidth=u,r.moveTo(a.x,a.y),r.lineTo(l.x,l.y),r.stroke()}})(t)}k.value[e]=requestAnimationFrame(()=>F(e))}return h(()=>{k.value.forEach(e=>{e&&cancelAnimationFrame(e)})}),(e,t)=>(n(),s("div",S,[c(m,{title:"｜ Community"}),r("div",j,[r("h2",W,[(n(),s(v,null,C(l,(e,t)=>c(T,{key:t,letter:e.char,delay:100*t,class:"title-letter"},null,8,["letter","delay"])),64))]),t[0]||(t[0]=r("div",{class:"description"},[r("p",{class:"description-line"}," Become part of our vibrant community, where passionate advocates connect and collaborate to drive meaningful change. ")],-1)),r("div",A,[(n(!0),s(v,null,C(i.value,(e,t)=>(n(),s("button",{key:t,ref_for:!0,ref:e=>((e,t)=>{e&&e instanceof HTMLElement&&(o.value[t]=e)})(e,t),class:"feature-button",onMouseenter:e=>(e=>{M.value[e]=!0,B.value[e]=1,b.value[e]||(b.value[e]=0),void 0===$.value[e]&&($.value[e]=0),k.value[e]||F(e)})(t),onMouseleave:e=>(e=>{M.value[e]=!1,B.value[e]=0;const t=$.value[e]??0;!k.value[e]&&t>.01&&F(e)})(t),onClick:t=>(e=>{e.url&&(e.url.startsWith("/")?a.push(e.url):e.url.startsWith("mailto:")?window.location.href=e.url:window.open(e.url,"_blank","noopener,noreferrer"))})(e)},[r("img",{src:e.icon,alt:e.title,class:"button-icon"},null,8,N),r("span",O,d(e.title),1),r("canvas",{ref_for:!0,ref:e=>((e,t)=>{e&&e instanceof HTMLCanvasElement&&(u.value[t]=e)})(e,t),class:"border-line-canvas"},null,512)],40,H))),128))])]),c(L)]))}}),[["__scopeId","data-v-aca0092d"]]);export{R as default};