thecodeboss.dev Ads.txt file
<!DOCTYPE html>
<html lang="en-US"><head>
<meta name="generator" content="Hugo 0.111.3">
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WH3CEERYQX"></script>
<script>
var doNotTrack = false;
if (!doNotTrack) {
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-WH3CEERYQX', { 'anonymize_ip': false });
}
</script>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Aaron Krauss | Developer</title>
<link rel="stylesheet" href="/dist/style.css">
<meta property="og:title" content="Aaron Krauss | Developer" />
<meta property="og:description" content="Hi, I'm Aaron Krauss, and I'm a software developer based in Oklahoma City, OK, currently working at Clevyr." />
<meta property="og:type" content="website" />
<meta property="og:url" content="/" /><meta property="og:image" content="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/global/opengraph/opengraph.jpg"/><meta property="og:site_name" content="Aaron Krauss | Developer" />
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" content="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/global/opengraph/opengraph.jpg"/>
<meta name="twitter:title" content="Aaron Krauss | Developer"/>
<meta name="twitter:description" content="Hi, I'm Aaron Krauss, and I'm a software developer based in Oklahoma City, OK, currently working at Clevyr."/>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,800,300' rel='stylesheet' type='text/css'>
<link rel="shortcut icon" href="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/global/favicon/favicon.ico">
<link rel="apple-touch-icon" sizes="57x57" href="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/global/favicon/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/global/favicon/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/global/favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/global/favicon/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/global/favicon/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/global/favicon/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/global/favicon/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/global/favicon/apple-touch-icon-152x152.png">
<link rel="icon" type="image/png" href="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/global/favicon/favicon-196x196.png" sizes="196x196">
<link rel="icon" type="image/png" href="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/global/favicon/favicon-160x160.png" sizes="160x160">
<link rel="icon" type="image/png" href="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/global/favicon/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/global/favicon/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/global/favicon/favicon-32x32.png" sizes="32x32">
<meta name="msapplication-TileColor" content="#2d89ef">
<meta name="msapplication-TileImage" content="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/global/favicon/mstile-144x144.png">
<meta name="msapplication-config" content="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/global/favicon/browserconfig.xml">
</head>
<body class="min-h-screen flex flex-col"><nav id="skipmenu">
<a href="#content" class="
[ fixed -top-10 left-0 ]
[ w-full py-1 px-4 z-50 ]
[ bg-blue text-white font-bold ]
[ focus:top-0 ]
">Skip directly to content</a>
</nav>
<header id="headerBar" class="
[ fixed w-full z-40 ]
[ bg-dark py-2 border-b-2 border-teal ]
[ transition-all left-0 ]
">
<div class="container-main flex justify-between items-center">
<section>
<a title="Home Page" href="/">
<img
data-title="logo-image"
class="w-8"
alt="thecodeboss logo"
src="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/global/logo/logo.png"
/>
</a>
</section>
<button
id="responsiveNavToggle"
class="md:hidden flex items-center space-x-2 text-white"
type="button"
aria-controls="siteNav"
>
<span
id="responsiveNavToggleText"
class="font-medium text-lg"
>Open</span>
<div class="
[ relative w-6 ]
[ flex items-center justify-center ]
">
<span id="responsiveNavToggleLine1" class="
[ transform transition ]
[ w-full h-px bg-current absolute ]
[ -translate-y-2 ]
"></span>
<span id="responsiveNavToggleLine2" class="
[ transform transition ]
[ w-full h-px bg-current absolute ]
[ opacity-100 ]
"></span>
<span id="responsiveNavToggleLine3" class="
[ transform transition ]
[ w-full h-px bg-current absolute ]
[ translate-y-2 ]
"></span>
</div>
</button>
<nav id="siteNav" class="
[ absolute md:static ]
[ left-full top-0 ]
[ bg-dark md:bg-transparent]
[ w-1/2 md:w-auto ]
[ h-screen md:h-auto ]
[ border-l-2 border-black md:border-none ]
">
<ul class="flex flex-col md:flex-row">
<li class="
[ ml-0 md:ml-6 ]
[ text-white border-b-2 border-black md:border-none ]
">
<a
data-handle="nav-link"
href="/about/"
class="
[ font-bold focus:text-teal hover:text-teal ]
[ block md:inline ]
[ p-3 md:p-0 ]
"
>
<span>About</span>
</a>
</li>
<li class="
[ ml-0 md:ml-6 ]
[ text-white border-b-2 border-black md:border-none ]
">
<a
data-handle="nav-link"
href="/content/"
class="
[ font-bold focus:text-teal hover:text-teal ]
[ block md:inline ]
[ p-3 md:p-0 ]
"
>
<span>Content</span>
</a>
</li>
<li class="
[ ml-0 md:ml-6 ]
[ text-white border-b-2 border-black md:border-none ]
">
<a
data-handle="nav-link"
href="/projects/"
class="
[ font-bold focus:text-teal hover:text-teal ]
[ block md:inline ]
[ p-3 md:p-0 ]
"
>
<span>Projects</span>
</a>
</li>
<li class="
[ ml-0 md:ml-6 ]
[ border-b-2 border-black md:border-none ]
">
<a
data-handle="nav-link"
class="
[ text-white font-bold hover:text-teal focus:text-teal ]
[ flex items-center ]
[ p-3 md:p-0 ]
"
href="/resume"
target="_blank"
>
Resume
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
class="[ w-5 h-5 ][ inline ml-1 ]"
class="w-5 h-5 inline ml-1"
>
<path fill-rule="evenodd" d="M4.25 5.5a.75.75 0 00-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 00.75-.75v-4a.75.75 0 011.5 0v4A2.25 2.25 0 0112.75 17h-8.5A2.25 2.25 0 012 14.75v-8.5A2.25 2.25 0 014.25 4h5a.75.75 0 010 1.5h-5z" clip-rule="evenodd" />
<path fill-rule="evenodd" d="M6.194 12.753a.75.75 0 001.06.053L16.5 4.44v2.81a.75.75 0 001.5 0v-4.5a.75.75 0 00-.75-.75h-4.5a.75.75 0 000 1.5h2.553l-9.056 8.194a.75.75 0 00-.053 1.06z" clip-rule="evenodd" />
</svg>
</a>
</li>
<li class="
[ ml-0 md:ml-6 ]
[ border-b-2 border-black md:border-none ]
">
<a
data-handle="nav-link"
class="
[ text-white font-bold hover:text-teal focus:text-teal ]
[ flex items-center ]
[ p-3 md:p-0 ]
"
href="https://labs.thecodeboss.dev"
target="_blank"
>
Labs
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
class="[ w-5 h-5 ][ inline ml-1 ]"
class="w-5 h-5 inline ml-1"
>
<path fill-rule="evenodd" d="M4.25 5.5a.75.75 0 00-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 00.75-.75v-4a.75.75 0 011.5 0v4A2.25 2.25 0 0112.75 17h-8.5A2.25 2.25 0 012 14.75v-8.5A2.25 2.25 0 014.25 4h5a.75.75 0 010 1.5h-5z" clip-rule="evenodd" />
<path fill-rule="evenodd" d="M6.194 12.753a.75.75 0 001.06.053L16.5 4.44v2.81a.75.75 0 001.5 0v-4.5a.75.75 0 00-.75-.75h-4.5a.75.75 0 000 1.5h2.553l-9.056 8.194a.75.75 0 00-.053 1.06z" clip-rule="evenodd" />
</svg>
</a>
</li>
</ul>
</nav>
</div>
</header>
<div id="content">
<main>
<section id="particles" data-title="3D Background" class="
[ bg-black bg-particles w-full h-full ]
[ fixed left-0 top-0 -z-10 ]
"
></section><header class="
[ flex items-center justify-center ]
[ w-full h-auto md:h-screen ]
">
<section data-title="Main Heading" class="
[ w-full max-w-xl mx-auto pt-24 pb-8 md:py-8 ]
[ text-white text-3xl text-center bg-black/60 ]
">
<p class="[ text-3xl md:text-5xl font-bold text-shadow ]">Hi, I'm</p>
<h1 class="
[ text-5xl md:text-6xl text-teal font-bold text-shadow ]
[ mt-8 mb-16 ]
">Aaron Krauss</h1>
<h2 class="[ text-3xl md:text-4xl font-bold text-shadow mb-16 ]">
I'm a
<noscript>
<span class="text-orange">Developer</span>
</noscript>
<span id="typed" class="text-orange"></span>
</h2>
<nav>
<ul class="flex justify-center">
<li class="mx-8">
<a
class="[ w-8 block ][ text-white hover:text-teal focus:text-teal ]"
target="_blank"
title="My GitHub"
href="https://github.com/alkrauss48"
>
<svg class="" fill="currentColor" viewBox="0 0 32 32">
<path d="M16 0.395c-8.836 0-16 7.163-16 16 0 7.069 4.585 13.067 10.942 15.182 0.8 0.148 1.094-0.347 1.094-0.77 0-0.381-0.015-1.642-0.022-2.979-4.452 0.968-5.391-1.888-5.391-1.888-0.728-1.849-1.776-2.341-1.776-2.341-1.452-0.993 0.11-0.973 0.11-0.973 1.606 0.113 2.452 1.649 2.452 1.649 1.427 2.446 3.743 1.739 4.656 1.33 0.143-1.034 0.558-1.74 1.016-2.14-3.554-0.404-7.29-1.777-7.29-7.907 0-1.747 0.625-3.174 1.649-4.295-0.166-0.403-0.714-2.030 0.155-4.234 0 0 1.344-0.43 4.401 1.64 1.276-0.355 2.645-0.532 4.005-0.539 1.359 0.006 2.729 0.184 4.008 0.539 3.054-2.070 4.395-1.64 4.395-1.64 0.871 2.204 0.323 3.831 0.157 4.234 1.026 1.12 1.647 2.548 1.647 4.295 0 6.145-3.743 7.498-7.306 7.895 0.574 0.497 1.085 1.47 1.085 2.963 0 2.141-0.019 3.864-0.019 4.391 0 0.426 0.288 0.925 1.099 0.768 6.354-2.118 10.933-8.113 10.933-15.18 0-8.837-7.164-16-16-16z"></path>
</svg>
</a>
</li>
<li class="mx-8">
<a
class="[ w-8 block ][ text-white hover:text-teal focus:text-teal ]"
target="_blank"
title="My LinkedIn"
href="https://www.linkedin.com/in/alkrauss48/"
>
<svg class="" fill="currentColor" viewBox="0 0 32 32">
<path d="M12 12h5.535v2.837h0.079c0.77-1.381 2.655-2.837 5.464-2.837 5.842 0 6.922 3.637 6.922 8.367v9.633h-5.769v-8.54c0-2.037-0.042-4.657-3.001-4.657-3.005 0-3.463 2.218-3.463 4.509v8.688h-5.767v-18z"></path>
<path d="M2 12h6v18h-6v-18z"></path>
<path d="M8 7c0 1.657-1.343 3-3 3s-3-1.343-3-3c0-1.657 1.343-3 3-3s3 1.343 3 3z"></path>
</svg>
</a>
</li>
<li class="mx-8">
<a
class="[ w-8 block ][ text-white hover:text-teal focus:text-teal ]"
target="_blank"
title="OKC WebDevs Meetup"
href="https://www.meetup.com/okcwebdevs/"
>
<svg class="" fill="currentColor" viewBox="0 0 30 28">
<path d="M20.844 19.281c-0.172-1.125-2.234-0.25-2.359-1.484-0.172-1.75 2.391-5.531 2.188-7-0.187-1.313-1.062-1.594-1.828-1.609-0.734-0.016-0.922 0.109-1.172 0.25-0.156 0.094-0.359 0.266-0.641-0.016-0.344-0.328-0.609-0.641-1.062-0.703-0.672-0.109-0.969 0.109-1.453 0.531-0.187 0.156-0.656 0.703-1.094 0.5-0.187-0.094-0.844-0.422-1.313-0.625-0.891-0.391-2.188 0.25-2.656 1.094-0.703 1.25-2.078 6.188-2.281 6.844-0.469 1.453 0.594 2.656 2.016 2.578 0.609-0.031 1-0.25 1.391-0.953 0.219-0.406 2.281-5.891 2.438-6.156 0.109-0.187 0.484-0.438 0.797-0.281 0.313 0.172 0.375 0.516 0.328 0.828-0.063 0.531-1.531 3.875-1.578 4.25-0.187 1.25 1.469 1.453 2.109 0.219 0.203-0.391 2.5-5.063 2.703-5.375 0.234-0.344 0.406-0.453 0.641-0.438 0.172 0 0.453 0.047 0.391 0.594-0.078 0.516-1.922 3.953-2.125 4.797-0.25 1.125 0.359 2.266 1.359 2.766 0.625 0.313 3.422 0.859 3.203-0.609zM5.984 22.656c0.063 0.313-0.125 0.609-0.438 0.672-0.297 0.063-0.594-0.125-0.656-0.438-0.063-0.297 0.125-0.609 0.422-0.672s0.609 0.125 0.672 0.438zM14.891 26.766c0.25 0.359 0.156 0.844-0.187 1.094-0.359 0.25-0.844 0.156-1.094-0.203-0.234-0.359-0.141-0.844 0.203-1.094 0.359-0.25 0.844-0.156 1.078 0.203zM2.766 14.078c-0.375 0.562-1.125 0.703-1.672 0.313-0.547-0.375-0.688-1.141-0.313-1.687 0.375-0.562 1.125-0.703 1.672-0.328 0.547 0.391 0.688 1.141 0.313 1.703zM22.922 24.656c0.391 0.578 0.25 1.375-0.328 1.781-0.578 0.391-1.359 0.25-1.75-0.328s-0.25-1.375 0.313-1.781c0.578-0.406 1.359-0.25 1.766 0.328zM24.672 15.219c1.437 2.359 0.828 5.469-1.437 7.063-0.953 0.672-2.031 0.969-3.109 0.938-0.656 2.578-3.797 3.531-5.75 1.781-0.063 0.047-0.141 0.094-0.203 0.156-2.141 1.484-5.047 0.953-6.531-1.219-0.531-0.781-0.797-1.672-0.828-2.562-3.578-0.594-4.922-5.141-2.25-7.641-1.547-2.562 0.031-5.875 2.922-6.281 1.375-3.625 5.891-5.344 8.953-2.969 3.687-1.219 7.453 1.609 7.156 5.531 2.25 0.688 2.891 3.656 1.078 5.203zM7.109 4.906c0.281 0.422 0.187 1-0.234 1.297-0.406 0.281-0.984 0.187-1.266-0.234s-0.187-1 0.234-1.297c0.406-0.281 0.984-0.187 1.266 0.234zM9.594 0.516c0.078 0.344-0.141 0.688-0.484 0.766s-0.688-0.141-0.766-0.5c-0.063-0.344 0.156-0.688 0.5-0.766s0.688 0.141 0.75 0.5zM28.125 15.328c0.094 0.422-0.172 0.828-0.578 0.906-0.406 0.094-0.812-0.172-0.891-0.578-0.094-0.422 0.172-0.828 0.578-0.922 0.406-0.078 0.812 0.187 0.891 0.594zM17.75 1.375c0.328 0.562 0.156 1.312-0.422 1.656-0.562 0.344-1.297 0.156-1.625-0.406-0.344-0.578-0.156-1.328 0.406-1.672s1.297-0.156 1.641 0.422zM29.406 11.625c0.078 0.313-0.125 0.609-0.422 0.688-0.313 0.063-0.609-0.141-0.672-0.438-0.063-0.313 0.125-0.625 0.438-0.688 0.297-0.063 0.594 0.125 0.656 0.438zM26.422 7.859c0.313 0.469 0.203 1.109-0.25 1.437-0.469 0.313-1.109 0.203-1.422-0.266s-0.203-1.109 0.266-1.437c0.453-0.328 1.094-0.203 1.406 0.266z"></path>
</svg>
</a>
</li>
</ul>
</nav>
</section>
</header>
<section class="bg-white py-16 text-center">
<div class="container-main">
<h2 class="uppercase font-bold text-2xl">I love being involved in my tech community</h2>
<h3 class="font-light text-lg mt-12 mb-16">Here are some of the groups that I help manage and volunteer with:</h3>
<div class="
[ grid gap-8 grid-cols-1 md:grid-cols-3 auto-rows-max ]
">
<a
class="group block w-full"
href="https://www.meetup.com/OKCWebDevs/"
target="_blank"
>
<figure>
<div class="
[ h-48 p-6 flex w-full justify-around items-center ]
[ bg-teal-200 ]
">
<img
class="
[ w-auto h-auto max-h-full max-w-[70%] md:max-w-full lg:max-w-[80%] ]
[ transition-transform translate-y-0 group-hover:-translate-y-2 group-focus:-translate-y-2 ]
"
src="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/pages/home/okc-webdevs.png"
alt="OKC WebDevs Logo"
>
</div>
<figcaption class="mt-4">
<p class="
[ p-3 ]
[ border-2 border-teal ]
[ group-hover:bg-white group-focus:bg-white ]
[ group-hover:text-teal group-focus:text-teal ]
[ text-white bg-teal text-center font-bold ]
"
>OKC WebDevs</p>
</figcaption>
</figure>
</a>
<a
class="group block w-full"
href="https://www.techlahoma.org/"
target="_blank"
>
<figure>
<div class="
[ h-48 p-6 flex w-full justify-around items-center ]
[ bg-blue-200 ]
">
<img
class="
[ w-auto h-auto max-h-full max-w-[70%] md:max-w-full lg:max-w-[80%] ]
[ transition-transform translate-y-0 group-hover:-translate-y-2 group-focus:-translate-y-2 ]
"
src="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/pages/home/techlahoma.png"
alt="Techlahoma Logo"
>
</div>
<figcaption class="mt-4">
<p class="
[ p-3 ]
[ border-2 border-blue ]
[ group-hover:bg-white group-focus:bg-white ]
[ group-hover:text-blue group-focus:text-blue ]
[ text-white bg-blue text-center font-bold ]
"
>Techlahoma</p>
</figcaption>
</figure>
</a>
<a
class="group block w-full"
href="https://www.meetup.com/okccoffeeandcode/"
target="_blank"
>
<figure>
<div class="
[ h-48 p-6 flex w-full justify-around items-center ]
[ bg-orange-200 ]
">
<img
class="
[ w-auto h-auto max-h-full max-w-[70%] md:max-w-full lg:max-w-[80%] ]
[ transition-transform translate-y-0 group-hover:-translate-y-2 group-focus:-translate-y-2 ]
"
src="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/pages/home/coffee-and-code.jpeg"
alt="OKC Coffee and Code Logo"
>
</div>
<figcaption class="mt-4">
<p class="
[ p-3 ]
[ border-2 border-orange ]
[ group-hover:bg-white group-focus:bg-white ]
[ group-hover:text-orange group-focus:text-orange ]
[ text-white bg-orange text-center font-bold ]
"
>OKC Coffee and Code</p>
</figcaption>
</figure>
</a>
</div>
</div>
</section>
<section class="relative bg-dark text-white py-16">
<div
data-title="Down Triangle"
class="
[ mt-[-1px] ]
[ absolute top-0 left-1/2 w-0 h-0 ]
[ border-x-transparent border-x-20 ]
[ border-t-white border-t-20 -ml-[20px] ]
"></div>
<div class="
[ container-main ]
[ flex flex-col md:flex-row justify-center items-center ]
">
<img class="w-56 md:w-80 mb-8 md:mb-0" src="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/pages/home/2023-profile-optimized.jpeg" alt="">
<div class="md:ml-8">
<div class="prose prose-home md:prose-home-md">
<h2 id="get-to-know-me">GET TO KNOW ME</h2>
<p>Hi, I’m from Oklahoma City, OK, and I’m a technical lead at
<a href="https://clevyr.com" target="_blank">Clevyr</a> with well over a decade
of experience as a developer. I’m incredibly involved in
my tech community,
including organizing
<a href="https://www.meetup.com/OKCWebDevs/" target="_blank">OKC WebDevs</a>
and helping to manage <a href="https://www.meetup.com/okccoffeeandcode/" target="_blank">OKC Coffee and Code</a>.</p>
<p>My favorite projects are those that are workflow-heavy involving Laravel,
Vue, Tailwind CSS, SQL, Flutter, Ruby, Node, Go, Swift, Docker, CI/CD, and more.</p>
<p>Other than coding, I like brewing a hot cup of tea, making cocktails,
longboarding, and hanging out with my wife
<a href="https://laylakrauss.dev" target="_blank">Layla</a>
and sons
<a href="https://cyruskrauss.com" target="_blank">Cyrus</a> &
<a href="https://lucaskrauss.dev" target="_blank">Lucas</a>.</p>
</div>
<div class="mt-8 text-center md:text-left">
<a class="
[ inline-block px-5 py-2 ]
[ font-bold ]
[ border-2 border-orange ]
[ bg-orange text-white ]
[ hover:bg-white hover:text-orange focus:bg-white focus:text-orange ]
"
href="/about"
>More About Me</a>
<a class="
[ inline-block px-5 py-2 ml-4 ]
[ font-bold ]
[ border-2 border-dark-400 ]
[ bg-dark-500 text-white ]
[ hover:bg-white hover:text-dark-500 focus:bg-white focus:text-dark-500 ]
"
target="_blank"
href="/resume"
>
Resume
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
class="[ w-5 h-5 ][ inline ml-1 ]"
class="w-5 h-5 inline ml-1"
>
<path fill-rule="evenodd" d="M4.25 5.5a.75.75 0 00-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 00.75-.75v-4a.75.75 0 011.5 0v4A2.25 2.25 0 0112.75 17h-8.5A2.25 2.25 0 012 14.75v-8.5A2.25 2.25 0 014.25 4h5a.75.75 0 010 1.5h-5z" clip-rule="evenodd" />
<path fill-rule="evenodd" d="M6.194 12.753a.75.75 0 001.06.053L16.5 4.44v2.81a.75.75 0 001.5 0v-4.5a.75.75 0 00-.75-.75h-4.5a.75.75 0 000 1.5h2.553l-9.056 8.194a.75.75 0 00-.053 1.06z" clip-rule="evenodd" />
</svg>
</a>
</div>
</div>
</div>
</section>
<section class="relative bg-white pt-16 pb-8 text-center">
<div
data-title="Down Triangle"
class="
[ mt-[-1px] ]
[ absolute top-0 left-1/2 w-0 h-0 ]
[ border-x-transparent border-x-20 ]
[ border-t-dark border-t-20 -ml-[20px] ]
"></div>
<h2 class="uppercase font-bold text-2xl mb-12">Here's some of my portfolio</h2>
<div class="
[ container-main px-0 md:px-4 ]
[ flex flex-col md:flex-row ]
">
<a href="/categories/blog/" class="
[ group flex justify-center items-center ]
[ h-28 md:h-40 block w-full ]
[ text-white font-bold text-2xl ]
[ bg-teal hover:bg-teal-500 focus:bg-teal-500 ]
">
<span class="
[ transition-transform scale-100 group-hover:scale-105 ]
">My Blog Posts</span>
</a>
<a href="/categories/talks/" class="
[ group flex justify-center items-center ]
[ h-28 md:h-40 block w-full ]
[ text-white font-bold text-2xl ]
[ bg-blue hover:bg-blue-500 focus:bg-blue-500 ]
">
<span class="
[ transition-transform scale-100 group-hover:scale-105 ]
">My Talks</span>
</a>
<a href="/projects/" class="
[ group flex justify-center items-center ]
[ h-28 md:h-40 block w-full ]
[ text-white font-bold text-2xl ]
[ bg-orange hover:bg-orange-500 focus:bg-orange-500 ]
">
<span class="
[ transition-transform scale-100 group-hover:scale-105 ]
">My Projects</span>
</a>
</div>
</section>
<section class="bg-white py-16 text-center">
<h2 class="uppercase font-bold text-2xl">Along with a bit of my featured
work</h2>
<div class="
[ container-main mt-12 ]
[ grid gap-8 grid-cols-2 md:grid-cols-4 auto-rows-max ]
">
<a
class="
[ mb-12 ]
[ group relative block w-full ]
[ shadow-featured shadow-dark-400 ]
"
href="https://simpleslides.dev"
target="_blank"
>
<figure>
<img
class="
[ relative w-full z-10 object-cover ]
[ h-40 xl:h-52 2xl:h-64 ]
"
src="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/projects/simple-slides/thumbnail/simple-slides-9-th.jpg"
alt="Site homepage - Simple Slides"
loading="lazy"
>
<div class="
[ hidden md:group-hover:flex md:group-focus:flex justify-center items-center ]
[ absolute top-0 left-0 z-20 ]
[ w-full h-full ]
[ bg-blue/[.85] ]
">
<p class="font-bold text-lg text-white text-shadow">
Visit Site
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 1 20 20"
fill="currentColor"
class="[ w-5 h-5 ][ inline ml-1 ]"
>
<path fill-rule="evenodd" d="M4.25 5.5a.75.75 0 00-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 00.75-.75v-4a.75.75 0 011.5 0v4A2.25 2.25 0 0112.75 17h-8.5A2.25 2.25 0 012 14.75v-8.5A2.25 2.25 0 014.25 4h5a.75.75 0 010 1.5h-5z" clip-rule="evenodd" />
<path fill-rule="evenodd" d="M6.194 12.753a.75.75 0 001.06.053L16.5 4.44v2.81a.75.75 0 001.5 0v-4.5a.75.75 0 00-.75-.75h-4.5a.75.75 0 000 1.5h2.553l-9.056 8.194a.75.75 0 00-.053 1.06z" clip-rule="evenodd" />
</svg>
</p>
</div>
<figcaption class="
[ absolute -bottom-14 md:-bottom-0 left-[10%] ]
[ w-4/5 text-center ]
[ pt-8 mt-4 ]
[ transition-all group-hover:-bottom-14 group-focus:-bottom-14 ]
">
<div class="relative">
<div
data-title="Down Triangle"
class="
[ absolute bottom-full left-1/2 w-0 h-0 ]
[ border-x-transparent border-x-10 ]
[ border-b-dark border-b-10 -ml-[10px] ]
"></div>
</div>
<p class="py-1 text-sm lg:text-md xl:text-lg bg-dark text-white ">
Simple Slides
</p>
</figcaption>
</figure>
</a>
<a
class="
[ mb-12 ]
[ group relative block w-full ]
[ shadow-featured shadow-dark-400 ]
"
href="https://cyruskrauss.com"
target="_blank"
>
<figure>
<img
class="
[ relative w-full z-10 object-cover ]
[ h-40 xl:h-52 2xl:h-64 ]
"
src="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/projects/cyrus-lyrics/thumbnail/cl-2-th.jpeg"
alt="App Icon - CyrusLyrics"
loading="lazy"
>
<div class="
[ hidden md:group-hover:flex md:group-focus:flex justify-center items-center ]
[ absolute top-0 left-0 z-20 ]
[ w-full h-full ]
[ bg-blue/[.85] ]
">
<p class="font-bold text-lg text-white text-shadow">
Visit Site
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 1 20 20"
fill="currentColor"
class="[ w-5 h-5 ][ inline ml-1 ]"
>
<path fill-rule="evenodd" d="M4.25 5.5a.75.75 0 00-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 00.75-.75v-4a.75.75 0 011.5 0v4A2.25 2.25 0 0112.75 17h-8.5A2.25 2.25 0 012 14.75v-8.5A2.25 2.25 0 014.25 4h5a.75.75 0 010 1.5h-5z" clip-rule="evenodd" />
<path fill-rule="evenodd" d="M6.194 12.753a.75.75 0 001.06.053L16.5 4.44v2.81a.75.75 0 001.5 0v-4.5a.75.75 0 00-.75-.75h-4.5a.75.75 0 000 1.5h2.553l-9.056 8.194a.75.75 0 00-.053 1.06z" clip-rule="evenodd" />
</svg>
</p>
</div>
<figcaption class="
[ absolute -bottom-14 md:-bottom-0 left-[10%] ]
[ w-4/5 text-center ]
[ pt-8 mt-4 ]
[ transition-all group-hover:-bottom-14 group-focus:-bottom-14 ]
">
<div class="relative">
<div
data-title="Down Triangle"
class="
[ absolute bottom-full left-1/2 w-0 h-0 ]
[ border-x-transparent border-x-10 ]
[ border-b-dark border-b-10 -ml-[10px] ]
"></div>
</div>
<p class="py-1 text-sm lg:text-md xl:text-lg bg-dark text-white ">
CyrusLyrics
</p>
</figcaption>
</figure>
</a>
<a
class="
[ mb-12 ]
[ group relative block w-full ]
[ shadow-featured shadow-dark-400 ]
"
href="https://preducationproject.com"
target="_blank"
>
<figure>
<img
class="
[ relative w-full z-10 object-cover ]
[ h-40 xl:h-52 2xl:h-64 ]
"
src="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/projects/preducation/thumbnail/1-icon.jpeg"
alt="App Icon - Preducation"
loading="lazy"
>
<div class="
[ hidden md:group-hover:flex md:group-focus:flex justify-center items-center ]
[ absolute top-0 left-0 z-20 ]
[ w-full h-full ]
[ bg-blue/[.85] ]
">
<p class="font-bold text-lg text-white text-shadow">
Visit Site
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 1 20 20"
fill="currentColor"
class="[ w-5 h-5 ][ inline ml-1 ]"
>
<path fill-rule="evenodd" d="M4.25 5.5a.75.75 0 00-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 00.75-.75v-4a.75.75 0 011.5 0v4A2.25 2.25 0 0112.75 17h-8.5A2.25 2.25 0 012 14.75v-8.5A2.25 2.25 0 014.25 4h5a.75.75 0 010 1.5h-5z" clip-rule="evenodd" />
<path fill-rule="evenodd" d="M6.194 12.753a.75.75 0 001.06.053L16.5 4.44v2.81a.75.75 0 001.5 0v-4.5a.75.75 0 00-.75-.75h-4.5a.75.75 0 000 1.5h2.553l-9.056 8.194a.75.75 0 00-.053 1.06z" clip-rule="evenodd" />
</svg>
</p>
</div>
<figcaption class="
[ absolute -bottom-14 md:-bottom-0 left-[10%] ]
[ w-4/5 text-center ]
[ pt-8 mt-4 ]
[ transition-all group-hover:-bottom-14 group-focus:-bottom-14 ]
">
<div class="relative">
<div
data-title="Down Triangle"
class="
[ absolute bottom-full left-1/2 w-0 h-0 ]
[ border-x-transparent border-x-10 ]
[ border-b-dark border-b-10 -ml-[10px] ]
"></div>
</div>
<p class="py-1 text-sm lg:text-md xl:text-lg bg-dark text-white ">
Preducation
</p>
</figcaption>
</figure>
</a>
<a
class="
[ mb-12 ]
[ group relative block w-full ]
[ shadow-featured shadow-dark-400 ]
"
href="https://lucaskrauss.dev"
target="_blank"
>
<figure>
<img
class="
[ relative w-full z-10 object-cover ]
[ h-40 xl:h-52 2xl:h-64 ]
"
src="https://personal-k8s-main-space.nyc3.cdn.digitaloceanspaces.com/thecodeboss.dev/projects/lucas-hints/thumbnails/lucas-hints-th.jpg"
alt="App Icon - Lucas Hints"
loading="lazy"
>
<div class="
[ hidden md:group-hover:flex md:group-focus:flex justify-center items-center ]
[ absolute top-0 left-0 z-20 ]
[ w-full h-full ]
[ bg-blue/[.85] ]
">
<p class="font-bold text-lg text-white text-shadow">
Visit Site
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 1 20 20"
fill="currentColor"
class="[ w-5 h-5 ][ inline ml-1 ]"
>
<path fill-rule="evenodd" d="M4.25 5.5a.75.75 0 00-.75.75v8.5c0 .414.336.75.75.75h8.5a.75.75 0 00.75-.75v-4a.75.75 0 011.5 0v4A2.25 2.25 0 0112.75 17h-8.5A2.25 2.25 0 012 14.75v-8.5A2.25 2.25 0 014.25 4h5a.75.75 0 010 1.5h-5z" clip-rule="evenodd" />
<path fill-rule="evenodd" d="M6.194 12.753a.75.75 0 001.06.053L16.5 4.44v2.81a.75.75 0 001.5 0v-4.5a.75.75 0 00-.75-.75h-4.5a.75.75 0 000 1.5h2.553l-9.056 8.194a.75.75 0 00-.053 1.06z" clip-rule="evenodd" />
</svg>
</p>
</div>
<figcaption class="
[ absolute -bottom-14 md:-bottom-0 left-[10%] ]
[ w-4/5 text-center ]
[ pt-8 mt-4 ]
[ transition-all group-hover:-bottom-14 group-focus:-bottom-14 ]
">
<div class="relative">
<div
data-title="Down Triangle"
class="
[ absolute bottom-full left-1/2 w-0 h-0 ]
[ border-x-transparent border-x-10 ]
[ border-b-dark border-b-10 -ml-[10px] ]
"></div>
</div>
<p class="py-1 text-sm lg:text-md xl:text-lg bg-dark text-white ">
Lucas Hints
</p>
</figcaption>
</figure>
</a>
</div>
</section>
</main>
<script type="text/javascript" src="/dist/home.js"></script>
<script type="text/javascript" src="/dist/home-three.js"></script>
</div><footer class="mt-auto relative bg-dark py-3">
<div class="
[ container-main ]
[ flex flex-col md:flex-row justify-between items-center ]
">
<section class="my-4 md:my-0">
<p class="text-white">© 2024 Aaron Krauss. All Rights Reserved.</p>
</section>
<nav class="mb-4 md:mb-0">
<ul class="flex items-end">
<li class="mx-4 md:ml-8 md:mr-0">
<a
class="[ w-6 block ][ text-white hover:text-teal focus:text-teal ]"
target="_blank"
title="My GitHub"
href="https://github.com/alkrauss48"
>
<svg class="" fill="currentColor" viewBox="0 0 32 32">
<path d="M16 0.395c-8.836 0-16 7.163-16 16 0 7.069 4.585 13.067 10.942 15.182 0.8 0.148 1.094-0.347 1.094-0.77 0-0.381-0.015-1.642-0.022-2.979-4.452 0.968-5.391-1.888-5.391-1.888-0.728-1.849-1.776-2.341-1.776-2.341-1.452-0.993 0.11-0.973 0.11-0.973 1.606 0.113 2.452 1.649 2.452 1.649 1.427 2.446 3.743 1.739 4.656 1.33 0.143-1.034 0.558-1.74 1.016-2.14-3.554-0.404-7.29-1.777-7.29-7.907 0-1.747 0.625-3.174 1.649-4.295-0.166-0.403-0.714-2.030 0.155-4.234 0 0 1.344-0.43 4.401 1.64 1.276-0.355 2.645-0.532 4.005-0.539 1.359 0.006 2.729 0.184 4.008 0.539 3.054-2.070 4.395-1.64 4.395-1.64 0.871 2.204 0.323 3.831 0.157 4.234 1.026 1.12 1.647 2.548 1.647 4.295 0 6.145-3.743 7.498-7.306 7.895 0.574 0.497 1.085 1.47 1.085 2.963 0 2.141-0.019 3.864-0.019 4.391 0 0.426 0.288 0.925 1.099 0.768 6.354-2.118 10.933-8.113 10.933-15.18 0-8.837-7.164-16-16-16z"></path>
</svg>
</a>
</li>
<li class="mx-4 md:ml-8 md:mr-0">
<a
class="[ w-6 block ][ text-white hover:text-teal focus:text-teal ]"
target="_blank"
title="My LinkedIn"
href="https://www.linkedin.com/in/alkrauss48/"
>
<svg class="" fill="currentColor" viewBox="0 0 32 32">
<path d="M12 12h5.535v2.837h0.079c0.77-1.381 2.655-2.837 5.464-2.837 5.842 0 6.922 3.637 6.922 8.367v9.633h-5.769v-8.54c0-2.037-0.042-4.657-3.001-4.657-3.005 0-3.463 2.218-3.463 4.509v8.688h-5.767v-18z"></path>
<path d="M2 12h6v18h-6v-18z"></path>
<path d="M8 7c0 1.657-1.343 3-3 3s-3-1.343-3-3c0-1.657 1.343-3 3-3s3 1.343 3 3z"></path>
</svg>
</a>
</li>
<li class="mx-4 md:ml-8 md:mr-0">
<a
class="[ w-6 block ][ text-white hover:text-teal focus:text-teal ]"
target="_blank"
title="OKC WebDevs Meetup"
href="https://www.meetup.com/okcwebdevs/"
>
<svg class="" fill="currentColor" viewBox="0 0 30 28">
<path d="M20.844 19.281c-0.172-1.125-2.234-0.25-2.359-1.484-0.172-1.75 2.391-5.531 2.188-7-0.187-1.313-1.062-1.594-1.828-1.609-0.734-0.016-0.922 0.109-1.172 0.25-0.156 0.094-0.359 0.266-0.641-0.016-0.344-0.328-0.609-0.641-1.062-0.703-0.672-0.109-0.969 0.109-1.453 0.531-0.187 0.156-0.656 0.703-1.094 0.5-0.187-0.094-0.844-0.422-1.313-0.625-0.891-0.391-2.188 0.25-2.656 1.094-0.703 1.25-2.078 6.188-2.281 6.844-0.469 1.453 0.594 2.656 2.016 2.578 0.609-0.031 1-0.25 1.391-0.953 0.219-0.406 2.281-5.891 2.438-6.156 0.109-0.187 0.484-0.438 0.797-0.281 0.313 0.172 0.375 0.516 0.328 0.828-0.063 0.531-1.531 3.875-1.578 4.25-0.187 1.25 1.469 1.453 2.109 0.219 0.203-0.391 2.5-5.063 2.703-5.375 0.234-0.344 0.406-0.453 0.641-0.438 0.172 0 0.453 0.047 0.391 0.594-0.078 0.516-1.922 3.953-2.125 4.797-0.25 1.125 0.359 2.266 1.359 2.766 0.625 0.313 3.422 0.859 3.203-0.609zM5.984 22.656c0.063 0.313-0.125 0.609-0.438 0.672-0.297 0.063-0.594-0.125-0.656-0.438-0.063-0.297 0.125-0.609 0.422-0.672s0.609 0.125 0.672 0.438zM14.891 26.766c0.25 0.359 0.156 0.844-0.187 1.094-0.359 0.25-0.844 0.156-1.094-0.203-0.234-0.359-0.141-0.844 0.203-1.094 0.359-0.25 0.844-0.156 1.078 0.203zM2.766 14.078c-0.375 0.562-1.125 0.703-1.672 0.313-0.547-0.375-0.688-1.141-0.313-1.687 0.375-0.562 1.125-0.703 1.672-0.328 0.547 0.391 0.688 1.141 0.313 1.703zM22.922 24.656c0.391 0.578 0.25 1.375-0.328 1.781-0.578 0.391-1.359 0.25-1.75-0.328s-0.25-1.375 0.313-1.781c0.578-0.406 1.359-0.25 1.766 0.328zM24.672 15.219c1.437 2.359 0.828 5.469-1.437 7.063-0.953 0.672-2.031 0.969-3.109 0.938-0.656 2.578-3.797 3.531-5.75 1.781-0.063 0.047-0.141 0.094-0.203 0.156-2.141 1.484-5.047 0.953-6.531-1.219-0.531-0.781-0.797-1.672-0.828-2.562-3.578-0.594-4.922-5.141-2.25-7.641-1.547-2.562 0.031-5.875 2.922-6.281 1.375-3.625 5.891-5.344 8.953-2.969 3.687-1.219 7.453 1.609 7.156 5.531 2.25 0.688 2.891 3.656 1.078 5.203zM7.109 4.906c0.281 0.422 0.187 1-0.234 1.297-0.406 0.281-0.984 0.187-1.266-0.234s-0.187-1 0.234-1.297c0.406-0.281 0.984-0.187 1.266 0.234zM9.594 0.516c0.078 0.344-0.141 0.688-0.484 0.766s-0.688-0.141-0.766-0.5c-0.063-0.344 0.156-0.688 0.5-0.766s0.688 0.141 0.75 0.5zM28.125 15.328c0.094 0.422-0.172 0.828-0.578 0.906-0.406 0.094-0.812-0.172-0.891-0.578-0.094-0.422 0.172-0.828 0.578-0.922 0.406-0.078 0.812 0.187 0.891 0.594zM17.75 1.375c0.328 0.562 0.156 1.312-0.422 1.656-0.562 0.344-1.297 0.156-1.625-0.406-0.344-0.578-0.156-1.328 0.406-1.672s1.297-0.156 1.641 0.422zM29.406 11.625c0.078 0.313-0.125 0.609-0.422 0.688-0.313 0.063-0.609-0.141-0.672-0.438-0.063-0.313 0.125-0.625 0.438-0.688 0.297-0.063 0.594 0.125 0.656 0.438zM26.422 7.859c0.313 0.469 0.203 1.109-0.25 1.437-0.469 0.313-1.109 0.203-1.422-0.266s-0.203-1.109 0.266-1.437c0.453-0.328 1.094-0.203 1.406 0.266z"></path>
</svg>
</a>
</li>
</ul>
</nav>
</div>
<div
data-title="Down Triangle"
class="
[ mt-[-1px] ]
[ absolute top-0 left-1/2 w-0 h-0 ]
[ border-x-transparent border-x-20 ]
[ border-t-white border-t-20 -ml-[20px] ]
"></div>
</footer>
<script type="text/javascript" src="/dist/main.js"></script>
</body>
</html>