AntimatterDimensionsSourceCode/theme-preview.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.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 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>