-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 3.56 KB
/
index.html
1
<!doctype html><html class="scroll-smooth md:border-[10px] md:border-solid min-h-screen md:border-purple" lang=en><head><meta charset=utf-8><link href="/css/style.css?h=012c5f95ea1463230821" rel=stylesheet><meta content="width=device-width,initial-scale=1" name=viewport><title>Home | Diéssica Gurskas</title><body class="text-gray-700 font-body antialiased"><div class="bg-index text-white relative overflow-hidden"><div class="py-12 mb-4 text-center space-x-8 text-md md:text-lg relative z-20"><a class="no-underline font-extrabold hover:border-green hover:border-b-2 border-green border-b-2" href=/>diessi.ca</a><a class="no-underline hover:border-green hover:border-b-2" href=/blog/>Blog</a><a class="no-underline hover:border-green hover:border-b-2" href=/misc/>Misc</a></div><canvas class="absolute right-0 top-0" id=canvas-grid></canvas><main class="px-3 md:px-8 lg:px-16 2xl:px-32"><div class="xl:max-w-[900px] 2xl:max-w-[1000px] overflow-auto relative z-10"><h1 class="pr-10 md:pr-0 font-display text-3xl md:text-5xl xl:text-6xl mb-10"><span class="font-extrabold italic">I'm <span class=text-green>Diéssica Gurskas</span>. 👋 <br>I immerse myself in nature, sound, cycling, and the wonders of human-computer interaction.</span></h1><div class="prose-sm prose lg:prose-lg tracking-tight text-slate-200 prose-a:text-white prose-strong:text-white"><p class=pb-1.5>I'm based in ever-changing Berlin, but grew up in never-changing Viamão, a humble town in Brazil which taught me to be resourceful. Whether it was making kites out of bags and twigs, playing DIY football and cricket on muddy dirt roads, or ringing neighbors' doorbells and dashing away, I hacked whatever came my way.<p class=pb-1.5>That ultimately led me to unearth a fascination for computers. Back when I hacked my first game and setup a pirate server just so everything was free, I felt empowered by how computers could help solve our problems. Coming of age, I also realised how they may <i>create</i> new ones. 😉<p class=pb-1.5>Having honed my skills, and developed a passion for audio along the way, I am nowadays a <strong>Lead Software Engineer at <a class=font-extrabold href=https://www.native-instruments.com>Native Instruments</a></strong>. I manage web architecture and operations for leading audio brands, including <a href=https://www.izotope.com/>iZotope</a>.<p>Raised by the internet, I wholeheartedly support and draw on open knowledge to teach myself, experiment, and have fun. I wish nothing but for everyone to empower themselves towards never-ending exploration as I do.</p><span class="text-sm opacity-50">____</span><footer class="text-sm py-8 text-white font-extrabold flex space-y-2 md:space-y-0 md:space-x-3 flex-col md:flex-row"><span>hey@<span class=text-slate-400>diessi.ca</span></span><span class="hidden md:inline text-green"> • </span><a class=mb-1 href=https://diessi.ca/atom.xml>RSS Feed</a><span class="hidden md:inline text-green"> • </span><a class=mb-1 href=https://bsky.app/profile/diessica.bsky.social>Bluesky</a></footer></div></div></main><script>var drawBackground=(()=>{let d=50,f=10,g=1,e=0;var c=(()=>{var c=d;var h=d;var i=e;var j=e;var k=a.width;var l=a.height;var m=f;b.lineWidth=g;b.strokeStyle=`#9600FF`;while(j<l){j=j+ h;b.moveTo(i,j);b.lineTo(k,j);b.stroke();b.fillText(m,i,j);m+=f};j=e;m=f;while(i<k){i=i+ c;b.moveTo(i,j);b.lineTo(i,l);b.stroke();b.fillText(m,i,f);m+=f}});var a=document.getElementById(`canvas-grid`);var b=a.getContext(`2d`);a.width=window.innerWidth- 600;a.height=window.innerHeight+ 800;b.setTransform(g,e,0.3,0.8,g,e);c()});drawBackground()</script><script src=/footnotes.js></script>