mirror of
https://github.com/IvarK/AntimatterDimensionsSourceCode.git
synced 2024-11-21 19:42:17 +00:00
856 lines
32 KiB
HTML
856 lines
32 KiB
HTML
<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 Metro.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 Metro.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 rel="stylesheet" type="text/css" href="stylesheets/time-studies.css">
|
|
<style>
|
|
body {
|
|
height: auto;
|
|
}
|
|
|
|
.c-component-block {
|
|
padding: 10px;
|
|
border: 1px 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>
|
|
<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="container">
|
|
<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="tabbtn">Primary tab</button>
|
|
<button class="o-btn o-btn--secondary-tab">Secondary tab</button>
|
|
<button class="tabbtn infinitytabbtn">Infinity tab</button>
|
|
<button class="tabbtn eternitytabbtn">Eternity tab</button>
|
|
<button class="tabbtn realitytabbtn" style="display: flex;">Reality tab</button>
|
|
<button class="tabbtn celestialtabbtn" 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-btn o-prestige-btn--big-crunch">
|
|
<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-btn o-prestige-btn--big-crunch">
|
|
<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-btn o-prestige-btn--eternity">
|
|
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-btn o-prestige-btn--eternity">
|
|
<b>I need to become Eternal.</b>
|
|
<br>
|
|
Gain <b>1e308</b> 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-btn o-prestige-btn--eternity">
|
|
Gain <b>1e308</b> 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-btn o-prestige-btn--eternity">
|
|
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-btn o-prestige-btn--eternity">
|
|
Gain <b>1e308</b> 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-btn o-prestige-btn--eternity">
|
|
Gain <b>1e308</b> 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-btn o-prestige-btn--eternity">
|
|
Gain <b>1e308</b> 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-btn o-prestige-btn--eternity">
|
|
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-btn o-prestige-btn--eternity">
|
|
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-btn o-prestige-btn--eternity">
|
|
Other challenges await...
|
|
<br>
|
|
3 completions on Eternity.
|
|
<br>
|
|
(Too many infinities for more)
|
|
</button>
|
|
</div>
|
|
<button class="o-primary-btn o-primary-btn--new-dim" style="position: static;">
|
|
<b>Get 1e308 antimatter to unlock a new Dimension.</b>
|
|
</button>
|
|
<button class="o-primary-btn o-primary-btn--disabled o-primary-btn--new-dim" 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--normal-dim">
|
|
Available Normal Dimension Study
|
|
<br>
|
|
Currently: 1e308
|
|
<br>
|
|
Cost: 308 Time Theorems
|
|
</button>
|
|
<button class="o-time-study o-time-study--normal-dim o-time-study--bought">
|
|
Bought Normal Dimension Study
|
|
<br>
|
|
Currently: 1e308
|
|
<br>
|
|
Cost: 308 Time Theorems
|
|
</button>
|
|
<button class="o-time-study o-time-study--normal-dim o-time-study--unavailable">
|
|
Unavailable Normal 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>Normal 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--normal-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--normal-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 free 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. TT generation is disabled and you gain less IP and EP (x^0.6). 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 EP 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/s6-bg.webm" type="video/webm">
|
|
</video>
|
|
</div>
|
|
|
|
<script src="javascripts/lib/mousetrap.min.js"></script>
|
|
<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',
|
|
];
|
|
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>
|