-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
84 lines (84 loc) · 4.84 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html>
<head>
<title>Exec Error</title>
</head>
<body onbeforeunload="save()">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="code.js"></script>
<link rel="stylesheet" href="style.css">
<div id="infotext1">
<p id="fadeAway1">You are gaining time. Spend it wisely</p>
</div>
<div>
<!--Settings-->
<button id="settingsButton" type="submit" style="border:0; background: transparent; position: absolute; right:10px">
<img src="/images/gear.png">
</button>
<div id="settingsMenu">
<!--Export/Import Saves-->
<div id="settingsContainer">
<button class="settingsContent button" id="exportS">Export Save</button>
<button class="settingsContent button" id="importS">Import Save</button> <br>
<!--Save Input/Output-->
<label for="saveText" class="settingsContent">Input/Output</label><br>
<textarea class="settingsContent input" id="saveText" rows="12" cols="60" style="resize: none"></textarea> <br>
<!--Toggle Events button-->
<button class="settingsContent button" id="toggleEvents">Toggle Event Logger <span class="settingsContent" id="toggleEventsShow"></span></button>
<!--Hard Reset button-->
<button class="settingsContent button" id="hardReset">Hard Reset</button>
<p class="settingsContent" id="resetWarning">WARNING! This will delete ALL of your progress</p>
<!--Close Settings-->
<button class="settingsContent" id="closeSettings" type="submit" style="background: transparent; padding: 0; border: outset; border-color: #1a2a3f; right: 10px; top: 5px; position: absolute">
<img src="/images/cross.png" style="width: 32px; height: 32px; padding: 0">
</button>
<!--Credits (Settings)-->
<button class="settingsContent button" id="creditsButton">Credits</button>
<div class="settingsContent" id="creditsContainer">
<button class="settingsContent button" id="closeCredits" type="submit" style="background: transparent; padding: 0; border: outset; border-color: #1a2a3f; right: 10px; position: absolute">
<img src="/images/cross.png" style="width: 32px; height: 32px; padding: 0">
</button>
<h1>Credits</h1>
<h2>Contributors</h2>
<a href="https://github.com/Iooob">Iob - Creator</a> <br>
<h2>Icons</h2>
<a href="https://www.flaticon.com/free-icons/gear" title="gear icons">Gear icons created by Freepik - Flaticon</a> <br>
<a href="https://www.flaticon.com/free-icons/close" title="close icons">Close icons created by Fuzzee - Flaticon</a> <br>
</div>
</div>
</div>
</div>
<!--Tell events-->
<div class="input" id="showEvents" style="position:fixed; width: 20%; height: 35%; top: 5%; right: 50%; overflow-y: scroll; margin: 30px auto; z-index: -5">
<div id="events" style="bottom: 10px; left: 0; vertical-align: bottom;"></div>
</div>
<!--Show how much time has been gained-->
<div id="showTime">
<button class="button" id="timeButton">Show Time</button>
<div id="timeContainer">
<ul id="timeList">
<li class="timeSlider" id="seconds"> <span id="tsSec"></span> Seconds </li> <br>
<li class="timeSlider" id="minutes"> <span id="tsMin"></span> Minutes</li> <br>
<li class="timeSlider" id="hours"> <span id="tsHour"></span> Hours</li> <br>
<li class="timeSlider" id="days"> <span id="tsDay"></span> Days</li> <br>
<li class="timeSlider" id="weeks"> <span id="tsWeek"></span> Weeks</li> <br>
<li class="timeSlider" id="months"> <span id="tsMonth"></span> Months</li> <br>
<li class="timeSlider" id="years"> <span id="tsYear"></span> Years</li> <br>
</ul>
</div>
<div id="totalSecContainer">
<p id="totalSec"><span id="tsTotalSec"></span> <span id="totalSecText"> Seconds</span></p>
</div>
</div>
<!--Upgrades-->
<div id="upgrades">
<button class="tooltip upgrade button" id="upButton1" type="input">Speed up time</button>
<p class="tooltiptext" id="up1"></p>
</div>
</body>
</html>
<!-- Cast your card! -->
<!--Comment! -->
<!--What if I put a comment here for every update I do? How many lines would there be?-->
<!--Setings and import/export saves -->
<!--Event Logger! 3/4/22-->