forked from a456pur/seraph
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·125 lines (101 loc) · 5.08 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
<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/index6.css">
<title>Home | Seraph</title>
<meta name="description" content="seraph; an open source unblocked games website hosting 250+ games with downloadable support, a clean and centralised user interface and no iframe embedding">
<meta property="og:site_name" content="seraph">
<meta property="og:title" content="seraph">
<meta property="og:type" content="website">
<meta property="og:description" content="seraph; an open source unblocked games website hosting 250+ games with downloadable support, a clean and centralised user interface and no iframe embedding">
</head>
<body>
<div class="content-side">
<h1 class="typewriter"><span id="cursor"></span></h1>
<h2>version 8.2 / 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>
<br>
<p class="linkp"><a href="settings.html">settings</a> • <a href="updatelog.html">updates</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 server</a> • <a href="https://github.com/a456pur/seraph" target="_blank">source code</a> • <a href="data.html">policy</a></p>
<br>
<a href="https://github.com/a456pur" target="_blank" style="text-decoration: none;">˗ˏˋ❀ website created & developed by @a456pur ❀ ´ˎ˗</a>
</div>
<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>
</body>
</html>