diff --git a/public/slider_test.html b/public/slider_test.html
deleted file mode 100644
index 54bc122ce..000000000
--- a/public/slider_test.html
+++ /dev/null
@@ -1,129 +0,0 @@
-<!doctype html>
-<html>
-<head>
-    <title>Antimatter Dimensions</title>
-    <link rel="icon" type="image/png" href="icon.png">
-    <meta name="Antimatter Dimensions" content="A game about huge numbers and watching them go up." charset="utf-8" />
-    <link href="https://fonts.googleapis.com/css?family=PT+Mono" rel="stylesheet">
-    <link rel="stylesheet" type="text/css" href="stylesheets/ad-slider-component.css">
-    <link rel="stylesheet" type="text/css" href="stylesheets/styles.css?3">
-    <link rel="stylesheet" type="text/css" href="stylesheets/time-studies.css">
-    <link rel="stylesheet" type="text/css" href="stylesheets/tooltips.css">
-    <link rel="stylesheet" type="text/css" href="stylesheets/vis.css">
-</head>
-<body>
-  Tooltips are shown to assist in validation. Boundaries are shown for clarity.
-  <div id="ui" style="height: 100%; width: 100%; background:black;">
-    <div style="border: 0.1rem solid red !important; display: inline-block; height: 80px">
-      <ad-slider-component :min="-20" :max="20" :interval="1" :show="true" dot-size="2rem" width="20rem" tooltip-dir="bottom"
-        :value-in-dot="true" :plus-minus-buttons="true" dot-class="glyph-level-weight-slider-handle" bg-class="glyph-level-weight-slider-bg"
-        process-class="glyph-level-weight-slider-process"></ad-slider-component>
-    </div>
-    <div style="border: 0.1rem solid red !important; display: inline-block; height: 80px">
-        <ad-slider-component :piecewise-label="true" :label-style="{color: 'white'}" :data="['ace','b','car','doggy','ear']" :show="true" dot-width="3rem" width="20rem" tooltip-dir="top"
-          :value-in-dot="true" :plus-minus-buttons="true" dot-class="glyph-level-weight-slider-handle" bg-class="glyph-level-weight-slider-bg"
-          process-class="glyph-level-weight-slider-process"></ad-slider-component>
-      </div>
-    <div style="border: 0.1rem solid red !important; display: inline-block; height: 80px">
-      <ad-slider-component :min="-20" :max="20" :show="true" dot-size="2rem" width="20rem" tooltip-dir="bottom"
-        :value-in-dot="false" :plus-minus-buttons="true" dot-class="glyph-level-weight-slider-handle" bg-class="glyph-level-weight-slider-bg"
-        process-class="glyph-level-weight-slider-process"></ad-slider-component>
-    </div>
-    <div style="border: 0.1rem solid red !important; display: inline-block; height: 80px">
-      <ad-slider-component :min="-20" :max="20" :show="true" dot-size="2rem" width="20rem" tooltip-dir="bottom"
-        :value-in-dot="true" :plus-minus-buttons="false" dot-class="glyph-level-weight-slider-handle" bg-class="glyph-level-weight-slider-bg"
-        process-class="glyph-level-weight-slider-process"></ad-slider-component>
-    </div>
-    <div style="border: 0.1rem solid red !important; display: inline-block; width: 80px">
-      <ad-slider-component :min="-20" :max="20" :show="true" dot-size="2rem" width="1rem" height="20rem" tooltip-dir="right"
-        :value-in-dot="true" direction="vertical" :plus-minus-buttons="true" dot-class="glyph-level-weight-slider-handle"
-        bg-class="glyph-level-weight-slider-bg" process-class="glyph-level-weight-slider-process"></ad-slider-component>
-    </div>
-    <div style="border: 0.1rem solid red !important; display: inline-block; width: 80px">
-      <ad-slider-component :min="-20" :max="20" :show="true" dot-size="2rem" width="6px" height="20rem" tooltip-dir="right"
-        :value-in-dot="true" direction="vertical" :plus-minus-buttons="false" dot-class="glyph-level-weight-slider-handle"
-        bg-class="glyph-level-weight-slider-bg" process-class="glyph-level-weight-slider-process"></ad-slider-component>
-    </div>
-    <div style="border: 0.1rem solid red !important; display: block; width: 100%">
-      <ad-slider-component :min="-20" :max="20" :show="true" dot-size="2rem" width="100%" height="6px" tooltip-dir="bottom"
-        :value-in-dot="true" direction="horizontal" :plus-minus-buttons="false" dot-class="glyph-level-weight-slider-handle"
-        bg-class="glyph-level-weight-slider-bg" process-class="glyph-level-weight-slider-process"></ad-slider-component>
-    </div>
-    <div style="display:block; height: 80px"></div>
-    <div style="border: 0.1rem solid red !important; display: inline-block; height: 80px">
-      <ad-slider-component :min="-20" :max="20" :value="[-2,2]" :show="true" dot-size="2rem" width="20rem" height="6px" tooltip-dir="bottom"
-        :value-in-dot="true" direction="horizontal" :plus-minus-buttons="false" dot-class="glyph-level-weight-slider-handle"
-        bg-class="glyph-level-weight-slider-bg" process-class="glyph-level-weight-slider-process"></ad-slider-component>
-    </div>
-    <div style="border: 0.1rem solid red !important; display: inline-block; height: 80px">
-      <ad-slider-component :min="-20" :max="20" :value="[-4,4]" :show="true" dot-size="2rem" width="20rem" height="6px" tooltip-dir="bottom"
-        :value-in-dot="true" direction="horizontal" :plus-minus-buttons="false" dot-class="glyph-level-weight-slider-handle"
-        bg-class="glyph-level-weight-slider-bg" :fixed="true" :process-draggable="true" process-class="glyph-level-weight-slider-process"></ad-slider-component>
-    </div>
-    <div style="border: 0.1rem solid red !important; display: inline-block; height: 80px">
-      <ad-slider-component :min="-20" :max="20" :value="[-4,4]" :show="true" dot-size="2rem" width="20rem" height="6px" tooltip-dir="bottom"
-          :value-in-dot="true" direction="horizontal" :plus-minus-buttons="false" dot-class="glyph-level-weight-slider-handle"
-          :disabled="true" bg-class="glyph-level-weight-slider-bg" :fixed="true" :process-draggable="true" process-class="glyph-level-weight-slider-process"></ad-slider-component>
-    </div>
-    <div style="border: 0.1rem solid red !important; display: inline-block; height: 80px">
-      <ad-slider-component :min="-20" :max="20" :value="[-2,2]" :show="true" dot-size="2rem" width="20rem" height="6px" tooltip-dir="bottom"
-          :value-in-dot="true" direction="horizontal" :plus-minus-buttons="false" dot-class="glyph-level-weight-slider-handle"
-          :enable-cross="false" bg-class="glyph-level-weight-slider-bg" process-class="glyph-level-weight-slider-process"></ad-slider-component>
-    </div>
-    <br>
-    <div style="border: 0.1rem solid red !important; display: inline-block; height: 80px">
-      <ad-slider-component :value="1" :min="1" :max="3" :interval="0.25" :show="true" dot-size="2rem" width="20rem" tooltip-dir="bottom"
-        dot-class="glyph-level-weight-slider-handle" bg-class="glyph-level-weight-slider-bg" :piecewise="true"
-        process-class="glyph-level-weight-slider-process">
-        <template slot="piecewise" slot-scope="{label}">
-          <div v-if="label % 0.5 == 0" style="height: 6px; width: 5rem; display:block; transform: translateX(9rem)"
-              :style="{background: (['white', '#43A047', '#2196F3', '#9C27B0'])[(label-1)*2]}"></div>
-        </template>
-      </ad-slider-component>
-    </div>
-    <div style="border: 0.1rem solid red !important; display: inline-block; height: 80px; padding: 20px">
-      <ad-slider-component :value="1" :min="1" :max="3.5" :interval="0.125" :show="true" dot-size="4rem" width="30rem"
-        tooltip-dir="bottom" height="4rem" :bg-style="{'border-radius': '0.4rem !important', background:'black', 'box-sizing': 'content-box', border: '0.4rem double #0b600e'}" tooltip="never"
-        :slider-style="{border: '0.2rem outset gray', 'box-sizing': 'border-box', 'border-radius': '0.1rem !important', background:'black'}"
-        dot-class="glyph-level-weight-slider-handle" bg-class="glyph-level-weight-slider-bg" :process-style="{display: 'none'}">
-        <template slot="in-dot">
-          <div class="megaderp" style="font-size: 2.5rem; font-family: serif; color: #9C27B0;">Ξ</div>
-        </template>
-      </ad-slider-component>
-    </div>
-    <div style="border: 0.1rem solid red !important; display: inline-block; height: 80px; padding: 20px">
-      <ad-slider-component :value="1" :min="1" :max="3.5" :interval="0.05" :show="true" dot-size="3rem" width="15rem"
-        tooltip-dir="bottom" height="3rem" :xformatter="e => ((e-1)*40).toFixed() + '%'"
-        :bg-style="{'border-radius': '0.1rem', background:'#0b600e', 'box-sizing': 'border-box'}" tooltip="hover"
-        :slider-style="{border: '0.2rem outset gray', 'box-sizing': 'border-box', 'border-radius': '0.1rem !important', background:'black'}"
-        dot-class="glyph-level-weight-slider-handle" bg-class="glyph-level-weight-slider-bg" :process-style="{display: 'none'}">
-        <template slot="in-dot">
-          <div class="megaderp" style="font-size: 2rem; font-family: serif; color: #9C27B0;">Ξ</div>
-        </template>
-      </ad-slider-component>
-    </div>
-  </div>
-</body>
-
-<script type="text/javascript" src="lib/vue.js"></script>
-<script type="text/javascript" src="javascripts/longpress.js"></script>
-
-<script type="text/javascript" src="../javascripts/core/polyfill.js"></script>
-<script type="text/javascript" src="../javascripts/core/extensions.js"></script>
-
-<script type="text/javascript" src="../javascripts/components/common/plus-minus-button.js"></script>
-<script type="text/javascript" src="../javascripts/components/common/ad-slider-component.js"></script>
-
-<script type="text/javascript" src="../javascripts/core/app/ui.init.js"></script>
-<script type="text/javascript" src="../javascripts/core/app/player-progress.js"></script>
-<script type="text/javascript" src="../javascripts/core/app/modal.js"></script>
-<script type="text/javascript" src="../javascripts/core/app/themes.js"></script>
-
-<script type="text/javascript" src="../javascripts/core/notations.js"></script>
-
-<script type="text/javascript" src="../javascripts/core/app/options.js"></script>
-<script type="text/javascript" src="../javascripts/core/event-hub.js"></script>
-<script type="text/javascript" src="../javascripts/core/app/ui.js"></script>
-<script type="text/javascript" src="../javascripts/core/app/notify.js"></script>
-
-</html>
diff --git a/public/theme-preview.html b/public/theme-preview.html
deleted file mode 100644
index c34234324..000000000
--- a/public/theme-preview.html
+++ /dev/null
@@ -1,860 +0,0 @@
-<html>
-<head>
-  <link rel="stylesheet" type="text/css" href="stylesheets/styles.css">
-  <link id="Metro" rel="stylesheet" type="text/css" href="stylesheets/theme-Metro.css">
-  <link id="Dark" rel="stylesheet" type="text/css" href="stylesheets/theme-Dark.css">
-  <link id="Dark Metro" rel="stylesheet" type="text/css" href="stylesheets/theme-Dark%20Metro.css">
-  <link id="Inverted" rel="stylesheet" type="text/css" href="stylesheets/theme-Inverted.css">
-  <link id="Inverted Metro" rel="stylesheet" type="text/css" href="stylesheets/theme-Inverted%20Metro.css">
-  <link id="S1" rel="stylesheet" type="text/css" href="stylesheets/theme-S1.css">
-  <link id="S2" rel="stylesheet" type="text/css" href="stylesheets/theme-S2.css">
-  <link id="S3" rel="stylesheet" type="text/css" href="stylesheets/theme-S3.css">
-  <link id="S4" rel="stylesheet" type="text/css" href="stylesheets/theme-S4.css">
-  <link id="S5" rel="stylesheet" type="text/css" href="stylesheets/theme-S5.css">
-  <link id="S6" rel="stylesheet" type="text/css" href="stylesheets/theme-S6.css">
-  <link id="S7" rel="stylesheet" type="text/css" href="stylesheets/theme-S7.css">
-  <link id="S8" rel="stylesheet" type="text/css" href="stylesheets/theme-S8.css">
-  <link id="S9" rel="stylesheet" type="text/css" href="stylesheets/theme-S9.css">
-  <link id="S10" rel="stylesheet" type="text/css" href="stylesheets/theme-S10.css">
-  <link id="S11" rel="stylesheet" type="text/css" href="stylesheets/theme-S11.css">
-  <link rel="stylesheet" type="text/css" href="stylesheets/time-studies.css">
-  <style>
-    body {
-      height: auto;
-    }
-
-    .c-component-block {
-      padding: 10px;
-      border: 0.1rem solid black;
-    }
-
-    .c-component-block,
-    .l-component-row {
-      display: flex;
-      flex-direction: row;
-      flex-wrap: wrap;
-      align-items: center;
-    }
-
-    .c-component-block > *,
-    .l-component-row > * {
-      margin: 8px;
-    }
-
-    .c-tachyon-container {
-      animation: a-tachyon-container infinite 2s linear;
-    }
-
-    @keyframes a-tachyon-container {
-      100% { transform: rotateZ(360deg) }
-    }
-
-    .l-time-study-connection-grid {
-      display: grid;
-      grid-template-columns: [type] auto [not-bought] auto [bought] auto;
-      grid-template-rows: repeat(10, auto);
-    }
-
-    .l-time-study-connection-grid > * {
-      margin: 6px;
-    }
-
-    .c-time-study-connection-svg {
-      height: 20px;
-      width: 100px;
-    }
-  </style>
-</head>
-<body style="overflow-y: scroll;">
-<div style="position: sticky; top: 5px; z-index: 100; background-color: whitesmoke">
-  <span>Theme: <span id="current-theme">Normal</span></span>
-  <div id="themes" style="display: inline-block;"></div>
-  <span>[Shift+]~ to cycle</span>
-</div>
-
-<div style="height: 10px"></div>
-
-<div id="ui">
-  <div style="margin: 10px; display: flex; flex-direction: column;">
-
-
-    <span>Common buttons</span>
-    <div class="c-component-block">
-      <button class="o-primary-btn">Normal button</button>
-      <button class="o-primary-btn o-primary-btn--disabled">Disabled button</button>
-      <button class="o-tab-btn">Primary tab</button>
-      <button class="o-tab-btn o-tab-btn--secondary">Secondary tab</button>
-      <button class="o-tab-btn o-tab-btn--infinity">Infinity tab</button>
-      <button class="o-tab-btn o-tab-btn--eternity">Eternity tab</button>
-      <button class="o-tab-btn o-tab-btn--reality" style="display: flex;">Reality tab</button>
-      <button class="o-tab-btn o-tab-btn--celestial" style="display: flex;">Celestial tab</button>
-    </div>
-
-
-    <span>Infinity upgrades</span>
-    <div class="c-component-block">
-      <button class="o-infinity-upgrade-btn o-infinity-upgrade-btn--available">1st column or Post Break</button>
-      <button class="o-infinity-upgrade-btn o-infinity-upgrade-btn--available o-infinity-upgrade-btn--color-2">2nd column</button>
-      <button class="o-infinity-upgrade-btn o-infinity-upgrade-btn--available o-infinity-upgrade-btn--color-3">3rd column</button>
-      <button class="o-infinity-upgrade-btn o-infinity-upgrade-btn--available o-infinity-upgrade-btn--color-4">4th column</button>
-      <button class="o-infinity-upgrade-btn o-infinity-upgrade-btn--available o-infinity-upgrade-btn--multiplier">Multiplier</button>
-      <button class="o-infinity-upgrade-btn o-infinity-upgrade-btn--unavailable">Disabled</button>
-      <button class="o-infinity-upgrade-btn o-infinity-upgrade-btn--bought">Bought</button>
-    </div>
-
-
-    <span>Autobuyers</span>
-    <div class="c-component-block">
-      <div class="c-autobuyer-box" style="display: flex; flex-direction: column; align-items: center">
-        <span>Automatic Input Fields</span>
-        <span class="c-autobuyer-box__small-text">Current interval: 420.00 seconds</span>
-        <span class="c-autobuyer-box__small-text">Text:</span>
-        <input type="text" class="o-autobuyer-input">
-        <span class="c-autobuyer-box__small-text">Number:</span>
-        <input type="number" class="o-autobuyer-input">
-        <span class="c-autobuyer-box__small-text">Invalid:</span>
-        <input type="text" class="o-autobuyer-input o-autobuyer-input--invalid">
-        <div style="display: flex; flex-direction: row; align-items: center">
-          <span class="o-autobuyer-toggle-checkbox__label">Is active</span>
-          <input type="checkbox" class="o-autobuyer-toggle-checkbox">
-        </div>
-      </div>
-      <div class="c-autobuyer-box" style="display: flex; flex-direction: column; align-items: center">
-        <span>Automatic Buttons</span>
-        <span class="c-autobuyer-box__small-text">Current interval: 0.05 seconds</span>
-        <br>
-        <button class="o-autobuyer-btn">Decrease update rate by 5 hours<br>Cost: 1 Hevi</button>
-        <button class="o-autobuyer-btn">Buys 11</button>
-        <br>
-        <div style="display: flex; flex-direction: row; align-items: center">
-          <span class="o-autobuyer-toggle-checkbox__label">Is active</span>
-          <input type="checkbox" class="o-autobuyer-toggle-checkbox">
-        </div>
-      </div>
-    </div>
-
-
-    <span>Prestige buttons</span>
-    <div class="c-component-block">
-      <div>
-        <div class="c-game-header__infinity-points">
-          You have <span class="c-game-header__ip-amount">1e308</span> Infinity points.
-        </div>
-        <button class="o-prestige-button o-infinity-button">
-          <b>Big Crunch for 1e308 Infinity Points.</b>
-          <br>
-          1e308 IP/min
-          <br>
-          Peaked at 1e308 IP/min
-        </button>
-      </div>
-      <div>
-        <div class="c-game-header__infinity-points">
-          You have <span class="c-game-header__ip-amount">1e308</span> Infinity points.
-        </div>
-        <button class="o-prestige-button o-infinity-button">
-          <b>Big Crunch for 1e308 Infinity Points.</b>
-        </button>
-      </div>
-      <div>
-        <div class="c-game-header__eternity-points">
-          You have <span class="c-game-header__ep-amount">1e308</span> Eternity points.
-        </div>
-        <button class="o-prestige-button o-eternity-button">
-          Other times await... I need to become Eternal
-        </button>
-      </div>
-      <div>
-        <div class="c-game-header__eternity-points">
-          You have <span class="c-game-header__ep-amount">1e308</span> Eternity points.
-        </div>
-        <button class="o-prestige-button o-eternity-button">
-          I need to become Eternal.
-          <br>
-          Gain 1e308 Eternity points.
-          <br>
-          1e308 EP/min
-          <br>
-          Peaked at 1e308 EP/min
-        </button>
-      </div>
-      <div>
-        <div class="c-game-header__eternity-points">
-          You have <span class="c-game-header__ep-amount">1e308</span> Eternity points.
-        </div>
-        <button class="o-prestige-button o-eternity-button">
-          Gain 1e308 Eternity points.
-          <br>
-          1e308 EP/min
-          <br>
-          Peaked at 1e308 EP/min
-        </button>
-      </div>
-      <div>
-        <div class="c-game-header__eternity-points">
-          You have <span class="c-game-header__ep-amount">1e308</span> Eternity points.
-        </div>
-        <button class="o-prestige-button o-eternity-button">
-          Other challenges await... I need to become Eternal
-        </button>
-      </div>
-      <div>
-        <div class="c-game-header__eternity-points">
-          You have <span class="c-game-header__ep-amount">1e308</span> Eternity points.
-        </div>
-        <button class="o-prestige-button o-eternity-button">
-          Gain 1e308 Eternity points.
-          <br>
-          +1e308 Tachyon particles.
-        </button>
-      </div>
-      <div>
-        <div class="c-game-header__eternity-points">
-          You have <span class="c-game-header__ep-amount">1e308</span> Eternity points.
-        </div>
-        <button class="o-prestige-button o-eternity-button">
-          Gain 1e308 EP
-          <br>
-          You should explore a bit and look at new content before clicking me!
-        </button>
-      </div>
-      <div>
-        <div class="c-game-header__eternity-points">
-          You have <span class="c-game-header__ep-amount">1e308</span> Eternity points.
-        </div>
-        <button class="o-prestige-button o-eternity-button">
-          Gain 1e308 Tachyon particles
-          <br>
-          You should explore a bit and look at new content before clicking me!
-        </button>
-      </div>
-      <div>
-        <div class="c-game-header__eternity-points">
-          You have <span class="c-game-header__ep-amount">1e308</span> Eternity points.
-        </div>
-        <button class="o-prestige-button o-eternity-button">
-          Other challenges await...
-          <br>
-          3 completions on Eternity.
-        </button>
-      </div>
-      <div>
-        <div class="c-game-header__eternity-points">
-          You have <span class="c-game-header__ep-amount">1e308</span> Eternity points.
-        </div>
-        <button class="o-prestige-button o-eternity-button">
-          Other challenges await...
-          <br>
-          3 completions on Eternity.
-          <br>
-          Next goal at 1e308 IP
-        </button>
-      </div>
-      <div>
-        <div class="c-game-header__eternity-points">
-          You have <span class="c-game-header__ep-amount">1e308</span> Eternity points.
-        </div>
-        <button class="o-prestige-button o-eternity-button">
-          Other challenges await...
-          <br>
-          3 completions on Eternity.
-          <br>
-          (Too many infinities for more)
-        </button>
-      </div>
-      <button class="o-prestige-button o-infinity-button" style="position: static;">
-        <b>Get 1e308 antimatter to unlock a new Dimension.</b>
-      </button>
-      <button class="o-prestige-button o-infinity-button--unavailable o-infinity-button" style="position: static;">
-        <b>Get 1e308 antimatter to unlock a new Dimension.</b>
-      </button>
-      <button class="l-reality-button c-reality-button c-reality-button--bad">
-        <div class="l-reality-button__contents">
-          <div class="c-reality-button__header">Start reality over</div>
-          <div>Purchase the study in the eternity tab to unlock a new reality</div>
-        </div>
-      </button>
-      <button class="l-reality-button c-reality-button c-reality-button--bad force-hover">
-        <div class="l-reality-button__contents">
-          <div class="c-reality-button__header">Start reality over</div>
-          <div>HOVER HOVER HOVER</div>
-        </div>
-      </button>
-      <button class="l-reality-button c-reality-button c-reality-button--good">
-        <div class="l-reality-button__contents">
-          <div class="c-reality-button__header">Make a new reality</div>
-          <div>Machines gained: 6.48e10</div>
-          <div>0.04 RM/min</div>
-          <div>Glyph level: 576 (35.4%)</div>
-        </div>
-      </button>
-      <button class="l-reality-button c-reality-button c-reality-button--good force-hover">
-        <div class="l-reality-button__contents">
-          <div class="c-reality-button__header">HOVER STATE</div>
-          <div>Machines gained: 6.48e10</div>
-          <div>0.04 RM/min</div>
-          <div>Glyph level: 576 (35.4%)</div>
-        </div>
-      </button>
-    </div>
-    <span>Time Studies</span>
-    <div class="c-component-block">
-      <button class="o-time-study o-time-study--normal">
-        Available Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--normal o-time-study--bought">
-        Bought Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--normal o-time-study--unavailable">
-        Unavailable Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--antimatter-dim">
-        Available Antimatter Dimension Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--antimatter-dim o-time-study--bought">
-        Bought Antimatter Dimension Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--antimatter-dim o-time-study--unavailable">
-        Unavailable Antimatter Dimension Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--infinity-dim">
-        Available Infinity Dimension Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--infinity-dim o-time-study--bought">
-        Bought Infinity Dimension Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--infinity-dim o-time-study--unavailable">
-        Unavailable Infinity Dimension Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--time-dim">
-        Available Time Dimension Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--time-dim o-time-study--bought">
-        Bought Time Dimension Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--time-dim o-time-study--unavailable">
-        Unavailable Time Dimension Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--active">
-        Available Active Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--active o-time-study--bought">
-        Bought Active Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--active o-time-study--unavailable">
-        Unavailable Active Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--passive">
-        Available Passive Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--passive o-time-study--bought">
-        Bought Passive Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--passive o-time-study--unavailable">
-        Unavailable Passive Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--idle">
-        Available Idle Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--idle o-time-study--bought">
-        Bought Idle Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--idle o-time-study--unavailable">
-        Unavailable Idle Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--eternity-challenge">
-        Available EC Study
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--eternity-challenge o-time-study--bought">
-        Bought EC Study
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--eternity-challenge o-time-study--unavailable">
-        Unavailable EC Study
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--dilation">
-        Available Dilation Study
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--dilation o-time-study--bought">
-        Bought Dilation Study
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--dilation o-time-study--unavailable">
-        Unavailable Dilation Study
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--reality">
-        Available Reality Study
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--reality o-time-study--bought">
-        Bought Reality Study
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--reality o-time-study--unavailable">
-        Unavailable Reality Study
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--light o-time-study--small">
-        Available Light Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--light o-time-study--bought o-time-study--small">
-        Bought Light Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--light o-time-study--unavailable o-time-study--small">
-        Unavailable Light Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--dark o-time-study--small">
-        Available Dark Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--dark o-time-study--bought o-time-study--small">
-        Bought Dark Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-      <button class="o-time-study o-time-study--dark o-time-study--unavailable o-time-study--small">
-        Unavailable Dark Study
-        <br>
-        Currently: 1e308
-        <br>
-        Cost: 308 Time Theorems
-      </button>
-    </div>
-
-
-    <span>Time Study Connections</span>
-    <div class="c-component-block" style="justify-content: center">
-      <div class="l-time-study-connection-grid" style="text-align: right;">
-        <span style="text-align: center;">Type</span>
-        <span style="text-align: center;">Not Bought</span>
-        <span style="text-align: center;">Bought</span>
-
-        <span>Normal</span>
-        <svg class="c-time-study-connection-svg">
-          <line x1="0" y1="10" x2="100" y2="10" class="o-time-study-connection"></line>
-        </svg>
-        <svg class="c-time-study-connection-svg">
-          <line x1="0" y1="10" x2="100" y2="10" class="o-time-study-connection o-time-study-connection--bought"></line>
-        </svg>
-
-        <span>Antimatter Dim</span>
-        <svg class="c-time-study-connection-svg">
-          <line x1="0" y1="10" x2="100" y2="10" class="o-time-study-connection o-time-study-connection--antimatter-dim"></line>
-        </svg>
-        <svg class="c-time-study-connection-svg">
-          <line x1="0" y1="10" x2="100" y2="10" class="o-time-study-connection o-time-study-connection--bought o-time-study-connection--antimatter-dim"></line>
-        </svg>
-
-        <span>Infinity Dim</span>
-        <svg class="c-time-study-connection-svg">
-          <line x1="0" y1="10" x2="100" y2="10" class="o-time-study-connection o-time-study-connection--infinity-dim"></line>
-        </svg>
-        <svg class="c-time-study-connection-svg">
-          <line x1="0" y1="10" x2="100" y2="10" class="o-time-study-connection o-time-study-connection--bought o-time-study-connection--infinity-dim"></line>
-        </svg>
-
-        <span>Time Dim</span>
-        <svg class="c-time-study-connection-svg">
-          <line x1="0" y1="10" x2="100" y2="10" class="o-time-study-connection o-time-study-connection--time-dim"></line>
-        </svg>
-        <svg class="c-time-study-connection-svg">
-          <line x1="0" y1="10" x2="100" y2="10" class="o-time-study-connection o-time-study-connection--bought o-time-study-connection--time-dim"></line>
-        </svg>
-
-        <span>Active</span>
-        <svg class="c-time-study-connection-svg">
-          <line x1="0" y1="10" x2="100" y2="10" class="o-time-study-connection o-time-study-connection--active"></line>
-        </svg>
-        <svg class="c-time-study-connection-svg">
-          <line x1="0" y1="10" x2="100" y2="10" class="o-time-study-connection o-time-study-connection--bought o-time-study-connection--active"></line>
-        </svg>
-
-        <span>Passive</span>
-        <svg class="c-time-study-connection-svg">
-          <line x1="0" y1="10" x2="100" y2="10" class="o-time-study-connection o-time-study-connection--passive"></line>
-        </svg>
-        <svg class="c-time-study-connection-svg">
-          <line x1="0" y1="10" x2="100" y2="10" class="o-time-study-connection o-time-study-connection--bought o-time-study-connection--passive"></line>
-        </svg>
-
-        <span>Idle</span>
-        <svg class="c-time-study-connection-svg">
-          <line x1="0" y1="10" x2="100" y2="10" class="o-time-study-connection o-time-study-connection--idle"></line>
-        </svg>
-        <svg class="c-time-study-connection-svg">
-          <line x1="0" y1="10" x2="100" y2="10" class="o-time-study-connection o-time-study-connection--bought o-time-study-connection--idle"></line>
-        </svg>
-
-        <span>EC</span>
-        <svg class="c-time-study-connection-svg">
-          <line x1="0" y1="10" x2="100" y2="10" class="o-time-study-connection o-time-study-connection--eternity-challenge"></line>
-        </svg>
-        <svg class="c-time-study-connection-svg">
-          <line x1="0" y1="10" x2="100" y2="10" class="o-time-study-connection o-time-study-connection--bought o-time-study-connection--eternity-challenge"></line>
-        </svg>
-
-        <span>Dilation</span>
-        <svg class="c-time-study-connection-svg">
-          <line x1="0" y1="10" x2="100" y2="10" class="o-time-study-connection o-time-study-connection--dilation"></line>
-        </svg>
-        <svg class="c-time-study-connection-svg">
-          <line x1="0" y1="10" x2="100" y2="10" class="o-time-study-connection o-time-study-connection--bought o-time-study-connection--dilation"></line>
-        </svg>
-      </div>
-    </div>
-
-
-    <span>Eternity</span>
-    <div class="c-component-block">
-      <div style="display: flex; flex-direction: column">
-        <span class="o-eternity-milestone__goal">1 Eternity:</span>
-        <button class="o-eternity-milestone__reward o-eternity-milestone__reward--reached">Unlock IP multiplier autobuyer (Reached)</button>
-      </div>
-      <div style="display: flex; flex-direction: column">
-        <span class="o-eternity-milestone__goal">100 Eternities:</span>
-        <button class="o-eternity-milestone__reward o-eternity-milestone__reward--locked">Unlock autobuyer for Eternities (Not Reached)</button>
-      </div>
-      <button class="o-eternity-upgrade o-eternity-upgrade--available">
-        Available Eternity Upgrade
-        <br>
-        Currently: 1e308x
-        <br>
-        Cost: 1e308 EP
-      </button>
-      <button class="o-eternity-upgrade o-eternity-upgrade--bought">
-        Bought Eternity Upgrade
-        <br>
-        Currently: 1e308x
-        <br>
-        Cost: 1e308 EP
-      </button>
-      <button class="o-eternity-upgrade o-eternity-upgrade--unavailable">
-        Unavailable Eternity Upgrade
-        <br>
-        Currently: 1e308x
-        <br>
-        Cost: 1e308 EP
-      </button>
-    </div>
-
-
-    <span>Dilation</span>
-    <div class="c-component-block" style="flex-direction: column">
-      <span>You have <span class="c-dilation-tab__tachyons">1e308</span> Tachyon Particles.</span>
-      <span>
-        You have
-        <span class="c-dilation-tab__dilated-time">1e308</span>
-        Dilated Time.
-        <span class="c-dilation-tab__dilated-time-income">+1e308/s</span>
-      </span>
-      <span>
-        Next Tachyon Galaxy at
-        <span class="c-dilation-tab__galaxy-threshold">1e308</span>
-        Dilated Time, gained total of
-        <span class="c-dilation-tab__galaxies">10</span>
-        galaxies
-      </span>
-      <button class="o-dilation-btn">Dilate Time.</button>
-      <div class="l-component-row">
-        <button class="o-dilation-upgrade o-dilation-upgrade--available">
-          Available Dilation Upgrade
-          <br>
-          Currently: 1e308x
-          <br>
-          Cost: 308 Dilated Time
-        </button>
-        <button class="o-dilation-upgrade o-dilation-upgrade--bought">
-          Bought Dilation Upgrade
-          <br>
-          Currently: 1e308x
-          <br>
-          Cost: 308 Dilated Time
-        </button>
-        <button class="o-dilation-upgrade o-dilation-upgrade--unavailable">
-          Unavailable Dilation Upgrade
-          <br>
-          Currently: 1e308x
-          <br>
-          Cost: 308 Dilated Time
-        </button>
-        <button class="o-dilation-upgrade o-dilation-upgrade--available o-dilation-upgrade--rebuyable">
-          Available Dilation Upgrade (rebuyable)
-          <br>
-          Currently: 1e308x
-          <br>
-          Cost: 308 Dilated Time
-        </button>
-        <button class="o-dilation-upgrade o-dilation-upgrade--unavailable o-dilation-upgrade--rebuyable">
-          Unavailable Dilation Upgrade (rebuyable)
-          <br>
-          Currently: 1e308x
-          <br>
-          Cost: 308 Dilated Time
-        </button>
-        <div style="display: flex; flex-direction: column">
-          <svg class="c-tachyon-container" style="width: 150px; height: 75px">
-            <circle r="2" cx="45" cy="60" class="o-tachyon-particle"></circle>
-            <circle r="2" cx="100" cy="60" class="o-tachyon-particle"></circle>
-            <circle r="2" cx="80" cy="10" class="o-tachyon-particle"></circle>
-          </svg>
-          <span>Tachyons</span>
-        </div>
-      </div>
-    </div>
-
-    <span>Texts</span>
-    <div class="c-component-block" style="flex-direction: column; flex-wrap: nowrap">
-      <span>You have <span class="c-game-header__antimatter">1e308</span> antimatter.</span>
-      <span>
-        You have <span class="c-infinity-dim-description__accent">1e308</span> infinity power.
-        Translated to <span class="c-infinity-dim-description__accent">1e308</span>x multiplier on all dimensions
-      </span>
-      <span>
-        You have <span class="c-time-dim-description__accent">1e308</span> Time Shards.
-        Next tickspeed upgrade at <span class="c-time-dim-description__accent">1e308</span>
-      </span>
-      <span class="c-replicanti-description">
-        You have <span class="c-replicanti-description__accent">1e308</span> replicanti.
-        Translated to <span class="c-replicanti-description__accent">1e308</span>x multiplier on all infinity dimensions
-      </span>
-    </div>
-
-
-    <span>Notifications</span>
-    <div class="c-component-block">
-      <div class="o-notification o-notification--info">Info</div>
-      <div class="o-notification o-notification--success">Success</div>
-      <div class="o-notification o-notification--error">Error</div>
-      <div class="o-notification o-notification--black-hole">Black Hole</div>
-    </div>
-
-    <span>Teresa</span>
-    <div class="c-component-block">
-        <div style="display: flex; flex-direction: column">
-          <div class="c-teresa-unlock c-teresa-run-button">Start a new reality. Time Theorem generation is disabled and you gain less Infinity Points and Eternity Points (x^0.55). The further you get the better the reward.<br><br>Multiplies power gained from glyph sacrifice by 1e308x, based on realities.</div>
-          <div class="c-teresa-unlock">Teresa Reality Machine pour unlock</div>
-          <div class="o-teresa-shop-button">Teresa perk point shop button</div>
-          <button class="o-primary-btn c-teresa-pour">Pour RM</button>
-        </div>
-      <div class="c-rm-store">
-        <div class="c-rm-store-inner" style="height: 100%;"><div class="c-rm-store-label"> 251.19x RM gain
-          <br>1.00e24/1.00e24
-          Leaking 0.00 RM/s</div></div> <div id="0" class="c-teresa-unlock-description" style="bottom: 58.33%;">
-          1.00e14: unlock Teresa's Reality.
-        </div><div id="1" class="c-teresa-unlock-description" style="bottom: 75%;">
-          1.00e18: unlock Teresa's Eternity Point generation.
-        </div><div id="2" class="c-teresa-unlock-description" style="bottom: 87.5%;">
-          1.00e21: unlock Effarig, Celestial of Ancient Relics.
-        </div><div id="3" class="c-teresa-unlock-description" style="bottom: 100%;">
-          1.00e24: unlock Perk Point Shop.
-        </div>
-      </div>
-    </div>
-
-  </div>
-</div>
-
-<div class="videocontainer">
-  <video autoplay muted loop id="stars" style="display: none;">
-    <source src="images/stars-bg.webm" type="video/webm">
-  </video>
-</div>
-
-<script src="../javascripts/core/keyboard.js"></script>
-<script>
-  const themes = [
-    'Normal',
-    'Metro',
-    'Dark',
-    'Dark Metro',
-    'Inverted',
-    'Inverted Metro',
-    'S1',
-    'S2',
-    'S3',
-    'S4',
-    'S5',
-    'S6',
-    'S7',
-    'S8',
-    'S9',
-    'S10',
-    'S11',
-  ];
-  const buttonContainer = document.getElementById("themes");
-  for (let theme of themes) {
-    const button = document.createElement("button");
-    button.textContent = theme;
-    button.onclick = () => setTheme(theme);
-    buttonContainer.appendChild(button);
-    if (theme !== "Normal") {
-      document.getElementById(theme).disabled = true;
-    }
-  }
-  let current = "Normal";
-  let newUI = true;
-  const savedTheme = localStorage.getItem("theme");
-  if (savedTheme) {
-    setTheme(savedTheme);
-  }
-  function setTheme(theme) {
-    if (theme === current) return;
-    const body = document.body;
-    const classList = body.classList;
-    if (classList.length === 1) {
-      classList.remove(classList[0]);
-    }
-    if (current !== "Normal") {
-      document.getElementById(current).disabled = true;
-    }
-    current = theme;
-    document.getElementById("current-theme").textContent = current;
-    localStorage.setItem("theme", theme);
-    if (theme === "Normal") {
-      return;
-    }
-    classList.add(`t-${theme.replace(/\s+/g, '-').toLowerCase()}`);
-    document.getElementById(theme).disabled = false;
-  }
-
-  Array.prototype.nextSiblingIndex = function(current) {
-    const currentIndex = this.indexOf(current);
-    if (currentIndex === -1)
-      throw "Current item is not in array";
-    return currentIndex === this.length - 1 ? 0 : currentIndex + 1;
-  };
-
-  Array.prototype.nextSibling = function(current) {
-    return this[this.nextSiblingIndex(current)];
-  };
-
-  Array.prototype.previousSiblingIndex = function(current) {
-    const currentIndex = this.indexOf(current);
-    if (currentIndex === -1)
-      throw "Current item is not in array";
-    return currentIndex === 0 ? this.length - 1 : currentIndex - 1;
-  };
-
-  Array.prototype.previousSibling = function(current) {
-    return this[this.previousSiblingIndex(current)];
-  };
-
-  GameKeyboard.bind("`", () => setTheme(themes.nextSibling(current)));
-  GameKeyboard.bind("shift+`", () => setTheme(themes.previousSibling(current)));
-</script>
-</body>
-</html>
