-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
1 lines (1 loc) · 34.4 KB
/
index.html
File metadata and controls
1 lines (1 loc) · 34.4 KB
1
<!DOCTYPE html><!--Iz2JlPgHFU8HZJ5olrYpm--><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/1e41be92c43b3255-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/739c2d8941231bb4-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/abbot-and-main.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/aigner.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/aigner_splash.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/akurtz.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/akurtz2.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/akurtz3.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/akurtz4.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/akurtz5.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/akurtz6.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/akurtz7.jpg"/><link rel="stylesheet" href="/_next/static/css/4b124d157272c734.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-a225c6d9e1f83478.js"/><script src="/_next/static/chunks/4bd1b696-c023c6e3521b1417.js" async=""></script><script src="/_next/static/chunks/255-f9c534389f1b5ee3.js" async=""></script><script src="/_next/static/chunks/main-app-fa502725c96c4091.js" async=""></script><script src="/_next/static/chunks/c15bf2b0-f7282d455f9c4cd9.js" async=""></script><script src="/_next/static/chunks/390-775171ed6407bb96.js" async=""></script><script src="/_next/static/chunks/app/page-ce7857cc1ce12386.js" async=""></script><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/betro-simone.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/bluesource.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/bluesource_brochure.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/bluesource_brochure2.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/borosil.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/caelum.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/dedra-beauty.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/dylan-george.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/dylan-george_product-page.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/dylan-george_shop.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/dylan-george_splash.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/dylan-george2.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/dylan-george3.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/elwood_shop.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/estrella.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/ffc-new-york.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/gramicci.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/gramicci_contact.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/gramicci_product.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/gramicci2.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/gramicci3.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/gramicci4.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/gramicci5.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/gramicci6.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/gramicci7.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/gramicci8.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/gramicci9.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/gramicci10.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/gramicci11.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/iron-and-resin.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/iron-and-resin2.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/iron-and-resin-the-garage.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/jaqua.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/jaqua2.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/kai.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/katin.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/katin2.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/life-on-ropes.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/oquinn.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/owl-city.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/raw-7.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/raw-7_shop.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/raw-72.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/raw-73.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/sondra-roberts.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/sondra-roberts2.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/stages-learning.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/stages-learning2.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/the-bean-coffee-company.jpg"/><link rel="preload" as="image" href="https://dlo999.github.io/images/portfolio_thumbs/tk-axel.jpg"/><meta name="next-size-adjust" content=""/><title>Create Next App</title><meta name="description" content="Generated by create next app"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="16x16"/><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body class="__variable_bcd532 __variable_5899e0 antialiased"><div hidden=""><!--$--><!--/$--></div><main><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><div class="test bg-fixed fixed inset-0 z-0" aria-hidden="true"></div><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><div class="relative z-[3]" style="isolation:isolate"><nav class="navigation md:hidden fixed left-0 top-0 h-full z-10 flex flex-col items-center justify-center opacity-0 pointer-events-none"><ul class="flex flex-col items-center gap-[1px] m-0 p-0 list-none"><li class="mobile-nav-item bg-black/70 py-[6px]" data-section="logo"><button class="text-inherit text-[10px] leading-[8px] font-mono w-[16px] block text-left px-[5px]" style="word-wrap:break-word;white-space:pre-wrap" data-name="logo">dLo.engineer</button></li><li class="mobile-nav-item bg-black/70 py-[6px]" data-section="about"><button class="text-inherit text-[10px] leading-[8px] font-mono w-[16px] block text-left px-[5px]" style="word-wrap:break-word;white-space:pre-wrap" data-name="about">about</button></li><li class="mobile-nav-item bg-black/70 py-[6px]" data-section="portfolio"><button class="text-inherit text-[10px] leading-[8px] font-mono w-[16px] block text-left px-[5px]" style="word-wrap:break-word;white-space:pre-wrap" data-name="portfolio">portfolio</button></li><li class="mobile-nav-item bg-black/70 py-[6px]" data-section="resume"><button class="text-inherit text-[10px] leading-[8px] font-mono w-[16px] block text-left px-[5px]" style="word-wrap:break-word;white-space:pre-wrap" data-name="resume">resume</button></li><li class="mobile-nav-item bg-black/70 py-[6px]" data-section="contact"><button class="text-inherit text-[10px] leading-[8px] font-mono w-[16px] block text-left px-[5px]" style="word-wrap:break-word;white-space:pre-wrap" data-name="contact">contact</button></li><li class="mobile-nav-item bg-black/70 py-[6px]" data-section="credits"><button class="text-inherit text-[10px] leading-[8px] font-mono w-[16px] block text-left px-[5px]" style="word-wrap:break-word;white-space:pre-wrap" data-name="credits">credits</button></li></ul></nav><nav class="navigation hidden md:flex fixed top-0 left-0 w-full justify-center h-40 opacity-0 pointer-events-none z-10"><div class="flex flex-grow bg-neutral-950/50"></div><div class="desktop-nav-item bg-neutral-950/50" data-section="logo"><button class="text-inherit text-base lg:text-lg font-medium px-20 h-full" data-name="logo">dLo.engineer</button></div><div class="desktop-nav-item bg-neutral-950/50" data-section="about"><button class="text-inherit text-base lg:text-lg font-medium px-20 h-full" data-name="about">about</button></div><div class="desktop-nav-item bg-neutral-950/50" data-section="portfolio"><button class="text-inherit text-base lg:text-lg font-medium px-20 h-full" data-name="portfolio">portfolio</button></div><div class="desktop-nav-item bg-neutral-950/50" data-section="resume"><button class="text-inherit text-base lg:text-lg font-medium px-20 h-full" data-name="resume">resume</button></div><div class="desktop-nav-item bg-neutral-950/50" data-section="contact"><button class="text-inherit text-base lg:text-lg font-medium px-20 h-full" data-name="contact">contact</button></div><div class="desktop-nav-item bg-neutral-950/50" data-section="credits"><button class="text-inherit text-base lg:text-lg font-medium px-20 h-full" data-name="credits">credits</button></div><div class="flex flex-grow bg-neutral-950/50"></div></nav><section id="hero" class="Hero relative z-[3] h-screen flex flex-col items-center justify-center md:gap-y-6 lg:gap-y-8 mb-120"><div class="Hero__logo text-5xl md:text-7xl lg:text-8xl font-thin"><span class="text-green-300">dLo</span>.engineer</div><nav class="Hero__navigation flex justify-center flex-row mx-auto w-[93%] max-w-7xl"><div class="lg:not-last-of-type:after:content-['.'] after:px-6"><button class="text-xs md:text-base lg:text-lg font-medium hover:text-green-300 hover:underline" data-name="about">about</button></div><div class="lg:not-last-of-type:after:content-['.'] after:px-6"><button class="text-xs md:text-base lg:text-lg font-medium hover:text-green-300 hover:underline" data-name="portfolio">portfolio</button></div><div class="lg:not-last-of-type:after:content-['.'] after:px-6"><button class="text-xs md:text-base lg:text-lg font-medium hover:text-green-300 hover:underline" data-name="resume">resume</button></div><div class="lg:not-last-of-type:after:content-['.'] after:px-6"><button class="text-xs md:text-base lg:text-lg font-medium hover:text-green-300 hover:underline" data-name="contact">contact</button></div><div class="lg:not-last-of-type:after:content-['.'] after:px-6"><button class="text-xs md:text-base lg:text-lg font-medium hover:text-green-300 hover:underline" data-name="credits">credits</button></div></nav></section><section id="about" class="About relative z-[3] mx-auto w-[93%] max-w-7xl my-120"><div class="h-screen flex flex-col items-center justify-center text-background gap-y-54 "><h2 class="text-7xl font-normal">Hello :)</h2><p class="text-center font-black text-lg">My name's Dustin. I am a web developer & designer.<br/>I love the internet. That's why I develop for it.</p></div></section><section id="portfolio" class="Portfolio relative z-[3] mx-auto w-[93%] max-w-7xl my-120"><h2 class="text-black font-normal text-2xl md:text-4xl tracking-wide text-center mb-8">Portfolio</h2><div class="Portfolio_inner grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4"><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/abbot-and-main.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/aigner.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/aigner_splash.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/akurtz.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/akurtz2.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/akurtz3.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/akurtz4.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/akurtz5.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/akurtz6.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/akurtz7.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/betro-simone.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/bluesource.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/bluesource_brochure.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/bluesource_brochure2.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/borosil.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/caelum.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/dedra-beauty.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/dylan-george.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/dylan-george_product-page.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/dylan-george_shop.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/dylan-george_splash.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/dylan-george2.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/dylan-george3.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/elwood_shop.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/estrella.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/ffc-new-york.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/gramicci.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/gramicci_contact.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/gramicci_product.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/gramicci2.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/gramicci3.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/gramicci4.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/gramicci5.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/gramicci6.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/gramicci7.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/gramicci8.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/gramicci9.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/gramicci10.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/gramicci11.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/iron-and-resin.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/iron-and-resin2.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/iron-and-resin-the-garage.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/jaqua.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/jaqua2.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/kai.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/katin.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/katin2.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/life-on-ropes.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/oquinn.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/owl-city.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/raw-7.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/raw-7_shop.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/raw-72.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/raw-73.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/sondra-roberts.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/sondra-roberts2.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/stages-learning.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/stages-learning2.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/the-bean-coffee-company.jpg" alt=""/></div><div class="max-h-250 overflow-hidden"><img class="object-cover object-top w-full h-full" src="https://dlo999.github.io/images/portfolio_thumbs/tk-axel.jpg" alt=""/></div></div></section><section id="resume" class="Resume relative z-[3] mx-auto w-[93%] max-w-7xl my-120"><div class="bg-white p-[3%_5%_7%] text-neutral-800 text-left"><h2 class="font-normal text-3xl md:text-5xl lg:text-6xl tracking-wide mb-4">Dustin L Obrecht</h2><h3 class="font-normal text-base md:text-2xl lg:text-4xl tracking-wider mt-8 mb-4">Objectives :</h3><p class="text-xs md:text-sm lg:text-lg mt-0 px-5">To further my experience, by integrating modern php & js solutions, and css frameworks to make robust applications.</p><p class="text-xs md:text-sm lg:text-lg mt-0 px-5">Developing and designing node applications utilizing JS frontend frameworks; vue, react, angular, and even some jquery.</p><p class="text-xs md:text-sm lg:text-lg mt-0 px-5">Handling data and visualizing it in both classical and new ways to gain insight.</p><p class="text-xs md:text-sm lg:text-lg mt-0 px-5">Working with new design architectures, methodologies, and solutions while having fun learning at the same time.</p><h3 class="font-normal text-base md:text-2xl lg:text-4xl tracking-wider mt-8 mb-4">Skills & Proficiencies :</h3><ul class="text-xs md:text-sm lg:text-lg list-disc pl-10"><li class="mb-1">Digital Design Applications: PhotoShop, Illustrator, Indesign</li><li class="mb-1">Programming Languages: PHP, JS, Python, LUA</li><li class="mb-1">Data Persistence Layers: MySql, MongoDB</li><li class="mb-1">JS Development Tools: node, jquery, react, webpack, socket.io, d3</li><li class="mb-1">Other Languages & Notations: JSON, RSS, XML, HTML, CSS, SASS.</li><li class="mb-1">Experience skinning and theming : drupal, wordpress, magento, laravel, oscommerce, shopify, mailchimp & klaviyo mailers</li><li class="mb-1">Integration of various css frameworks such as Bootstrap & Foundation, as well as designing my own custom css solutions.</li><li class="mb-1">Linux/OS X/Windows Desktop Environment - Administration & Networking</li><li class="mb-1">Linux Web Server Configuration & Administration using various distros like ubuntu, debian, and archlinux. Utilizing apache, nginx, and node application servers.</li><li class="mb-1">Microsoft Office Suite Products: Word, Excel, Outlook, PowerPoint</li></ul><h3 class="font-normal text-base md:text-2xl lg:text-4xl tracking-wider mt-8 mb-4">Work Experience:</h3><p class="text-xs md:text-sm lg:text-lg mt-0 px-5"><b>Independent Contractor</b><br/><small class="text-xs md:text-sm">Digital Designer & Developer 2003 – 2022</small><br/>Web-Site development for multiple clients, ranging from art design/director to full site implementation.<br/>Designed a wide range of printed materials, books & magazine layouts, product box art & labels. Worked directly with clients to help them construct thier ideas into a reality.<br/></p><p class="text-xs md:text-sm lg:text-lg mt-0 px-5"><b>Bluesource</b><br/><small class="text-xs md:text-sm">Digital Designer & Developer 2008 – 2016</small><br/>Responsible for managing multiple projects for different clients.<br/>Each project could consist of : art & animation design or direction, CSS/HTML design, administering & skinning/theming, developing & procuring solutions for various content management systems, creating various printed materials and layouts<br/>Hired as an employee & independent contractor<br/>Supervisor: Cindy Georghiou</p><p class="text-xs md:text-sm lg:text-lg mt-0 px-5"><b>Mainstream Advertising</b><br/><small class="text-xs md:text-sm">Senior Web Designer 2005 – 2007</small><br/>Responsible for art/animation design, CSS/HTML design, administering/skinning/theming various content management systems.<br/>Supervisor: Daniel Kay<br/></p><p class="text-xs md:text-sm lg:text-lg mt-0 px-5"><b>SydeFX inc.</b><br/><small class="text-xs md:text-sm">Flash Animator 2001 – 2002</small><br/>Projects included creation of multiple-animated scenes utilizing touchscreen computer application programming.<br/>Flash animator/3d graphic designer for customers.<br/>Hired as an independent contractor.<br/>Supervisor: Jeff Height, SydeFX</p><p class="text-xs md:text-sm lg:text-lg mt-0 px-5"><b>Webber Interactive</b><br/><small class="text-xs md:text-sm">Graphic Designer 2000 – 2001</small><br/>Flash animator/3d graphic designer for customers.<br/>Supervisor: John Webber, Webber Interactive<br/></p><p class="text-xs md:text-sm lg:text-lg mt-0 px-5"><b>HowStuffWorks.com</b><br/><small class="text-xs md:text-sm">Office Assistant 2000 – 2001</small><br/>Part time assistant providing administrative support to Vice President of successful Informational Consumer Website.<br/>Responsibilities included ceating presentations, typing documents, Processing emails, sending faxes, Data entry, and miscellaneous office services as required.<br/>Supervisor: Janice Clark<br/></p><h3 class="font-normal text-base md:text-2xl lg:text-4xl tracking-wider mt-8 mb-4">Education:</h3><b>Schools</b><br/><small class="text-xs md:text-sm">El Camino Real High School June 2000</small><br/><small class="text-xs md:text-sm">West Valley Occupational Center 1999 - 2001</small><br/><small class="text-xs md:text-sm">Self & Occupational Education; NEVER STOP LEARNING!</small><br/></div></section><section id="contact" class="Contact relative z-[3] h-screen mx-auto w-[93%] max-w-7xl my-120"><div class="flex flex-col items-center justify-center h-full gap-y-80 text-background"><h2 class="text-3xl md:text-6xl lg:text-8xl font-normal tracking-wide">Contact Me</h2><h3 class="text-xs md:text-2xl lg:text-4xl font-normal tracking-wide">dustin.obrecht@gmail.com</h3></div></section><section id="credits" class="Credits relative z-[3] h-screen mx-auto w-[93%] max-w-7xl my-120"><div class="flex flex-col items-center justify-center h-full gap-y-80 text-background"><h3 class="text-base md:text-2xl lg:text-5xl font-normal tracking-wide">Made with some help from these great projects :</h3><ul class="text-2xl font-black flex flex-col align-center"><li class="text-center"><a href="https://github.com/greensock/GSAP" class="text-neutral-900 hover:underline" target="_blank">GSAP</a></li><li class="text-center"><a href="https://github.com/vercel/next.js" class="text-neutral-900 hover:underline" target="_blank">next-js</a></li><li class="text-center"><a href="https://github.com/facebook/react" class="text-neutral-900 hover:underline" target="_blank">react</a></li><li class="text-center"><a href="https://fonts.google.com/specimen/Roboto" class="text-neutral-900 hover:underline" target="_blank">roboto font</a></li><li class="text-center"><a href="https://github.com/tailwindlabs/tailwindcss" class="text-neutral-900 hover:underline" target="_blank">tailwind css</a></li></ul></div></section><section class="Footer relative z-[3] bg-neutral-800 text-neutral-300 text-sm text-center py-3"><div>© 2026 Dustin Obrecht</div></section></div><!--$--><!--/$--></main><script src="/_next/static/chunks/webpack-a225c6d9e1f83478.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[9766,[],\"\"]\n3:I[8924,[],\"\"]\n4:I[1959,[],\"ClientPageRoot\"]\n5:I[9547,[\"592\",\"static/chunks/c15bf2b0-f7282d455f9c4cd9.js\",\"390\",\"static/chunks/390-775171ed6407bb96.js\",\"974\",\"static/chunks/app/page-ce7857cc1ce12386.js\"],\"default\"]\n8:I[4431,[],\"OutletBoundary\"]\na:I[5278,[],\"AsyncMetadataOutlet\"]\nc:I[4431,[],\"ViewportBoundary\"]\ne:I[4431,[],\"MetadataBoundary\"]\nf:\"$Sreact.suspense\"\n11:I[7150,[],\"\"]\n:HL[\"/_next/static/media/1e41be92c43b3255-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/739c2d8941231bb4-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/4b124d157272c734.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"Iz2JlPgHFU8HZJ5olrYpm\",\"p\":\"\",\"c\":[\"\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/4b124d157272c734.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[\"$\",\"body\",null,{\"className\":\"__variable_bcd532 __variable_5899e0 antialiased\",\"children\":[\"$\",\"main\",null,{\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$L4\",null,{\"Component\":\"$5\",\"searchParams\":{},\"params\":{},\"promises\":[\"$@6\",\"$@7\"]}],null,[\"$\",\"$L8\",null,{\"children\":[\"$L9\",[\"$\",\"$La\",null,{\"promise\":\"$@b\"}]]}]]}],{},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$Le\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$f\",null,{\"fallback\":null,\"children\":\"$L10\"}]}]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$11\",[]],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"6:{}\n7:\"$0:f:0:1:2:children:1:props:children:0:props:params\"\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n9:null\n"])</script><script>self.__next_f.push([1,"12:I[622,[],\"IconMark\"]\nb:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"Create Next App\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Generated by create next app\"}],[\"$\",\"link\",\"2\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"16x16\"}],[\"$\",\"$L12\",\"3\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script><script>self.__next_f.push([1,"10:\"$b:metadata\"\n"])</script></body></html>