d98jay.github.io/index.html at master · D98Jay/d98jay.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<link rel="icon" type="image/png" href="/pwa/favicon-96x96.png" sizes="96x96" />
	<link rel="icon" type="image/svg+xml" href="/pwa/favicon.svg" />
	<link rel="icon" type="image/x-icon" href="favicon.ico">
	<link rel="shortcut icon" type="image/x-icon" href="/pwa/favicon.ico" />
	<link rel="apple-touch-icon" sizes="180x180" href="/pwa/apple-touch-icon.png" />
	<link rel="manifest" href="/pwa/site.webmanifest" />

	<title>Bao Do's Portfolio</title>
	<meta name="apple-mobile-web-app-title" content="Bao Do's Portfolio" />

	<!-- Link to the CSS file -->
	<link rel="stylesheet" href="/assets/css/main.css">

	<!-- Link to the JS file -->
	<script src="/assets/js/updateTheme.js"></script>
</head>

<body>
	<!-- Header section -->
	<header>
		<h1>My Website</h1>
		<h2>Example template</h2>
	</header>

	<!-- Main content section -->
	<main>
		<br>
		<p>This is some content for my website.</p>
		<br>
		<button class="btn-default" onclick="updateTheme('dark')">Toggle dark mode</button>
		<br>
		<button onclick="updateTheme('light')">Toggle light mode</button>
		<br>
		<button onclick="updateTheme('system')">Toggle system mode</button>
	</main>

	<!-- Footer section -->
	<footer>
		<p>© 2024 My Website. All rights reserved.</p>
	</footer>

</body>
</html>