Skip to content

Instantly share code, notes, and snippets.

@jftochka
jftochka / index.html
Created September 17, 2022 22:10
Responsive NFT Landing Page
<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>
@jftochka
jftochka / index.html
Created October 31, 2022 12:16
Pure CSS Gradient Background Animation
<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>
@jftochka
jftochka / index.html
Created November 29, 2022 09:07
WebGL - Morphing Ball
<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;

Keybase proof

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:

@jftochka
jftochka / script.js
Created December 29, 2022 19:26
Tweet sized ASCII love <3
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)
@jftochka
jftochka / index.pug
Created October 17, 2023 08:05
Shark!
canvas#canvas