styleguide: move scripts, add mobile navigation, style generator
All checks were successful
/ build (push) Successful in 9s

This commit is contained in:
kritzl 2025-02-14 23:06:36 +01:00
commit fa75654b11
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
16 changed files with 390 additions and 112 deletions

View file

@ -10,16 +10,21 @@
<body>
<header>
<img src="../assets/image/logo_eventname_glow.svg" style="height: 200px; width: fit-content"/>
<img src="../assets/image/logo_eventname_glow.svg" class="header-image"
alt="Logo of Easterhegg 2025. In the style of a neon sign:
The text 'Unhandled Eggception Easterhegg 2025' with a line art of a hare and an egg.
The egg shell and the word 'Eggception' are glowing in a light blue, everything else in a bright pink."/>
</header>
<div>
<nav>
<button aria-label="Open Navigation"><i data-icon="menu-small"></i></button>
<ul>
<li class="link-back"><a href="/"><i data-icon="arrow-left"></i>Back to Wiki</a></li>
<li><a href="../"><i data-icon="info"></i>Overview</a></li>
<li><a href="../"><i data-icon="home"></i>Overview</a></li>
<li><a href="../colors"><i data-icon="info"></i>Colors</a></li>
<li><a href=""><i data-icon="info"></i>Typography</a></li>
<li class="active"><a href=""><i data-icon="info"></i>Typography</a></li>
<li><a href="../demopage"><i data-icon="info"></i>Demopage</a></li>
<li><a href="../generator"><i data-icon="info"></i>Image Generator</a></li>
</ul>
</nav>
<main>
@ -88,9 +93,7 @@
</div>
</main>
</div>
<script>
</script>
<script src="../assets/script/styleguide.js" type="text/javascript"></script>
</body>
</html>