forked from colbster937/DuckOS
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (132 loc) · 5.89 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Skyhax</title>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3407930819317243"
crossorigin="anonymous"></script>
<link rel="icon" type="image/x-icon" href="/media/favicons/skyhax.png">
<meta name="description" content="Skyhax - Leading the future of web technology and bypassing internet censorship.">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css" rel="stylesheet">
<link rel="stylesheet" href="/lib/styles/index.css" />
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div id="loader">
<div class="noflex">
<div class="loader">
<div style="--i: 1"></div>
<div style="--i: 2"></div>
<div style="--i: 3"></div>
<div style="--i: 4"></div>
</div>
<br>
<br>
<p style="color: white;">Imagine this loading animation is a actual good one while you wait ;)</p></div>
</div>
<div class="navbar">
<div class="logo" onclick="location.reload();">
<img onclick="location.reload();" class="logoimg animate__animated animate__rollIn animate__delay-3s" src="/media/logo.gif" alt="Logo">
</div>
<div class="buttons animate__animated animate__zoomIn animate__delay-3s">
<button class="button" onclick="scrollToSection('.home')">Home</button>
<button class="button" onclick="scrollToSection('.duck')">DuckOS</button>
<button class="button" onclick="scrollToSection('.kasm')">Kasm</button>
<button class="button" onclick="scrollToSection('.contact')">Contact</button>
<button class="button" onclick="scrollToSection('.ads')">Ad</button>
</div>
</div>
<div class="section home">
<div class="content">
<h1 class="animate__animated animate__backInDown animate__delay-3s">Welcome to Skyhax</h1>
<p class="animate__animated animate__backInUp animate__delay-3s">Leading the future of web technology, internet censorship bypassing and UI/UX design.</p>
</div>
</div>
<div class="section duck animate__animated animate__fadeIn animate__delay-3s">
<div class="content">
<h2>DuckOS</h2>
<p>A modern, futuristic looking operating system themed unblocking service with dynamic proxy links & tons of games! With an fake terminal emulator, app store, notes and more!</p>
<img class="duckss" src="/media/index/duckss.png">
<br>
<br>
<a href="/directories/duckos.html" id="fullscreenredirect">
<button class="btn" id="fullscreenredirect" role="button">Boot DuckOS</button>
</a>
<p>By using DuckOS, you agree to our <b><a href="/directories/tos.html">Terms of Service</a></b></p>
</div>
</div>
<div class="section kasm animate__animated animate__fadeIn animate__delay-3s">
<div class="content">
<h2>Kasm</h2>
<p>A free cloud computer right inside your browser! Run your favorite apps or operating systems right here!</p>
<img class="duckss" src="/media/index/kasmss.png">
<br>
<br>
<a href="https://98.51.32.204/" target="_blank">
<button class="btn" role="button">Go to Kasm</button>
</a>
<p>By using our Kasm server, you agree to our <b><a href="/directories/tos.html">Terms of Service</a></b></p>
</div>
</div>
<div class="section contact animate__animated animate__fadeIn animate__delay-3s">
<div class="content">
<h2>Contact</h2>
<p>Here are some of our socials you can contact us with</p>
<a href="https://discord.gg/MxRvwQjrAa">
<button class="btn" role="button" target="_blank">Discord Server</button>
</a>
<a href="https://github.com/GikitSRC/DuckOS">
<button class="btn" role="button" target="_blank">Github</button>
</a>
<a href="duckos.html">
<button class="btn" role="button" target="_blank">TikTok</button>
</a>
</div>
</div>
<div class="section ads animate__animated animate__fadeIn animate__delay-4s">
<div class="content">
<h2>Ad</h2>
<p>This single space for ads help keep the entire website funded. <br> Click on it if you wanna help us earn extra income ;)</p>
</div>
<iframe data-aa='2257126' src='//ad.a-ads.com/2257126?size=728x90' style='width:728px; height:90px; border:0px; padding:0; overflow:hidden; background-color: transparent;'></iframe>
</div>
<script>
function scrollToSection(sectionClass) {
const section = document.querySelector(sectionClass);
if (section) {
section.scrollIntoView({
behavior: 'smooth'
});
}
}
window.addEventListener('load', function() {
var loader = document.getElementById('loader');
var content = document.getElementById('content');
setTimeout(function() {
loader.classList.add('hide');
loader.style.display = 'none';
content.style.display = 'block';
document.body.style.overflow = 'auto';
}, 2500);
});
function setOverflowAuto() {
document.body.style.overflow = 'auto';
}
window.addEventListener('load', function() {
setTimeout(setOverflowAuto, 2500);
});
</script>
<script src='https://storage.ko-fi.com/cdn/scripts/overlay-widget.js'></script>
<script>
kofiWidgetOverlay.draw('chainedtears', {
'type': 'floating-chat',
'floating-chat.donateButton.text': 'Support me',
'floating-chat.donateButton.background-color': '#323842',
'floating-chat.donateButton.text-color': '#fff'
});
</script>
<script src="/lib/scripts/basic.js"></script>
</body>
</html>