Skip to content

Instantly share code, notes, and snippets.

View oauo's full-sized avatar
😸
I may be slow to respond.

z- oauo

😸
I may be slow to respond.
View GitHub Profile
@oauo
oauo / index.pug
Last active February 4, 2024 12:38
Medium style lazy loading images with react #codepen #react
div#app
@oauo
oauo / index.pug
Last active February 29, 2020 21:51
Nav hand #codepen
‎‎​
@oauo
oauo / index.pug
Last active October 24, 2022 21:22
Emoting Eyes Exploration #codepen
div.face-container
div.face
div.eye.left
div.lower
div.lid
div.upper
div.lid
div.eye.right
div.lower
div.lid
@oauo
oauo / index.pug
Last active January 26, 2022 10:32
Footer blobs #codepen
div.main
div.footer
div.bubbles
- for (var i = 0; i < 128; i++) //Small numbers looks nice too
div.bubble(style=`--size:${2+Math.random()*4}rem; --distance:${6+Math.random()*4}rem; --position:${-5+Math.random()*110}%; --time:${2+Math.random()*2}s; --delay:${-1*(2+Math.random()*2)}s;`)
div.content
div
div
b Eldew
a(href="#") Secuce
@oauo
oauo / index.pug
Last active February 29, 2020 21:51
CSS path d property tab bar #codepen
div#phone
.tab
div.icons
a.fas.fa-gift(href="#")
a.fab.fa-codepen(href="https://codepen.io/z-" target="_blank")
br
a.fas.fa-ufo(href="#")
a.fas.fa-beer(href="#")
div.circle
i.fal.fa-times