https://finite-state-microwave.onrender.com/

1<!DOCTYPE html><html lang="en"><head>
2    <meta charset="utf-8">
3    <meta name="viewport" content="width=device-width,initial-scale=1">
4
5    <title>Finite State Microwave</title>
6
7    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
8    <link rel="icon" href="/favicon.ico" type="image/x-icon">
9    <link rel="stylesheet" href="/global.css">
10    <link rel="stylesheet" href="/build/bundle.css">
11
12    
13		

13<script type="module" defer="" src="https://unpkg.com/[email protected]/dist/index.mjs?module" data-main="/build/main.js"></script>

13
14		

14<script nomodule="" defer="" src="https://unpkg.com/dimport/nomodule" data-main="/build/main.js"></script>

14
15	
16  <meta data-render="prerendered">

16<script src="https://www.googletagmanager.com/gtag/js?id=

16UA-136316141-2

16"></script>

16<script>

16window.dataLayer = window.dataLayer || [];
17        function gtag(){dataLayer.push(arguments);}
18        gtag('js', new Date());
19        gtag('config', '

19UA-136316141-2

19');
20    

20</script>

20<link href="https://fonts.googleapis.com/css2?family=Overpass:wght@200;400;700&amp;display=swap" rel="stylesheet"><style>* { font-family: 'Overpass', sans-serif;
21}
22
23body { --bg-opacity: 1; background-color: #edf2f7; background-color: rgba(237, 242, 247, var(--bg-opacity));
24}
25    
26/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9wYWdlcy9fbGF5b3V0LnN2ZWx0ZSIsIjxubyBzb3VyY2U+Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLElBQUksbUNBQW1DO0FBQUU7O0FBQ3pDLE9DRkEsZ0JBQUEsQ0FBQSwwQkFBQSxDQUFBLHlEQUFBO0FERTJCIiwiZmlsZSI6InNyYy9wYWdlcy9fbGF5b3V0LnN2ZWx0ZSIsInNvdXJjZXNDb250ZW50IjpbIlxuKiB7IGZvbnQtZmFtaWx5OiAnT3ZlcnBhc3MnLCBzYW5zLXNlcmlmOyB9XG5ib2R5IHsgQGFwcGx5IGJnLWdyYXktMjAwOyB9XG4gICAgIixudWxsXX0= */</style></head>
27
28  <body style="padding: 0; margin: 0;">
29
30<div id="routify-app"> <div class="w-full h-screen"><header class="flex justify-between max-w-lg px-4 py-4 mx-auto"><div class="ml-6 font-bold md:ml-0 first:ml-0"><a href="/" class="md:px-8 py-4 ">Machine</a> </div><div class="ml-6 font-bold md:ml-0 first:ml-0"><a href="/how" class="md:px-8 py-4 ">How It's Made</a> </div><div class="ml-6 font-bold md:ml-0 first:ml-0"><a href="/tech" class="md:px-8 py-4 ">Tech</a> </div></header> <div id="background" class="relative flex flex-col items-center justify-center w-full h-screen"><div id="microwave" class="bg-gray-900 rounded-lg absolute right-1/6 lg:static -mt-16 md:mt-16 lg:mr-8 w-240 h-128 p-4 grid grid-cols-5 grid-rows-6 gap-4"><div id="door" class="row-start-1 row-span-6 col-start-1 col-span-4 m-6 rounded bg-gray-800 svelte-vwyt4u"></div> <div id="display" class="row-start-1 row-span-1 col-start-5 col-span-1 bg-gray-800 flex justify-center items-center select-none"><div class="w-full text-center leading-10 font-mono font-bold text-blue-400 text-5xl">03:09</div></div> <div id="panel" class="row-start-2 row-span-4 col-start-5 col-span-1 bg-gray-900 grid grid-cols-3 grid-rows-7"><button class="z-10 border-1 rounded m-1 p-1 bg-gray-900 text-white select-none focus:outline-none focus:shadow-outline row-start-1 row-span-1 col-start-1 col-span-1 font-bold text-lg">1</button> <button class="z-10 border-1 rounded m-1 p-1 bg-gray-900 text-white select-none focus:outline-none focus:shadow-outline row-start-1 row-span-1 col-start-2 col-span-1 font-bold text-lg">2</button> <button class="z-10 border-1 rounded m-1 p-1 bg-gray-900 text-white select-none focus:outline-none focus:shadow-outline row-start-1 row-span-1 col-start-3 col-span-1 font-bold text-lg">3</button> <button class="z-10 border-1 rounded m-1 p-1 bg-gray-900 text-white select-none focus:outline-none focus:shadow-outline row-start-2 row-span-1 col-start-1 col-span-1 font-bold text-lg">4</button> <button class="z-10 border-1 rounded m-1 p-1 bg-gray-900 text-white select-none focus:outline-none focus:shadow-outline row-start-2 row-span-1 col-start-2 col-span-1 font-bold text-lg">5</button> <button class="z-10 border-1 rounded m-1 p-1 bg-gray-900 text-white select-none focus:outline-none focus:shadow-outline row-start-2 row-span-1 col-start-3 col-span-1 font-bold text-lg">6</button> <button class="z-10 border-1 rounded m-1 p-1 bg-gray-900 text-white select-none focus:outline-none focus:shadow-outline row-start-3 row-span-1 col-start-1 col-span-1 font-bold text-lg">7</button> <button class="z-10 border-1 rounded m-1 p-1 bg-gray-900 text-white select-none focus:outline-none focus:shadow-outline row-start-3 row-span-1 col-start-2 col-span-1 font-bold text-lg">8</button> <button class="z-10 border-1 rounded m-1 p-1 bg-gray-900 text-white select-none focus:outline-none focus:shadow-outline row-start-3 row-span-1 col-start-3 col-span-1 font-bold text-lg">9</button> <button class="z-10 border-1 rounded m-1 p-1 bg-gray-900 text-white select-none focus:outline-none focus:shadow-outline row-start-4 row-span-1 col-start-2 col-span-1 font-bold text-lg">0</button> <button class="z-10 border-1 rounded m-1 p-1 bg-gray-900 text-white select-none focus:outline-none focus:shadow-outline row-start-5 row-span-1 col-start-1 col-span-3 border border-white">Start</button> <button class="z-10 border-1 rounded m-1 p-1 bg-gray-900 text-white select-none focus:outline-none focus:shadow-outline row-start-6 row-span-1 col-start-1 col-span-3 border border-white">+30</button> <button class="z-10 border-1 rounded m-1 p-1 bg-gray-900 text-white select-none focus:outline-none focus:shadow-outline row-start-7 row-span-1 col-start-1 col-span-3 text-red-500 border border-red-500">Stop</button></div> <button id="open-button" class="row-start-6 row-span-1 col-start-5 col-span-1 bg-gray-900 border border-gray-800 rounded-md p-1"><div class="h-full w-full border border-gray-700 rounded"></div></button></div> <div class="mt-6 pb-6 absolute bottom-0 text-center lg:static">Made with <span class="text-red-600">❤</span> by Parker McMullin
31    (aka. <a href="https://twitter.com/parker_codes" class="underline text-blue-700 hover:text-blue-600" target="_blank">@parker_codes</a>)</div></div>  </div>  <div id="__routify_iframes" style="display: none;"></div></div></body></html>
32<!--prerendered-->