-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.html
executable file
·105 lines (90 loc) · 3.42 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
<!DOCTYPE html>
<html lang="en">
<!-- HTML comments suck -->
<head>
<meta charset="utf-8">
<title>~</title>
<link rel="icon" type="image/x-icon" href="assets/favicon.svg">
<link rel="stylesheet" href="general.css">
</head>
<body>
<div class="main">
<div class="image-wrapper">
<div id="slideshow"></div>
</div>
<br>
<div id="dots" style="text-align:center"></div>
<header>
<br>
<h1>おかえりなさいませ, <span class="flair">X A M P</span></h1>
</header>
<br>
<br>
<nav>
<ul class="blue">
<a class="nav-title">Social</a>
<li><a href="https://www.facebook.com/">Facebook</a></li>
<li><a href="https://www.youtube.com/">YouTube</a></li>
<li><a href="https://www.reddit.com/">Reddit</a></li>
<li><a href="https://www.x.com/">X</a></li>
</ul>
<ul class="red">
<a class="nav-title">Anime</a>
<li><a href="https://anitaku.pe/home.html">Gogoanime</a></li>
<li><a href="https://www.animegg.org/">AnimeGG</a></li>
<li><a href="https://myanimelist.net/">MyAnimeList</a></li>
<li><a href="https://nyaa.si/">Nyaa</a></li>
</ul>
<ul class="green">
<a class="nav-title">Pirate</a>
<li><a href="https://www.bitsearch.to/">Bitsearch</a></li>
<li><a href="https://torrentbay.st/">Torrent Bay</a></li>
<li><a href="https://yts.torrentbay.st/">YTS</a></li>
<li><a href="https://filecr.com/">FileCR</a></li>
</ul>
<ul class="yellow">
<a class="nav-title">Misc</a>
<li><a href="https://drive.filen.io/">Filen</a></li>
<li><a href="https://github.com/">Github</a></li>
<li><a href="https://amazon.in/">Amazon</a></li>
<li><a href="https://gmail.com/">Gmail</a></li>
</ul>
</nav>
<div class="codes" id="codes"></div>
<script>
const imagePath = 'assets/';
const len = 23;
const images = Array.from({ length: len }, (_, i) => `side${i + 1}.gif`);
let slideIndex = Number(localStorage.getItem('slideIndex')) || 1;
const slideshow = document.getElementById('slideshow');
const dots = document.getElementById('dots');
images.forEach((img, i) => {
slideshow.innerHTML += `<div class="mySlides fade"><img src="${imagePath}${img}" alt="Slide ${i + 1}" style="cursor:pointer;" onclick="changeSlide(1)"></div>`;
dots.innerHTML += `<span class="reqdVar" onclick="setSlide(${i + 1})"></span>`;
});
function changeSlide(n) {
setSlide(slideIndex += n);
}
function setSlide(n) {
const slides = document.getElementsByClassName("mySlides");
const dots = document.getElementsByClassName("reqdVar");
slideIndex = (n > slides.length) ? 1 : (n < 1) ? slides.length : n;
[...slides].forEach(s => s.style.display = "none");
[...dots].forEach(d => d.classList.remove("active"));
slides[slideIndex - 1].style.display = "block";
dots[slideIndex - 1].classList.add("active");
localStorage.setItem('slideIndex', slideIndex);
}
function updateClock() {
const now = new Date();
const day = now.toLocaleDateString('en-GB', { weekday: 'long' }).toUpperCase();
const dateString = `${day} ${now.toLocaleDateString()} ${now.toLocaleTimeString('en-GB', { hour: '2-digit', minute: '2-digit', second: '2-digit' })}`;
document.getElementById('codes').textContent = dateString;
setTimeout(updateClock, 1000);
}
setSlide(slideIndex);
updateClock();
</script>
</div>
</body>
</html>