-
Notifications
You must be signed in to change notification settings - Fork 590
/
index.html
executable file
·281 lines (252 loc) · 15.9 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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
<html lang="en">
<head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-7FN7LEVWXD"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-7FN7LEVWXD');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="/images/ico.ico" type="image/x-icon">
<link rel="stylesheet" href="/storage/css/index.css">
<title>Home | Seraph</title>
<meta name="description" content="an open source games site hosting 500+ games, useful utilities, powerful settings + a clean user interface">
<meta property="og:site_name" content="seraph">
<meta property="og:title" content="seraph">
<meta property="og:type" content="website">
<meta property="og:description" content="an open source games site hosting 500+ games, useful utilities, powerful settings + a clean user interface">
</head>
<body>
<div id="blackout"></div>
<div id="updPopup">
<img src="/images/other/v10image.jpg" style="width: 90%;">
<br><br>
<h2 style="font-size: 28px; text-decoration: underline;">version 10 / patch notes</h2>
<div id="updContent">
<ul style="text-align: left;">
<li>offline mode
<ul>
<li>download 200+ games from the site by clicking the download button to the left of them</li>
<li>after one game is downloaded, loading the site without an internet connection will send you to an offline version on the site where you can access downloaded games</li>
<li>supports ruffle/flash + works seamlessly with compatible games</li>
</ul>
</li>
<li>added 132 games
<li>sega genesis: comix zone, ecco the dolphin, gunstar heroes, phantasy star iv, ranger x, ristar, shining force, shinobi iii, sonic the hedgehog, sonic the hedgehog 2, streets of rage 2, vectorman, vectorman 2</li>
<li>game boy: kirby’s dreamland 2, link’s awakening dx, metroid ii, super mario land 2, warioland ii, castlevania: aria of sorrow, final fantasy tactics advance, drill dozer, pokemon yellow</li>
<li>nes: battle toads, castlevania iii, contra, duck tales, kid icarus, mega man 2, ninja gaiden, mike tyson’s punch out</li>
<li>snes: chrono trigger, contra iii, donkey kong country 3, earthbound, final fantasy iv, f-zero, super metroid, illusion of gaia</li>
<li>n64: banjo tooie, harvest moon 64, jet force gemini, mystical ninja, turok dinosaur hunter, yoshi’s story</li>
<li>nintendo ds: advance wars: days of ruin, castlevania: dawn of sorrow, castlevania: order of ecclesia, mario and luigi: partners in time</li>
</li>
<li>flash games: abuda the alien, battle beavers, controlcraft 2, age of war, age of war 2, amorphous, bubble spinner, crush the castle, crush the castle 2, epic battle fantasy, epic battle fantasy 2, epic battle fantasy 3, fancy pants adventure 3, flood runner 2, flood runner 3, dragon boy 2, neon rider, pandemic 2, stick war, stick war 2, ultimate flash sonic, zombocalpyse, zombotron, zombotron 2, three line, bike champ, bike champ 2, corporation inc, shop empire fable, wubzzy’s amazing adventure</li>
<li>nitrome games: canopy, cave chaos, changetype(), cheese dreams, chisel, chisel 2, ditto, feed me, final ninja, frost bite, frost bite 2, ice breaker, mutiny, nitrome must die, oodlegobs, super treadmill, swindler, test subject arena, test subject complete, twin shot, twin shot 2</li>
<li>flipline games: cactus mccoy, cactus mccoy 2, papa louie, papa louie 2, papa louie 3, steak and jake, steak and jake: midnight march</li>
<li>other games: backrooms 2d, basket random, csgo clicker, doom, funny shooter 2, gun fest, infinite craft, lows adventures 2, pako highway, recoil, run 3 plus, slope city, state io, sudoku, superhero drop, balloon run, crazy tunnel 3d, eaglercraft 1.8, geometry dash sky, gold digger frvr, hexgl, house of hazards, pick crafter, precision client, subway runner, xx142-b2.exe</li>
</ul>
</li>
<li>added 4 apps:</li>
<ul>
<li>calculator: a simple calculator, allowing you to perform simple addition, subtraction, multiplication and division</li>
<li>etch a sketch: create digital pixel drawings - mimicking the experience of an etch-a-sketch with quality of life features</li>
<li>zip opener: directly upload and view/download individual files inside a zip archive</li>
<li>godoblocks: a mimick of the 2005 roblox beta era - recreated entirely in godot</li>
</ul>
</li>
<li>fixed friday night funkin & drift hunters</li>
</ul>
</li>
<br>
<li>settings overhaul
<ul>
<li>new data management section
<ul>
<li>import/export data into save files, allowing for transfer over multiple sites</li>
<li>clear all data off the site with the clear data button</li>
</ul>
</li>
<li>new panic mode
<ul>
<li>customise a panic key (defaults to ctrl+shift+p)</li>
<li>customise a panic url (defaults to https://www.desmos.com/scientific)</li>
<li>perform the shortcut on any page to instantly delete all contents of the site and redirect to the panic url</li>
</ul>
</li>
<li>custom theme updates
<ul>
<li>added ability to export and import custom themes directly into the site, allowing for ease of access switching + sharability</li>
<li>custom themes now do not require a refresh of the page every time</li>
</ul>
</li>
<li>new theme: ghostly - an abandoned town, said to be haunted by spirits lurking within</li>
<li>added open games in same tab setting</li>
<li>fixed tab cloaking not working on lots of pages, now works globally</li>
<li>tab cloak and resetting auto applies now with page refresh</li>
<li>removed tooltips to condense space</li>
<li>significantly improved animation</li>
</ul>
</li>
<li>seraphim - mobile update
<ul>
<li>mobile version is now detachable from seraph and can be hosted separately</li>
<li>converted games and apps from buttons to app icons for a more unique interface</li>
<li>blurred all theme backgrounds to help contrast content more on smaller screens</li>
<li>now integratable with ios! open seraphim in safari > more > add to home page</li>
<li>setting bars now stack instead of appearing next to each other</li>
<li>games are now sorted in alphabetical order</li>
<li>custom themes are now compatible with mobile mode</li>
<li>mobile now uses new and consolidated stylesheet</li>
<li>scripts on page now execute in one instead of being fragmented</li>
<li>removed games/apps opening in a blank tab</li>
<li>adjusted meta tags to fit the site</li>
</ul>
</li>
<li>updates page
<ul>
<li>update log page is now a dropdown menu instead of a long page - scales down from version 10 all the way to version 1</li>
<li>improved animation on page load</li>
<li>fixed header glowing bug on page, making a weird background effect</li>
</ul>
</li>
<li>other changes
<ul>
<li>homepage now has dedicated big settings button</li>
<li>shrunk down app size slightly</li>
<li>added update popup for whenever there is a new update - shown on the homepage</li>
<li>404 page now has a previous page button</li>
<li>fixed errors with 404 page styling, images and fonts</li>
<li>fixed errors with 404 linkbar links redirecting to wrong parts of the site</li>
<li>mobile users are now not automatically redirected to the mobile friendly version of the site on the homepage</li>
<li>background image bandwidth has been significantly downgraded by 50-90%</li>
<li>game thumbnails total bandwidth reduced significantly (19.2mb > 2.2mb)</li>
<li>favicon is now improved to give a more rounded design</li>
<li>fixed homepage size on mozilla browsers</li>
<li>star/cross icon is now an image icon instead of using unicode characters</li>
<li>themes.css now is used in place of having all stylesheets have different schemes</li>
<li>polished readme file, adding more content to it and removing unnecessary information</li>
<li>changed placeholder image (displays when there is no current thumbnail for a game)</li>
<li>css stylesheets have been renamed to make it easier to sort through</li>
</ul>
</li>
</ul>
</div>
<div id="updConfirmFrame"><button id="updConfirm">okay</button></div>
</div>
<div class="content-side">
<h1 class="typewriter"><span id="cursor"></span></h1>
<h2>version 10 / release build</h2>
<br>
<div class="button-container">
<div class="gamesbutton" onclick="window.location='games/index.html';">
<img src="images/other/controller.png">
<div class="button-text">
<p>games</p>
</div>
</div>
<div class="gamesbutton" onclick="window.location='apps/index.html';">
<a href="apps/index.html"><img src="images/other/apps.png"></a>
<div class="button-text">
<p>apps</p>
</div>
</div>
<div class="gamesbutton" onclick="window.location='settings.html';">
<a href="settings.html"><img src="images/other/settings.png"></a>
<div class="button-text">
<p>settings</p>
</div>
</div>
</div>
<br>
<p class="linkp"><a href="/seraphim/index.html">mobile</a> • <a href="host.html">rehost</a> • <a id="openBlankLink">open blank</a></p>
<p class="linkp"><a href="https://discord.gg/ZyZDmx3zuQ" target="_blank">discord</a> • <a href="updatelog.html">update log</a> • <a href="https://github.com/a456pur/seraph" target="_blank">source code</a> </p>
<br>
<a href="https://github.com/a456pur" target="_blank" style="text-decoration: none;">˗ˏˋ❀ website created/developed by @a456pur ❀ ´ˎ˗</a>
</div>
<script>
if ('serviceWorker' in navigator) {
window.addEventListener('load', function() {
navigator.serviceWorker.register('/offline-worker.js').then(function(registration) {
console.log('service worker initalised! scope:', registration.scope);
navigator.serviceWorker.addEventListener('message', function(event) {
if (event.data === 'cached') {
document.getElementById('cache-status').style.display = 'block';
}
});
}, function(error) {
console.log('ack, error with serviceworker! ', error);
});
});
}
</script>
<script>
document.addEventListener('DOMContentLoaded', function () {
if (!localStorage.getItem('v10-update')) {
document.getElementById('blackout').style.display = 'block';
document.getElementById('updPopup').style.display = 'block';
localStorage.setItem('v10-update', 'true');
}
document.getElementById('updConfirm').addEventListener('click', function () {
document.getElementById('blackout').style.display = 'none';
document.getElementById('updPopup').style.display = 'none';
});
});
</script>
<script>
const text = "seraph";
const typingDelay = 500;
const initialDelay = 100;
const cursor = document.getElementById("cursor");
const h1 = document.querySelector(".typewriter");
function type() {
setTimeout(() => {
for (let i = 0; i < text.length; i++) {
setTimeout(() => {
h1.textContent += text[i];
if (i === text.length - 1) {
cursor.style.display = "none";
}
}, i * typingDelay);
}
}, initialDelay);
}
type();
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var openBlankLink = document.getElementById('openBlankLink');
openBlankLink.addEventListener('click', function(event) {
event.preventDefault();
var newTab = window.open('about:blank', '_blank');
if (newTab) {
var newTabBody = newTab.document.body;
newTabBody.style.padding = '0';
newTabBody.style.margin = '0';
newTabBody.style.border = 'hidden';
var iframe = document.createElement('iframe');
iframe.src = window.location.href;
iframe.style.width = '100%';
iframe.style.height = '100%';
iframe.style.border = 'hidden';
iframe.onload = function() {
var links = iframe.contentDocument.querySelectorAll('a[target="_blank"]');
links.forEach(function(link) {
link.addEventListener('click', function(event) {
event.preventDefault();
iframe.contentWindow.location.href = link.href;
});
});
};
newTab.document.body.appendChild(iframe);
} else {
alert("couldn't manage to open a new tab :(");
}
});
});
</script>
<script src="storage/js/cloak.js"></script>
<script src="storage/js/theme.js"></script>
<script src="storage/js/cookie.js"></script>
</body>
</html>