tarion/tarion.org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

mobile navbar

Browse source
This commit is contained in:
Patrick Schwarzer 2025-05-12 19:04:58 +02:00
parent 6846632d42
commit 4187790a4b
3 changed files with 163 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

25
index.html
View file

@ -4,6 +4,7 @@
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tarions Portfolio</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="index.css">
@ -30,8 +31,32 @@
</li>
</ul>
<button id="dark-mode-toggle" class="dark-mode-toggle"><i class="fa-solid fa-sun"></i></button>
<!-- Mobile Nav -->
<button id="mobile-nav-toggle" class="mobile-nav-toggle"><i class="fa-solid fa-bars"></i></i></button>
</nav>
</header>
<nav id="mobile-nav" class="mobile-nav">
<ul>
<li>
<a href="#">Home</a>
</li>
<li>
<a href="#projects">Projects</a>
</li>
<li>
<a href="#skills">Skills</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
<div class="links">
<button id="dark-mode-toggle-mobile" class="dark-mode-toggle-mobile"><i class="fa-solid fa-sun"></i></button>
<a href="https://git.tarion.org/"><i class="fa-brands fa-git-alt"></i></a>
<a href="https://github.com/pschwarzer20"><i class="fa-brands fa-github"></i></a>
</div>
</ul>
</nav>
<main>
<section id="home">