johnandersen777.bsky.social/knotless
git that lives in your Atmosphere account
Forked from chadtmiller.com/knotless
0
0
<!doctype html><link rel=stylesheet href=base.css>
<style>
html,body{width:1500px;height:500px}
body{background:#2563eb;color:#fff;position:relative}
svg{position:absolute;inset:0}
h1{position:absolute;left:330px;top:50%;transform:translateY(-50%);font:600 64px/1.06 Inter;letter-spacing:-.026em}
</style>
<svg id=s viewBox="0 0 1500 500" fill=none></svg>
<h1>Git that lives in your<br>Atmosphere account.</h1>
<script>
const s=document.getElementById('s');let d='';const N=30;
for(let i=0;i<N;i++){const y0=-50+i*(600/N);let p='';
for(let x=-20;x<=1540;x+=12){const u=x/1500,t=Math.min(1,Math.max(0,(u-.5)/.42)),f=t*t*(3-2*t);
const y=y0+f*(58*Math.sin(u*6.2+i*.16)+28*Math.sin(u*2.6-i*.11));p+=(p?'L':'M')+x.toFixed(1)+' '+y.toFixed(1);}
d+=`<path d="${p}" stroke="#fff" stroke-opacity="${(.14+.3*i/N).toFixed(2)}" stroke-width="1.8"/>`;}
s.innerHTML=d+`<defs><linearGradient id=g x2=1 y2=0><stop offset=.56 stop-color="#2563eb"/><stop offset=.8 stop-color="#2563eb" stop-opacity=0 /></linearGradient></defs><rect width=1500 height=500 fill="url(#g)"/>`;
</script>