mirror of
https://github.com/binarydigitlol/kilobytekeith2024.git
synced 2025-06-20 17:02:25 +00:00
395 lines
17 KiB
HTML
395 lines
17 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" dir="ltr" class="scroll-smooth" data-default-appearance="dark"
|
|
data-auto-appearance="true"><head>
|
|
<meta name="generator" content="Hugo 0.120.4">
|
|
<meta charset="utf-8" />
|
|
|
|
<meta http-equiv="content-language" content="en" />
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
|
|
<title>KilobyteKeith</title>
|
|
<meta name="title" content="KilobyteKeith" />
|
|
|
|
<meta name="description" content="KilobyteKeith on Twitch" />
|
|
|
|
|
|
|
|
<link rel="canonical" href="https://kilobytekeith.com/" />
|
|
|
|
<link rel="alternate" type="application/rss+xml" href="/index.xml" title="KilobyteKeith" />
|
|
|
|
<link rel="alternate" type="application/json" href="/index.json" title="KilobyteKeith" />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<link type="text/css" rel="stylesheet" href="/css/main.bundle.min.b0d4aeb65335611c810957fcff4af94f45bb796b37facd9be6f7287ee03ce57038918ff5d4ac7a6ea77914fde6d3942c0243d3d17f90926c454b4ea3499e973a.css"
|
|
integrity="sha512-sNSutlM1YRyBCVf8/0r5T0W7eWs3+s2b5vcofuA85XA4kY/11Kx6bqd5FP3m05QsAkPT0X+QkmxFS06jSZ6XOg==" />
|
|
|
|
|
|
<script type="text/javascript" src="/js/appearance.min.e30723d05908baad36e72a63739b41be24556b36a53f395e878b4461196c14a64b5a90a3f3d9d4052f22e7aaae27b86170ac77f94bd7c561e19a9c66a7b5a133.js"
|
|
integrity="sha512-4wcj0FkIuq025ypjc5tBviRVazalPzleh4tEYRlsFKZLWpCj89nUBS8i56quJ7hhcKx3+UvXxWHhmpxmp7WhMw=="></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script defer type="text/javascript" id="script-bundle" src="/js/main.bundle.min.aa2a80d938ad305204df2c99e1dc0cde8fee122a308e9c8bf7f4cf45d42a26bbc471f623fe1920193f2a41c5a969485e6824629816dcbc549d4e57c3f9206d42.js"
|
|
integrity="sha512-qiqA2TitMFIE3yyZ4dwM3o/uEiowjpyL9/TPRdQqJrvEcfYj/hkgGT8qQcWpaUheaCRimBbcvFSdTlfD+SBtQg==" data-copy="" data-copied=""></script>
|
|
|
|
|
|
<script src="/js/zoom.min.js"></script>
|
|
|
|
|
|
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
|
|
<link rel="manifest" href="/site.webmanifest" />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<meta property="og:title" content="KilobyteKeith" />
|
|
<meta property="og:description" content="KilobyteKeith on Twitch" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://kilobytekeith.com/" />
|
|
|
|
|
|
<meta name="twitter:card" content="summary"/>
|
|
<meta name="twitter:title" content="KilobyteKeith"/>
|
|
<meta name="twitter:description" content="KilobyteKeith on Twitch"/>
|
|
|
|
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "WebSite",
|
|
"@id": "https:\/\/kilobytekeith.com\/",
|
|
"name": "KilobyteKeith",
|
|
"description": "KilobyteKeith on Twitch",
|
|
"inLanguage": "en",
|
|
"url": "https:\/\/kilobytekeith.com\/",
|
|
|
|
"publisher" : {
|
|
"@type": "Person",
|
|
"name": "KilobyteKeith"
|
|
}
|
|
}
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<meta name="author" content="KilobyteKeith" />
|
|
|
|
|
|
|
|
<link href="https://twitch.tv/kilobytekeith" rel="me" />
|
|
|
|
|
|
<link href="https://shop.kilobytekeith.com/" rel="me" />
|
|
|
|
|
|
<link href="https://twitter.com/kilobytekeith" rel="me" />
|
|
|
|
|
|
<link href="https://www.youtube.com/@kilobytekeith" rel="me" />
|
|
|
|
|
|
<link href="https://kilobytekeith.com/discord" rel="me" />
|
|
|
|
|
|
<link href="mailto:KilobyteKeith@gmail.com" rel="me" />
|
|
|
|
|
|
|
|
|
|
|
|
<script src="/lib/jquery/jquery.slim.min.js" integrity=""></script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<meta name="theme-color"/>
|
|
|
|
|
|
</head>
|
|
<body
|
|
class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32">
|
|
<div id="the-top" class="absolute flex self-center">
|
|
<a class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
|
|
href="#main-content"><span
|
|
class="font-bold text-primary-600 ltr:pr-2 rtl:pl-2 dark:text-primary-400">↓</span>Skip to main content</a>
|
|
</div>
|
|
|
|
|
|
|
|
<script defer type="module" src="https://unpkg.com/@zachleat/snow-fall@1.0.1/snow-fall.js"></script>
|
|
<script type="module" defer>
|
|
const snow = document.createElement('snow-fall');
|
|
document.body.prepend(snow)
|
|
</script>
|
|
|
|
<div class="relative flex flex-col grow">
|
|
<main id="main-content" class="grow">
|
|
|
|
|
|
|
|
|
|
<article class="max-w-full prose dark:prose-invert">
|
|
<div class="relative">
|
|
<div class="absolute inset-x-0 bottom-0 h-1/2 bg-gray-100"></div>
|
|
<div class="mx-auto max-w-7xl p-0">
|
|
<div class="relative sm:overflow-hidden">
|
|
<div class="fixed inset-x-0 top-0" style="z-index:-10">
|
|
|
|
|
|
|
|
|
|
<img class="w-full h-[1000px] object-cover m-0 nozoom" src="/img/wallpaper.png" role="presentation">
|
|
<div
|
|
class="absolute inset-0 h-[1000px] bg-gradient-to-t from-neutral dark:from-neutral-800 to-transparent mix-blend-normal">
|
|
</div>
|
|
<div
|
|
class="opacity-60 absolute inset-0 h-[1000px] bg-gradient-to-t from-neutral dark:from-neutral-800 to-neutral-100 dark:to-neutral-800 mix-blend-normal">
|
|
</div>
|
|
|
|
</div>
|
|
<div class="relative px-8 py-16 flex flex-col items-center justify-center text-center">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<img class="mb-2 rounded-full h-36 w-36" width="144" height="144"
|
|
alt="KilobyteKeith" src="/img/KeithAvatar_hu1add93d84160a0bd142dd8faeb303346_119775_288x288_fill_box_center_3.png" />
|
|
|
|
|
|
<h1 class="mb-2 text-4xl font-extrabold text-neutral-800 dark:text-neutral-200">
|
|
KilobyteKeith
|
|
</h1>
|
|
|
|
<h2 class="mt-0 mb-0 text-xl text-neutral-800 dark:text-neutral-300">
|
|
Retro Variety Streamer, Chill Dude, First-Person Potato, Flannel Enthusiast, <br> Foodie, and Covered in Dog Hair
|
|
</h2>
|
|
|
|
<div class="mt-3 mb-10 text-2xl">
|
|
|
|
<div class="flex flex-wrap">
|
|
|
|
|
|
<a class="px-1 hover:text-primary-400 text-primary-800 dark:text-primary-200" href="https://twitch.tv/kilobytekeith" target="_blank"
|
|
aria-label="Twitch" rel="me noopener noreferrer">
|
|
|
|
<span class="relative block icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M391.17,103.47H352.54v109.7h38.63ZM285,103H246.37V212.75H285ZM120.83,0,24.31,91.42V420.58H140.14V512l96.53-91.42h77.25L487.69,256V0ZM449.07,237.75l-77.22,73.12H294.61l-67.6,64v-64H140.14V36.58H449.07Z"/></svg>
|
|
|
|
</span>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<a class="px-1 hover:text-primary-400 text-primary-800 dark:text-primary-200" href="https://shop.kilobytekeith.com/" target="_blank"
|
|
aria-label="Link" rel="me noopener noreferrer">
|
|
|
|
<span class="relative block icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M172.5 131.1C228.1 75.51 320.5 75.51 376.1 131.1C426.1 181.1 433.5 260.8 392.4 318.3L391.3 319.9C381 334.2 361 337.6 346.7 327.3C332.3 317 328.9 297 339.2 282.7L340.3 281.1C363.2 249 359.6 205.1 331.7 177.2C300.3 145.8 249.2 145.8 217.7 177.2L105.5 289.5C73.99 320.1 73.99 372 105.5 403.5C133.3 431.4 177.3 435 209.3 412.1L210.9 410.1C225.3 400.7 245.3 404 255.5 418.4C265.8 432.8 262.5 452.8 248.1 463.1L246.5 464.2C188.1 505.3 110.2 498.7 60.21 448.8C3.741 392.3 3.741 300.7 60.21 244.3L172.5 131.1zM467.5 380C411 436.5 319.5 436.5 263 380C213 330 206.5 251.2 247.6 193.7L248.7 192.1C258.1 177.8 278.1 174.4 293.3 184.7C307.7 194.1 311.1 214.1 300.8 229.3L299.7 230.9C276.8 262.1 280.4 306.9 308.3 334.8C339.7 366.2 390.8 366.2 422.3 334.8L534.5 222.5C566 191 566 139.1 534.5 108.5C506.7 80.63 462.7 76.99 430.7 99.9L429.1 101C414.7 111.3 394.7 107.1 384.5 93.58C374.2 79.2 377.5 59.21 391.9 48.94L393.5 47.82C451 6.731 529.8 13.25 579.8 63.24C636.3 119.7 636.3 211.3 579.8 267.7L467.5 380z"/></svg>
|
|
|
|
</span>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<a class="px-1 hover:text-primary-400 text-primary-800 dark:text-primary-200" href="https://twitter.com/kilobytekeith" target="_blank"
|
|
aria-label="Twitter" rel="me noopener noreferrer">
|
|
|
|
<span class="relative block icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>
|
|
|
|
</span>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<a class="px-1 hover:text-primary-400 text-primary-800 dark:text-primary-200" href="https://www.youtube.com/@kilobytekeith" target="_blank"
|
|
aria-label="Youtube" rel="me noopener noreferrer">
|
|
|
|
<span class="relative block icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>
|
|
|
|
</span>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<a class="px-1 hover:text-primary-400 text-primary-800 dark:text-primary-200" href="https://kilobytekeith.com/discord" target="_blank"
|
|
aria-label="Discord" rel="me noopener noreferrer">
|
|
|
|
<span class="relative block icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="currentColor" d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z"/></svg>
|
|
|
|
</span>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<a class="px-1 hover:text-primary-400 text-primary-800 dark:text-primary-200" href="mailto:KilobyteKeith@gmail.com" target="_blank"
|
|
aria-label="Envelope" rel="me noopener noreferrer">
|
|
|
|
<span class="relative block icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z"/></svg>
|
|
</span>
|
|
|
|
</a>
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<section class="prose dark:prose-invert"></section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<section>
|
|
|
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
</main><footer id="site-footer" class="py-10 print:hidden">
|
|
|
|
|
|
|
|
|
|
<div class="flex items-center justify-between">
|
|
|
|
|
|
|
|
<p class="text-sm text-neutral-500 dark:text-neutral-400">
|
|
Made with ♥ by <a href="https://binarydigit.cafe/">BinaryDigit</a>
|
|
</p>
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
<script>
|
|
|
|
mediumZoom(document.querySelectorAll("img:not(.nozoom)"), {
|
|
margin: 24,
|
|
background: 'rgba(0,0,0,0.5)',
|
|
scrollOffset: 0,
|
|
})
|
|
|
|
</script>
|
|
|
|
|
|
<script type="text/javascript" src="/js/process.min.62060bb247f4de2b6dde45903668fefb68d792f365587605177b1227c0cf43588701edaca0cb40e2c8e2789bd5ce67c1d2a215b9fb258c3496a7cd25e7cb5fdf.js" integrity="sha512-YgYLskf03itt3kWQNmj++2jXkvNlWHYFF3sSJ8DPQ1iHAe2soMtA4sjieJvVzmfB0qIVufsljDSWp80l58tf3w=="></script>
|
|
|
|
|
|
</footer><div
|
|
id="search-wrapper"
|
|
class="invisible fixed inset-0 flex h-screen w-screen cursor-default flex-col bg-neutral-500/50 p-4 backdrop-blur-sm dark:bg-neutral-900/50 sm:p-6 md:p-[10vh] lg:p-[12vh]"
|
|
data-url="https://kilobytekeith.com/"
|
|
style="z-index:500"
|
|
>
|
|
<div
|
|
id="search-modal"
|
|
class="flex flex-col w-full max-w-3xl min-h-0 mx-auto border rounded-md shadow-lg top-20 border-neutral-200 bg-neutral dark:border-neutral-700 dark:bg-neutral-800"
|
|
>
|
|
<header class="relative z-10 flex items-center justify-between flex-none px-2">
|
|
<form class="flex items-center flex-auto min-w-0">
|
|
<div class="flex items-center justify-center w-8 h-8 text-neutral-400">
|
|
|
|
|
|
<span class="relative block icon">
|
|
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" class="svg-inline--fa fa-search fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>
|
|
|
|
</span>
|
|
|
|
|
|
</div>
|
|
<input
|
|
type="search"
|
|
id="search-query"
|
|
class="flex flex-auto h-12 mx-1 bg-transparent appearance-none focus:outline-dotted focus:outline-2 focus:outline-transparent"
|
|
placeholder="Search"
|
|
tabindex="0"
|
|
/>
|
|
</form>
|
|
<button
|
|
id="close-search-button"
|
|
class="flex items-center justify-center w-8 h-8 text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"
|
|
title="Close (Esc)"
|
|
>
|
|
|
|
|
|
<span class="relative block icon">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z"/></svg>
|
|
|
|
</span>
|
|
|
|
|
|
</button>
|
|
</header>
|
|
<section class="flex-auto px-2 overflow-auto">
|
|
<ul id="search-results">
|
|
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|