38 lines
1.1 KiB
HTML
38 lines
1.1 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<title>LimePot's Portfolio</title>
|
||
|
|
<link rel="stylesheet" href="style.css">
|
||
|
|
</head>
|
||
|
|
<body class="darkmode">
|
||
|
|
<header>
|
||
|
|
<h1>LimePot's Portfolio</h1>
|
||
|
|
<nav>
|
||
|
|
<ul>
|
||
|
|
<li><a href="/">Home</a></li>
|
||
|
|
<li><a href="/about">About</a></li>
|
||
|
|
<li><a href="/portfolio">Portfolio</a></li>
|
||
|
|
<li><a href="/contact">Contact</a></li>
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
<button id="toggle-dark-light-mode">Toggle Dark/Light Mode</button>
|
||
|
|
</header>
|
||
|
|
<main>
|
||
|
|
<h2>Welcome to my Portfolio!</h2>
|
||
|
|
<p>Here you can find information about me and my projects.</p>
|
||
|
|
<p>Click on the links in the navigation bar above to learn more.</p>
|
||
|
|
</main>
|
||
|
|
<footer>
|
||
|
|
<p>Copyright 2022 LimePot</p>
|
||
|
|
</footer>
|
||
|
|
<script>
|
||
|
|
const toggleButton = document.getElementById('toggle-dark-light-mode');
|
||
|
|
toggleButton.addEventListener('click', () => {
|
||
|
|
document.body.classList.toggle('darkmode');
|
||
|
|
document.body.classList.toggle('lightmode');
|
||
|
|
});
|
||
|
|
</script>
|
||
|
|
</body>
|
||
|
|
</html>
|