EH22/design
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Styleguide Update 1
All checks were successful
/ build (push) Successful in 12s
Details

Browse source
This commit is contained in:
kritzl 2025-04-05 23:50:54 +02:00
commit 93fdf66b0a
Signed by: kritzl
SSH key fingerprint: SHA256:5BmINP9VjZWaUk5Z+2CTut1KFhwLtd0ZynMekKbtViM
28 changed files with 696 additions and 74 deletions
Download patch file Download diff file Expand all files Collapse all files

142
styleguide/changelog/index.html Normal file
View file

@ -0,0 +1,142 @@
<!doctype html>
<html lang="en">
<head>
<script>
const setTheme = (theme) => {
theme ??= localStorage.theme || "system";
document.getElementById("themeLight").checked = theme === "light";
document.getElementById("themeDark").checked = theme === "dark";
localStorage.theme = theme;
};
document.addEventListener("DOMContentLoaded", function () {
setTheme();
});
</script>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="shortcut icon" href="../assets/image/favicon.png" />
<link
rel="stylesheet"
type="text/css"
href="../assets/style/styleguide.css"
/>
<title>Changelog</title>
</head>
<body>
<header>
<a href="/" id="backToWiki">
<img
src="../assets/image/logo_eventname_glow.svg"
class="header-image dark-only"
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."
/>
<img
src="../assets/image/logo_eventname_glow_off.svg"
class="header-image light-only"
alt="Logo of Easterhegg 2025. In the style of a unpowered 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 dimly glowing in a dark blue, everything else in a dark pink."
/>
</a>
</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="home"></i>Overview</a>
</li>
<li>
<a href="../colors"><i data-icon="pen"></i>Colors</a>
</li>
<li>
<a href="../typography"><i data-icon="font"></i>Typography</a>
</li>
<li>
<a href="../iconography"><i data-icon="info"></i>Iconography</a>
</li>
<li>
<a href="../logo"><i data-icon="hare_head"></i>Logo</a>
</li>
<li>
<a href="../glow"><i data-icon="lightbulb"></i>Glow</a>
</li>
<li>
<a href="../doodles"><i data-icon="looping"></i>Doodles</a>
</li>
<li>
<a href="../demopage"><i data-icon="code"></i>Demopage</a>
</li>
<li>
<a href="../generator"
><i data-icon="settings"></i>Image Generator</a
>
</li>
<li class="active">
<a href=""><i data-icon="history"></i>Changelog</a>
</li>
<li id="themeToggleDark" class="themeToggle">
<input
id="themeDark"
type="checkbox"
aria-label="Switch between dark and light mode"
/>
<label for="themeDark">
<i data-icon="lightbulb"></i>
</label>
</li>
<li id="themeToggleLight" class="themeToggle">
<input
id="themeLight"
type="checkbox"
aria-label="Switch between dark and light mode"
/>
<label for="themeLight">
<i data-icon="lightbulb"></i>
</label>
</li>
</ul>
</nav>
<main>
<h1>Changelog</h1>
<p>
Here you can see the list of changes we have made to the style guide
since the initial release:
</p>
<ul>
<li>
<b>2025-04-05 - Update 1</b>
<ul>
<li>
New pages: <a href="../doodles">Doodles</a>,
<a href="../changelog">Changelog</a>
</li>
<li>The page about glow is no longer WIP</li>
<li>New Color: <code>warning</code></li>
<li>New Icons: <code>paperplane</code> <code>looping</code></li>
<li>Updated icon: <code>fairydust</code></li>
<li>
Typography: update border color of <code>&lt;code&gt;</code>
</li>
</ul>
</li>
<li>
<p><b>2025-03-05 - Initial release</b></p>
</li>
</ul>
</main>
</div>
<script
src="../assets/script/styleguide.js"
type="text/javascript"
></script>
</body>
</html>