I hereby claim:
- I am jftochka on github.
- I am krapkakrapka (https://keybase.io/krapkakrapka) on keybase.
- I have a public key ASC_CMxD1Qx3HXd_ChD0Qx2k1W_Idf1J1vSfXnug5d4pbAo
To claim this, I am signing this object:
canvas#canvas |
document.write`<pre id=p>`,j=0,setInterval(()=>{for(M=Math,A=M.abs,T='W#x;:-·',S=20,s='',i=492;i--;)s+=(x=i%41)?T[A(j-(((M.hypot((X=x-S)/S*(.5+.5*(Y=2*((i/41)|0)-10)/S),Y/S-A(X/S)*.63)-.7)*S)|0))%7]:'\n';p.innerHTML=s;j++},150) |
I hereby claim:
To claim this, I am signing this object:
<script type="x-shader/x-fragment" id="background-fragment"> | |
float hue2rgb(float f1, float f2, float hue) { | |
if (hue < 0.0) | |
hue += 1.0; | |
else if (hue > 1.0) | |
hue -= 1.0; | |
float res; | |
if ((6.0 * hue) < 1.0) | |
res = f1 + (f2 - f1) * 6.0 * hue; |
<div class="d-flex flex-column justify-content-center w-100 h-100"> | |
<div class="d-flex flex-column justify-content-center align-items-center"> | |
<h1 class="fw-light text-white m-0">Pure CSS Gradient Background Animation</h1> | |
<div class="btn-group my-5"> | |
<a href="https://codepen-api-export-production.s3.us-west-2.amazonaws.com/zip/PEN/pyBNzX/1578778289271/pure-css-gradient-background-animation.zip" class="btn btn-outline-light" aria-current="page"><i class="fas fa-file-download me-2"></i> SOURCE CODE</a> | |
<a href="https://codepen.io/P1N2O/full/pyBNzX" class="btn btn-outline-light">FULL SCREEN <i class="fas fa-expand ms-2"></i></a> | |
</div> | |
<a href="https://manuel.pinto.dev" class="text-decoration-none"> | |
<h5 class="fw-light text-white m-0">— Pen by Manuel Pinto —</h5> |
<div class="landingpage"> | |
<div class="navbar"> | |
<a class="navlogo">GASLUR</a> | |
<button class="hamburger"> | |
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"> | |
<path d="M3 12h18M3 6h18M3 18h18"/> | |
</svg> | |
</button> | |
<div class="navlinkwrap"> | |
<span class="navlink selectedlink">Home</span> |