-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
162 lines (149 loc) · 6.43 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
<!DOCTYPE html>
<html lang="en"><head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="keywords" content="Soar Client, Soar Client, What is the Soar Client?, Screenshots">
<meta name="description" content="A modern and next-generation Minecraft PvP client that offers the best PvP experience and various mods.">
<link rel="icon" type="image/x-icon" href="./img/soar.png">
<title>Soar Client | The best modern PVP client</title>
<link rel="stylesheet" href="style.css">
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Soar Website",
"logo": "images/soarlogo.png"
}</script>
</head>
<body>
<!-- aldesssc https://github.com/AldessScratch/Soar-Client-Website-->
<div class="topsection">
<div class="navbar">
<img onclick="location.href = './'" src="./img/soar.png" alt="soarlogo">
<h5 onclick="location.href = './'">Soar Client</h5>
<div class="socials">
<img onclick="window.open('https://discord.gg/soar-client-967307105516281917')" src="./img/discord.png" alt="discord">
<img class="x" onclick="window.open('https://twitter.com/EldoDebug')" src="./img/x.png" alt="x">
<img onclick="window.open('https://space.bilibili.com/1472638140')" src="./img/bilibili.png" alt="bilibili">
<img onclick="window.open('https://www.youtube.com/channel/UCJYcrccMmfPw3-0EZneKNEA')" src="./img/youtube.png" alt="youtube">
</div>
</div>
<div class="main">
<div class="centertext">
<img src="./img/soar.png" alt="soarlogo">
<h1>Soar Client</h1>
<h2>The best modern and next-generation Minecraft PvP client</h2>
</div>
<div class="cards">
<div class="card">
<i class='bx bx-show'></i>
<p class="big">Modern Design</p>
</div>
<div class="card">
<i class='bx bx-tachometer'></i>
<p>FPS Boost</p>
</div>
<div class="card">
<i class='bx bxs-t-shirt'></i>
<p>Free capes</p>
</div>
<div class="card">
<i class='bx bxs-grid-alt' ></i>
<p>1OO+ mods</p>
</div>
</div>
<div class="buttons">
<button class="dl" onclick="location.href = 'download'"><i class='bx bxs-download'></i> Download</button>
<button class="discord" onclick="window.open('https://discord.gg/soar-client-967307105516281917')"><i class='bx bxl-discord-alt' ></i> Join the Discord</button>
</div>
</div>
</div>
<div class="wii">
<h1 class="title">What is Soar Client</h1>
<h2 class="sectitle">It is a client that features a very modern design and numerous functionalities</h2>
<iframe class="ytbvideo hidden" src="https://www.youtube.com/embed/nmYAnzYw0CI?si=s9fFH4C1CIITEXe4;controls=0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<div class="screens">
<!-- Ty w3school -->
<h1 class="title2">Screenshots</h1>
<div class="slideshow-container">
<div class="mySlides fade">
<img onclick="window.open('./img/mainmenu.png')" src="./img/mainmenu.png" style="width:100%">
<div class="text">Main menu</div>
</div>
<div class="mySlides fade">
<img onclick="window.open('./img/modmenu.png')" src="./img/modmenu.png" style="width:100%">
<div class="text">Mods menu</div>
</div>
<div class="mySlides fade">
<img onclick="window.open('./img/capemenu.png')" src="./img/capemenu.png" style="width:100%">
<div class="text">Cape menu</div>
</div>
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<br>
<div style="text-align:center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
</div>
</div>
<footer>
<p class="center">Client GUI inspired by Tenacity and Rise | Website made by <a href="http://github.com/aldessscratch">aldesssc</a></p>
<div class="bottomfooter">
<p class="left">© Copyright 2021-2025 Soar Client</p>
<p class="right" onclick="location.href = '../legal'">Indication based on the Act on Specified Commercial Transactions</p>
</div>
</footer>
<script>
// Show a popup warning the user about the redirection
alert("While V8 is in development we recommend you use GlideClient. We will redirect you!");
// Delay and then redirect
setTimeout(() => {
window.location.href = "https://glideclient.github.io/"; // Change this to your desired URL
}, 2000); // 2000 milliseconds = 2 seconds
</script>
<script>
let slideIndex = 1;
showSlides(slideIndex);
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
let i;
let slides = document.getElementsByClassName("mySlides");
let dots = document.getElementsByClassName("dot");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
}
</script>
<script>
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.classList.add('fadein-animation');
}
});
});
observer.observe(document.querySelector('.centertext'));
observer.observe(document.querySelector('.cards'));
observer.observe(document.querySelector('.title'));
observer.observe(document.querySelector('.sectitle'));
observer.observe(document.querySelector('.title2'));
observer.observe(document.querySelector('.ytbvideo'));
observer.observe(document.querySelector('.slideshow-container'));
</script>
</body>
</html>