factoriolab.github.io/404.html at main · factoriolab/factoriolab.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!doctype html>
<html lang="en" class="scrollbar-thumb-gray-500 scrollbar-track-gray-800 bg-ground-950 text-gray-100" data-beasties-container>
  <head>
    <meta charset="utf-8">
    <title>FactorioLab</title>
    <base href="/">
    <meta name="description" content="A feature-rich factory production calculator for Factorio and
other factory games. Determine resource and machine requirements for your
desired objectives.">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <link rel="manifest" href="manifest.webmanifest">
    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <style>@font-face{font-family:'Roboto Mono';font-style:italic;font-weight:100 700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0x7DF4xlVMF-BfR8bXMIjhOm3CWWoKC.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face{font-family:'Roboto Mono';font-style:italic;font-weight:100 700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0x7DF4xlVMF-BfR8bXMIjhOm3mWWoKC.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face{font-family:'Roboto Mono';font-style:italic;font-weight:100 700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0x7DF4xlVMF-BfR8bXMIjhOm36WWoKC.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}@font-face{font-family:'Roboto Mono';font-style:italic;font-weight:100 700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0x7DF4xlVMF-BfR8bXMIjhOm3KWWoKC.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face{font-family:'Roboto Mono';font-style:italic;font-weight:100 700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0x7DF4xlVMF-BfR8bXMIjhOm3OWWoKC.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Roboto Mono';font-style:italic;font-weight:100 700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0x7DF4xlVMF-BfR8bXMIjhOm32WWg.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:100 700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0x5DF4xlVMF-BfR8bXMIjhGq3-OXg.woff2) format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:100 700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0x5DF4xlVMF-BfR8bXMIjhPq3-OXg.woff2) format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:100 700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0x5DF4xlVMF-BfR8bXMIjhIq3-OXg.woff2) format('woff2');unicode-range:U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:100 700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0x5DF4xlVMF-BfR8bXMIjhEq3-OXg.woff2) format('woff2');unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:100 700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0x5DF4xlVMF-BfR8bXMIjhFq3-OXg.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:100 700;font-display:swap;src:url(https://fonts.gstatic.com/s/robotomono/v31/L0x5DF4xlVMF-BfR8bXMIjhLq38.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}</style>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-TFR5Z43GPH"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag('js', new Date());
      gtag('config', 'G-TFR5Z43GPH');
    </script>
  <style>@layer properties;@layer theme,base,components,utilities;@layer theme{:root{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--color-gray-50:var(--color-gray-50, oklch(98.5% 0 0deg));--color-gray-100:var(--color-gray-100, oklch(97% 0 0deg));--color-gray-200:var(--color-gray-200, oklch(92.2% 0 0deg));--color-gray-300:var(--color-gray-300, oklch(87% 0 0deg));--color-gray-400:var(--color-gray-400, oklch(70.8% 0 0deg));--color-gray-500:var(--color-gray-500, oklch(55.6% 0 0deg));--color-gray-600:var(--color-gray-600, oklch(43.9% 0 0deg));--color-gray-700:var(--color-gray-700, oklch(37.1% 0 0deg));--color-gray-800:var(--color-gray-800, oklch(26.9% 0 0deg));--color-gray-900:var(--color-gray-900, oklch(20.5% 0 0deg));--color-gray-950:var(--color-gray-950, oklch(14.5% 0 0deg));--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-3xs:16rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-3xl:48rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-snug:1.375;--radius-xs:.125rem;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:"Roboto Mono", ui-monospace, sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;--color-ground-950:var(--color-ground-950, oklch(20.5% 0 0deg));--color-brand-50:var(--color-brand-50, oklch(97.12% .0138 251.554deg));--color-brand-100:var(--color-brand-100, oklch(93.5% .031 252.403deg));--color-brand-200:var(--color-brand-200, oklch(88.5% .0588 250.189deg));--color-brand-300:var(--color-brand-300, oklch(81.2% .106 248.167deg));--color-brand-400:var(--color-brand-400, oklch(71.4% .164 250.899deg));--color-brand-500:var(--color-brand-500, oklch(63.4% .206 256deg));--color-brand-600:var(--color-brand-600, oklch(55.3% .23 259.333deg));--color-brand-700:var(--color-brand-700, oklch(49% .225 260.708deg));--color-brand-800:var(--color-brand-800, oklch(42.7% .184 261.423deg));--color-brand-900:var(--color-brand-900, oklch(38.1% .137 261.342deg));--color-brand-950:var(--color-brand-950, oklch(28.4% .0868 263.732deg));--color-complement-50:var( --color-complement-50, oklch(98.7% .0235 97.8483deg) );--color-complement-100:var( --color-complement-100, oklch(96.6% .0634 98.4259deg) );--color-complement-200:var( --color-complement-200, oklch(93.2% .123 97.8942deg) );--color-complement-300:var( --color-complement-300, oklch(88.9% .174 94.0172deg) );--color-complement-400:var( --color-complement-400, oklch(83.7% .193 87.2123deg) );--color-complement-500:var(--color-complement-500, oklch(77.9% .187 76deg));--color-complement-600:var( --color-complement-600, oklch(67.2% .173 64.8123deg) );--color-complement-700:var( --color-complement-700, oklch(55.5% .153 55.4656deg) );--color-complement-800:var( --color-complement-800, oklch(47.4% .128 52.0242deg) );--color-complement-900:var( --color-complement-900, oklch(41.7% .106 50.2805deg) );--color-complement-950:var( --color-complement-950, oklch(28.2% .0729 48.6671deg) )}}@layer base{*,:after,:before{box-sizing:border-box;margin:0;padding:0;border:0 solid}html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}img{display:block;vertical-align:middle}img{max-width:100%;height:auto}}@layer utilities{.flex{display:flex}.h-dvh{height:100dvh}.w-dvw{width:100dvw}.scrollbar-thumb-gray-500{--tw-scrollbar-thumb:var(--color-gray-500, oklch(55.6% 0 0deg));scrollbar-color:var(--tw-scrollbar-thumb) var(--tw-scrollbar-track)}.scrollbar-track-gray-800{--tw-scrollbar-track:var(--color-gray-800, oklch(26.9% 0 0deg));scrollbar-color:var(--tw-scrollbar-thumb) var(--tw-scrollbar-track)}.items-center{align-items:center}.justify-center{justify-content:center}.bg-ground-950{background-color:var(--color-ground-950, oklch(20.5% 0 0deg))}.text-gray-100{color:var(--color-gray-100, oklch(97% 0 0deg))}}@layer components{*{border-color:transparent}}:root{--color-gray-50:rgb(250 250 250);--color-gray-100:oklch(97% 0 0deg);--color-gray-200:oklch(92.2% 0 0deg);--color-gray-300:oklch(87% 0 0deg);--color-gray-400:oklch(70.8% 0 0deg);--color-gray-500:oklch(55.6% 0 0deg);--color-gray-600:oklch(43.9% 0 0deg);--color-gray-700:oklch(37.1% 0 0deg);--color-gray-800:oklch(26.9% 0 0deg);--color-gray-900:oklch(20.5% 0 0deg);--color-gray-950:oklch(14.5% 0 0deg);--color-ground-950:var(--ground-950, oklch(20.5% 0 0deg));--color-brand-50:var(--brand-50);--color-brand-100:var(--brand-100);--color-brand-200:var(--brand-200);--color-brand-300:var(--brand-300);--color-brand-400:var(--brand-400);--color-brand-500:var(--brand-500);--color-brand-600:var(--brand-600);--color-brand-700:var(--brand-700);--color-brand-800:var(--brand-800);--color-brand-900:var(--brand-900);--color-brand-950:var(--brand-950);--color-complement-50:var(--complement-50);--color-complement-100:var(--complement-100);--color-complement-200:var(--complement-200);--color-complement-300:var(--complement-300);--color-complement-400:var(--complement-400);--color-complement-500:var(--complement-500);--color-complement-600:var(--complement-600);--color-complement-700:var(--complement-700);--color-complement-800:var(--complement-800);--color-complement-900:var(--complement-900);--color-complement-950:var(--complement-950)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0;}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0;}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0;}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1;}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1;}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1;}@property --tw-rotate-x{syntax:"*";inherits:false;}@property --tw-rotate-y{syntax:"*";inherits:false;}@property --tw-rotate-z{syntax:"*";inherits:false;}@property --tw-skew-x{syntax:"*";inherits:false;}@property --tw-skew-y{syntax:"*";inherits:false;}@property --tw-scrollbar-thumb{syntax:"<color>";inherits:false;initial-value:#0000;}@property --tw-scrollbar-track{syntax:"<color>";inherits:false;initial-value:#0000;}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid;}@property --tw-font-weight{syntax:"*";inherits:false;}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --tw-shadow-color{syntax:"*";inherits:false;}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --tw-inset-shadow-color{syntax:"*";inherits:false;}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --tw-ring-color{syntax:"*";inherits:false;}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --tw-inset-ring-color{syntax:"*";inherits:false;}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --tw-ring-inset{syntax:"*";inherits:false;}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0px;}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff;}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid;}@property --tw-blur{syntax:"*";inherits:false;}@property --tw-brightness{syntax:"*";inherits:false;}@property --tw-contrast{syntax:"*";inherits:false;}@property --tw-grayscale{syntax:"*";inherits:false;}@property --tw-hue-rotate{syntax:"*";inherits:false;}@property --tw-invert{syntax:"*";inherits:false;}@property --tw-opacity{syntax:"*";inherits:false;}@property --tw-saturate{syntax:"*";inherits:false;}@property --tw-sepia{syntax:"*";inherits:false;}@property --tw-drop-shadow{syntax:"*";inherits:false;}@property --tw-drop-shadow-color{syntax:"*";inherits:false;}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --tw-drop-shadow-size{syntax:"*";inherits:false;}@property --tw-backdrop-blur{syntax:"*";inherits:false;}@property --tw-backdrop-brightness{syntax:"*";inherits:false;}@property --tw-backdrop-contrast{syntax:"*";inherits:false;}@property --tw-backdrop-grayscale{syntax:"*";inherits:false;}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false;}@property --tw-backdrop-invert{syntax:"*";inherits:false;}@property --tw-backdrop-opacity{syntax:"*";inherits:false;}@property --tw-backdrop-saturate{syntax:"*";inherits:false;}@property --tw-backdrop-sepia{syntax:"*";inherits:false;}@property --tw-duration{syntax:"*";inherits:false;}@property --tw-text-shadow-color{syntax:"*";inherits:false;}@property --tw-text-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%;}@property --tw-content{syntax:"*";initial-value:"";inherits:false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scrollbar-thumb:#0000;--tw-scrollbar-track:#0000;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-text-shadow-color:initial;--tw-text-shadow-alpha:100%;--tw-content:""}}}</style><link rel="stylesheet" href="styles-U42BP35B.css" media="print" onload="this.media='all'"><noscript><link rel="stylesheet" href="styles-U42BP35B.css"></noscript></head>
  <body class="h-dvh">
    <lab-root>
      <div class="flex h-dvh w-dvw items-center justify-center">
        <img src="factoriolab-animate.webp" alt="FactorioLab" height="174" width="194" fetchpriority="high">
      </div>
    </lab-root>
    <noscript>Please enable JavaScript to continue using this application.</noscript>
  <script src="main-3ZLDAUPK.js" type="module"></script></body>
</html>