visuphy.github.io/header.html at main · visuphy/visuphy.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
<header>
    <div class="header-container">
        <div class="header-left">
            <a href="/">
                <img src="/logo.png" alt="VisuPhy Logo" class="header-logo">
                <span>VisuPhy <span id="header-snowflake" class="holiday-accent">❄</span></span>
            </a>
        </div>

        <button class="mobile-nav-toggle" aria-controls="primary-navigation" aria-expanded="false">
            <span class="sr-only">Menu</span>
            <div class="hamburger-icon">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
            </div>
        </button>

        <nav class="header-nav" id="primary-navigation" data-visible="false">
            <a href="/" class="nav-link">Simulations</a>
            <a href="/about-visuphy.html" class="nav-link">About</a>
            <a href="https://github.com/visuphy" target="_blank" class="nav-link">
                <i class="fab fa-github"></i> GitHub
            </a>
            <a href="https://www.youtube.com/channel/UCyI-ZwieDaHM0x-Z5c3C07g" target="_blank" class="nav-link">
                <i class="fab fa-youtube"></i> YouTube
            </a>
        </nav>
    </div>
</header>