blog_hacking/header.html at main · D1se0/blog_hacking · 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
<!-- header.html -->

<header class="header-wrapper">

    <nav class="header-nav mx-auto flex max-w-4xl items-center justify-between px-4 py-4">

        <!-- Logo -->
        <a href="index.html" class="header-logo flex items-center gap-3">
            <!-- SVG tipo terminal a la izquierda -->
            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="logo-svg">
                <path d="M5 7l5 5l-5 5" />
                <path d="M12 19l7 0" />
            </svg>

            <!-- Texto principal -->
            <span class="logo-main">diseo</span><span class="logo-at">@</span><span class="logo-main">hacker</span>

            <!-- Cursor parpadeante -->
            <span class="terminal-cursor">_</span>
        </a>

        <!-- Desktop nav -->
        <ul class="header-desktop hidden items-center gap-6 sm:flex">
            <li><a href="index.html" class="nav-link">Home</a></li>
            <li><a href="ctf.html" class="nav-link nav-accent">CTFs</a></li>
            <li><a href="tools.html" class="nav-link">Tools</a></li>
            <li><a href="reflections.html" class="nav-link">Reflections</a></li>
            <li><a href="enviroments.html" class="nav-link">Enviroments</a></li>
            <li><a href="cheatsheet.html" class="nav-link">CheatSheet</a></li>
        </ul>

    </nav>

    <!-- Mobile nav -->
    <div id="mobile-menu" class="hidden border-t sm:hidden">
        <ul class="flex flex-col gap-1 px-4 py-3">
            <li><a href="index.html" class="nav-link">Home</a></li>
            <li><a href="ctf.html" class="nav-link nav-accent">CTFs</a></li>
            <li><a href="tools.html" class="nav-link">Tools</a></li>
            <li><a href="reflections.html" class="nav-link">Reflections</a></li>
            <li><a href="enviroments.html" class="nav-link">Enviroments</a></li>
            <li><a href="cheatsheet.html" class="nav-link">CheatSheet</a></li>
        </ul>
    </div>

</header>