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
a(href="#") Drupand
a(href="#") Oceash
a(href="#") Ugefe
a(href="#") Babed
div
b Spotha
a(href="#") Miskasa
a(href="#") Agithe
a(href="#") Scesha
a(href="#") Lulle
div
b Chashakib
a(href="#") Chogauw
a(href="#") Phachuled
a(href="#") Tiebeft
a(href="#") Ocid
a(href="#") Izom
a(href="#") Ort
div
b Athod
a(href="#") Pamuz
a(href="#") Vapert
a(href="#") Neesk
a(href="#") Omemanen
div
a.image(href="https://codepen.io/z-" target="_blank" style="background-image: url(\"https://s3-us-west-2.amazonaws.com/s.cdpn.io/199011/happy.svg\")")
p ©2019 Not Really
svg(style="position:fixed; top:100vh")
defs
filter#blob
feGaussianBlur(in="SourceGraphic" stdDeviation="10" result="blur")
feColorMatrix(in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 19 -9" result="blob")
feComposite(in="SourceGraphic" in2="blob" operator="atop")