-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex copy.html
89 lines (80 loc) · 3.59 KB
/
index copy.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
<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">
<head>
<title>Lun Chok</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="images/chok.ico">
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/loading-screen.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<script src="assets/js/anime.min.js"></script>
<script src="assets/js/cv.js"></script>
<script src="https://kit.fontawesome.com/429b3baa16.js" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<link rel="icon" href="images/chok.ico">
<script>
$(document).ready(function() {
$(".btn").click(function() {
var href = $(this).attr("href");
if (href) {
window.location = href;
}
});
});
</script>
</head>
<body>
<div id="loading-screen-placeholder"></div>
<div class="container p-5 text-center">
<h1 class="h1">Hello Universe</h1>
<p class="lead">I'm hosted with GitHub Pages.</p>
<button type="button" class="col-12 col-sm-8 col-md-6 col-lg-4 col-xl-3 btn btn-outline-danger text-uppercase" href="/games/firstgame/part10.html" target="_blank">
play
</button>
<p><span class="my-3 badge bg-danger rounded-pill">2023</span> </p>
<p class="h4">This is my playground</p>
<p>
<span class="spinner-border spinner-border-sm text-secondary me-2"></span>
<t class="lead">I'm constantly working and experimenting on this site</t>
</p>
</div>
<div class="container-fluid bg-light text-center p-3 my-3">
<figure>
<blockquote class="blockquote">
<p>this place is kind of ****</p>
</blockquote>
<figcaption class="blockquote-footer">
Taiyō Matsumoto <cite title="Source Title">Tekkonkinkeet</cite>
</figcaption>
</figure>
</div>
<div class="container text-center">
<button type="button" class="btn btn-primary" data-bs-toggle="collapse" data-bs-target="#demo" href="#demo">Simple collapsible</button>
<div id="demo" class="collapse">
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
</div>
<button id="dark-mode-switch" class="btn btn-light dark-mode-switch">
<i id="dark-mode-switch-icon" class="bi"></i>
</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<script>
// Load the footer using AJAX
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("footer-placeholder").innerHTML = this.responseText;
}
};
xhttp.open("GET", "footer.html", true);
xhttp.send();
</script>
<script src="assets/js/loading-screen.js"></script> <!-- Loading screen JS -->
</body>
<div id="footer-placeholder"></div>
</html>