mirror of
https://github.com/IvarK/AntimatterDimensionsSourceCode.git
synced 2024-09-20 11:01:45 +00:00
Nuke slider_test.html and theme-preview.html
This commit is contained in:
parent
47e4520458
commit
5ec5dc7b8c
|
@ -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>
|
|
@ -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>
|
Loading…
Reference in New Issue
Block a user