Add wiki dump and instructions

This commit is contained in:
jtbx 2026-01-02 22:57:08 +01:00
commit 37f9cc3fd1
449 changed files with 44307 additions and 0 deletions

View file

@ -0,0 +1,469 @@
<!DOCTYPE html>
<html class="edge no-js" lang="de-informal" dir="ltr">
<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.0" />
<meta name="generator" content="DokuWiki"/>
<meta name="robots" content="index,follow"/>
<meta name="keywords" content="network"/>
<link rel="start" href="index.html"/>
<link rel="contents" href="network%3Fdo=index.html" title="Übersicht"/>
<link rel="manifest" href="lib/exe/manifest.php" crossorigin="use-credentials"/>
<link rel="alternate" type="text/html" title="Reines HTML" href="_export/xhtml/network.html"/>
<link rel="canonical" href="network.html"/>
<link rel="stylesheet" href="lib/exe/css.php%3Ft=sprintdoc&amp;tseed=e7f5e28d09bfa8cf5d99691065d9f491.css"/>
<link rel="alternate" hreflang="en" href="./en:network.html"/>
<link rel="alternate" hreflang="x-default" href="network.html"/>
<script >var NS='';var JSINFO = {"plugins":{"edittable":{"default columnwidth":""}},"template":{"sprintdoc":{"sidebar_toggle_elements":"h1,h2,h3,h4,h5"}},"id":"network","namespace":"","ACT":"show","useHeadingNavigation":1,"useHeadingContent":1};(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>
<script src="lib/exe/jquery.php%3Ftseed=8faf3dc90234d51a499f4f428a0eae43" defer="defer"></script>
<script src="lib/exe/js.php%3Ft=sprintdoc&amp;tseed=e7f5e28d09bfa8cf5d99691065d9f491&amp;lang=de-informal" defer="defer"></script>
<title>Netzwerk [EH22 - Easterhegg 2025]</title>
<script type="text/javascript">(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script>
<link rel="shortcut icon" href="_media/wiki:favicon.ico%3Fcrop=1" />
<link rel="apple-touch-icon" sizes="57x57" href="_media/wiki:favicon.ico%3Fw=57&amp;h=57&amp;crop=1&amp;tok=a0e638" />
<link rel="apple-touch-icon" sizes="60x60" href="_media/wiki:favicon.ico%3Fw=60&amp;h=60&amp;crop=1&amp;tok=aa4218" />
<link rel="apple-touch-icon" sizes="72x72" href="_media/wiki:favicon.ico%3Fw=72&amp;h=72&amp;crop=1&amp;tok=edd294" />
<link rel="apple-touch-icon" sizes="76x76" href="_media/wiki:favicon.ico%3Fw=76&amp;h=76&amp;crop=1&amp;tok=e86e06" />
<link rel="apple-touch-icon" sizes="114x114" href="_media/wiki:favicon.ico%3Fw=114&amp;h=114&amp;crop=1&amp;tok=5dc74b" />
<link rel="apple-touch-icon" sizes="120x120" href="_media/wiki:favicon.ico%3Fw=120&amp;h=120&amp;crop=1&amp;tok=8f0b89" />
<link rel="apple-touch-icon" sizes="144x144" href="_media/wiki:favicon.ico%3Fw=144&amp;h=144&amp;crop=1&amp;tok=9a025c" />
<link rel="apple-touch-icon" sizes="152x152" href="_media/wiki:favicon.ico%3Fw=152&amp;h=152&amp;crop=1&amp;tok=ecfdec" />
<link rel="apple-touch-icon" sizes="180x180" href="_media/wiki:favicon.ico%3Fw=180&amp;h=180&amp;crop=1&amp;tok=daa971" />
<link rel="icon" sizes="32x32" href="_media/wiki:favicon.ico%3Fw=32&amp;h=32&amp;crop=1&amp;tok=562644" />
<link rel="icon" sizes="96x96" href="_media/wiki:favicon.ico%3Fw=96&amp;h=96&amp;crop=1&amp;tok=69ba44" />
<link rel="icon" sizes="192x192" href="_media/wiki:favicon.ico%3Fw=192&amp;h=192&amp;crop=1&amp;tok=4f1cfa" />
<meta name="msapplication-square70x70logo" content="/_media/wiki:favicon.ico?w=70&amp;h=70&amp;crop=1&amp;tok=c70da4" />
<meta name="msapplication-square310x310logo" content="/_media/wiki:favicon.ico?w=310&amp;h=310&amp;crop=1&amp;tok=9b1277" />
<meta name="msapplication-wide310x150logo" content="/_media/wiki:logo.png?w=310&amp;h=150&amp;crop=1&amp;tok=a7f2ac" />
</head>
<body id="dokuwiki__top" class="do-show showSidebar header-default">
<div id="dokuwiki__site" class="dokuwiki mode_show tpl_sprintdoc ">
<div id="spr__direct" class="nav-direct no-print">
<div class="container">
<div class="row">
<div class="col-xs-12">
<p>
<span class="sr-out">Direkt: </span>
<span class="skip">
<a rel="nofollow" href="#qsearch__in">Schnellsuche</a><span class="sr-out"> /</span>
<a rel="nofollow" href="#dokuwiki__content">Hauptinhalt dieser Seite</a><span class="sr-out"> /</span>
<a rel="nofollow" href="#spr__toggle-content">Breite des Contents ändern</a>
</span>
</p>
<hr class="structure" />
</div><!-- .col -->
</div><!-- .row -->
</div><!-- .container -->
</div><!-- .nav-direct -->
<div class="page-wrapper hasSidebar">
<div id="dokuwiki__header" class="header no-print">
<div class="container">
<div class="row">
<div class="">
<div class="menu-togglelink mobile-only">
<a href="#">
<span class="sr-out">Navigation anzeigen/verbergen</span>
</a>
</div>
<div class="logo"><a href="start.html" accesskey="h" title="[H]"><img class="mobile-hide dark-only" src="_media/wiki:logo-on.svg" alt="EH22 DEMO">
<img class="mobile-hide light-only" src="_media/wiki:logo-off.svg" alt="EH22 DEMO"></a><hr class="structure" /></div>
<div class="menu-tool-select">
<h5 class="sr-only" role="heading" aria-level="2">Werkzeuge</h5>
<form action="https://eh22.easterhegg.eu/doku.php" method="get" accept-charset="utf-8"><div class="no"><input type="hidden" name="id" value="network" /><select name="do" class="edit quickselect" title="Werkzeuge"><option value=""></option><optgroup label="Webseiten-Werkzeuge"><option value="media">Medien-Manager</option><option value="index">Übersicht</option></optgroup><optgroup label="Benutzer-Werkzeuge"><option value="login">Anmelden</option></optgroup></select><button type="submit">&gt;</button></div></form> </div><!-- .menu-tool-select -->
</div><!-- .col -->
</div><!-- .row -->
</div><!-- .container -->
</div><!-- .header -->
<div class="sr-only nav-area-head">
<h5 class="sr-only" role="heading" aria-level="1">Navigationsmenüs und Suche</h5>
</div><!-- .nav-area-head -->
<div class="tools">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="search main-sidebar">
<h6 class="sr-only" role="heading" aria-level="2">Wikiübergreifende Schnellsuche</h6><p class="toggleSearch"><a href="#qsearch__out"><span class="prefix">Springe zur Schnellsuche</span></a></p> </div><!-- .search -->
<div class="sidebarheader main-sidebar">
</div><!-- .sidebarheader -->
<div id="dokuwiki__aside">
<div id="sidebarId" class="0838fecfbd2ae7e09c7871ecf6313a4b"></div><nav class="nav-main"><script type="application/javascript">
document.getElementsByClassName("nav-main")[0].style.visibility = "hidden";
</script>
<h1 class="sectionedit1" id="start_hare_headsvg">Start @hare_head.svg</h1>
<div class="level1">
<p>
<a href="start.html" class="wikilink1" title="start" data-wiki-id="start">Home</a>
</p>
</div>
<!-- EDIT{&quot;target&quot;:&quot;section&quot;,&quot;name&quot;:&quot;Start @hare_head.svg&quot;,&quot;hid&quot;:&quot;start_hare_headsvg&quot;,&quot;codeblockOffset&quot;:0,&quot;secid&quot;:1,&quot;range&quot;:&quot;1-50&quot;} -->
<h1 class="sectionedit2" id="an-_und_abreise_locationsvg">An- und Abreise @location.svg</h1>
<div class="level1">
<p>
<a href="travel.html" class="wikilink1" title="travel" data-wiki-id="travel">An- und Abreise</a>
</p>
</div>
<!-- EDIT{&quot;target&quot;:&quot;section&quot;,&quot;name&quot;:&quot;An- und Abreise @location.svg&quot;,&quot;hid&quot;:&quot;an-_und_abreise_locationsvg&quot;,&quot;codeblockOffset&quot;:0,&quot;secid&quot;:2,&quot;range&quot;:&quot;51-121&quot;} -->
<h1 class="sectionedit3" id="nahverkehr_trainsvg">Nahverkehr @train.svg</h1>
<div class="level1">
<p>
<a href="transit.html" class="wikilink1" title="transit" data-wiki-id="transit">Nahverkehr</a>
</p>
</div>
<!-- EDIT{&quot;target&quot;:&quot;section&quot;,&quot;name&quot;:&quot;Nahverkehr @train.svg&quot;,&quot;hid&quot;:&quot;nahverkehr_trainsvg&quot;,&quot;codeblockOffset&quot;:0,&quot;secid&quot;:3,&quot;range&quot;:&quot;122-180&quot;} -->
<h1 class="sectionedit4" id="verpflegung_plate_and_cutlerysvg">Verpflegung @plate_and_cutlery.svg</h1>
<div class="level1">
<p>
<a href="food.html" class="wikilink1" title="food" data-wiki-id="food">Verpflegung</a>
</p>
</div>
<!-- EDIT{&quot;target&quot;:&quot;section&quot;,&quot;name&quot;:&quot;Verpflegung @plate_and_cutlery.svg&quot;,&quot;hid&quot;:&quot;verpflegung_plate_and_cutlerysvg&quot;,&quot;codeblockOffset&quot;:0,&quot;secid&quot;:4,&quot;range&quot;:&quot;181-250&quot;} -->
<h1 class="sectionedit5" id="netzwerk_networksvg">Netzwerk @network.svg</h1>
<div class="level1">
<p>
<a href="network.html" class="wikilink1" title="network" data-wiki-id="network">Netzwerk</a>
</p>
</div>
<!-- EDIT{&quot;target&quot;:&quot;section&quot;,&quot;name&quot;:&quot;Netzwerk @network.svg&quot;,&quot;hid&quot;:&quot;netzwerk_networksvg&quot;,&quot;codeblockOffset&quot;:0,&quot;secid&quot;:5,&quot;range&quot;:&quot;251-307&quot;} -->
<h1 class="sectionedit6" id="dect_gsm_dectsvg">DECT &amp; GSM @dect.svg</h1>
<div class="level1">
<p>
<a href="dect.html" class="wikilink1" title="dect" data-wiki-id="dect">DECT &amp; GSM</a>
</p>
</div>
<!-- EDIT{&quot;target&quot;:&quot;section&quot;,&quot;name&quot;:&quot;DECT &amp; GSM @dect.svg&quot;,&quot;hid&quot;:&quot;dect_gsm_dectsvg&quot;,&quot;codeblockOffset&quot;:0,&quot;secid&quot;:6,&quot;range&quot;:&quot;308-362&quot;} -->
<h1 class="sectionedit7" id="hackertours_hackertourssvg">Hackertours @hackertours.svg</h1>
<div class="level1">
<p>
<a href="hackertours.html" class="wikilink1" title="hackertours" data-wiki-id="hackertours">Hackertours</a>
</p>
</div>
<!-- EDIT{&quot;target&quot;:&quot;section&quot;,&quot;name&quot;:&quot;Hackertours @hackertours.svg&quot;,&quot;hid&quot;:&quot;hackertours_hackertourssvg&quot;,&quot;codeblockOffset&quot;:0,&quot;secid&quot;:7,&quot;range&quot;:&quot;363-433&quot;} -->
<h1 class="sectionedit8" id="dating_pinsvg">Dating @pin.svg</h1>
<div class="level1">
<p>
<a href="dating.html" class="wikilink1" title="dating" data-wiki-id="dating">Dating</a>
</p>
</div>
<!-- EDIT{&quot;target&quot;:&quot;section&quot;,&quot;name&quot;:&quot;Dating @pin.svg&quot;,&quot;hid&quot;:&quot;dating_pinsvg&quot;,&quot;codeblockOffset&quot;:0,&quot;secid&quot;:8,&quot;range&quot;:&quot;434-481&quot;} -->
<h1 class="sectionedit9" id="capture_the_flag_flagsvg">Capture The Flag @flag.svg</h1>
<div class="level1">
<p>
<a href="ctf.html" class="wikilink1" title="ctf" data-wiki-id="ctf">Capture The Flag</a>
</p>
</div>
<!-- EDIT{&quot;target&quot;:&quot;section&quot;,&quot;name&quot;:&quot;Capture The Flag @flag.svg&quot;,&quot;hid&quot;:&quot;capture_the_flag_flagsvg&quot;,&quot;codeblockOffset&quot;:0,&quot;secid&quot;:9,&quot;range&quot;:&quot;482-547&quot;} -->
<h1 class="sectionedit10" id="self-organized_sessions_microphonesvg">Self-organized Sessions @microphone.svg</h1>
<div class="level1">
<p>
<a href="sos.html" class="wikilink1" title="sos" data-wiki-id="sos">Self-organized Sessions</a>
</p>
</div>
<!-- EDIT{&quot;target&quot;:&quot;section&quot;,&quot;name&quot;:&quot;Self-organized Sessions @microphone.svg&quot;,&quot;hid&quot;:&quot;self-organized_sessions_microphonesvg&quot;,&quot;codeblockOffset&quot;:0,&quot;secid&quot;:10,&quot;range&quot;:&quot;548-633&quot;} -->
<h1 class="sectionedit11" id="fahrplan_schedulesvg">Fahrplan @schedule.svg</h1>
<div class="level1">
<p>
<a href="https://cfp.eh22.easterhegg.eu/eh22/schedule/" class="urlextern" title="https://cfp.eh22.easterhegg.eu/eh22/schedule/" rel="ugc nofollow">Fahrplan</a>
</p>
</div>
<!-- EDIT{&quot;target&quot;:&quot;section&quot;,&quot;name&quot;:&quot;Fahrplan @schedule.svg&quot;,&quot;hid&quot;:&quot;fahrplan_schedulesvg&quot;,&quot;codeblockOffset&quot;:0,&quot;secid&quot;:11,&quot;range&quot;:&quot;634-729&quot;} -->
<h1 class="sectionedit12" id="code_of_conduct">Code of Conduct</h1>
<div class="level1">
<p>
<a href="coc.html" class="wikilink1" title="coc" data-wiki-id="coc">Code of Conduct</a>
</p>
</div>
<!-- EDIT{&quot;target&quot;:&quot;section&quot;,&quot;name&quot;:&quot;Code of Conduct&quot;,&quot;hid&quot;:&quot;code_of_conduct&quot;,&quot;codeblockOffset&quot;:0,&quot;secid&quot;:12,&quot;range&quot;:&quot;730-783&quot;} -->
<h1 class="sectionedit13" id="styleguide_codesvg">Styleguide @code.svg</h1>
<div class="level1">
<p>
<a href="design/index.html" class="urlextern" title="https://eh22.easterhegg.eu/design/" rel="ugc nofollow">Styleguide</a>
</p>
</div>
<!-- EDIT{&quot;target&quot;:&quot;section&quot;,&quot;name&quot;:&quot;Styleguide @code.svg&quot;,&quot;hid&quot;:&quot;styleguide_codesvg&quot;,&quot;codeblockOffset&quot;:0,&quot;secid&quot;:13,&quot;range&quot;:&quot;784-868&quot;} -->
<h1 class="sectionedit14" id="tickets_ticketsvg">Tickets @ticket.svg</h1>
<div class="level1">
<p>
<a href="tickets.html" class="wikilink1" title="tickets" data-wiki-id="tickets">Tickets</a>
</p>
</div>
<!-- EDIT{&quot;target&quot;:&quot;section&quot;,&quot;name&quot;:&quot;Tickets @ticket.svg&quot;,&quot;hid&quot;:&quot;tickets_ticketsvg&quot;,&quot;codeblockOffset&quot;:0,&quot;secid&quot;:14,&quot;range&quot;:&quot;869-922&quot;} -->
<h1 class="sectionedit15" id="merch_merchsvg">Merch @merch.svg</h1>
<div class="level1">
<p>
<a href="merch.html" class="wikilink1" title="merch" data-wiki-id="merch">Merch</a>
</p>
</div>
<!-- EDIT{&quot;target&quot;:&quot;section&quot;,&quot;name&quot;:&quot;Merch @merch.svg&quot;,&quot;hid&quot;:&quot;merch_merchsvg&quot;,&quot;codeblockOffset&quot;:0,&quot;secid&quot;:15,&quot;range&quot;:&quot;923-969&quot;} -->
<h1 class="sectionedit16" id="intern_locksvg">Intern @lock.svg</h1>
<div class="level1">
<p>
<a href="./intern:start.html" class="wikilink1" title="intern:start" data-wiki-id="intern:start">Intern</a>
</p>
</div>
<!-- EDIT{&quot;target&quot;:&quot;section&quot;,&quot;name&quot;:&quot;Intern @lock.svg&quot;,&quot;hid&quot;:&quot;intern_locksvg&quot;,&quot;codeblockOffset&quot;:0,&quot;secid&quot;:16,&quot;range&quot;:&quot;970-&quot;} --></nav>
<nav class="nav-sitetools">
<div class="nav themeToggle" id="themeToggleLight">
<input
id="themeLight"
type="checkbox"
aria-label="Switch between dark and light mode"
/>
<label for="themeLight">
<span class="ico">
<i data-icon="light"></i>
</span>
<span class="lbl">Lichtschalter</span>
</label>
</div>
<div class="nav themeToggle" id="themeToggleDark">
<input
id="themeDark"
type="checkbox"
aria-label="Switch between dark and light mode"
/>
<label for="themeDark">
<span class="ico">
<i data-icon="light"></i>
</span>
<span class="lbl">Lichtschalter</span>
</label>
</div>
<div class="nav-panel hidden"></div>
</nav>
</div><!-- .aside -->
</div><!-- .col -->
</div><!-- .row -->
</div><!-- .container -->
</div><!-- .tools -->
<div class="top-header">
<div class="container">
<div class="row">
<div class="col-xs-12">
</div><!-- .col -->
</div><!-- .row -->
</div><!-- .container -->
</div><!-- /top-header -->
<div class="content">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="breadcrumbs" data-do="show">
<div class="togglelink page_main-content">
<a id="spr__toggle-content" href="#"><span class="sr-out">Navigation anzeigen/verbergen</span></a>
</div>
<h6 class="sr-only" role="heading" aria-level="2">Seitenstatus</h6>
<h6 class="sr-only" role="heading" aria-level="2">Standortanzeiger</h6>
<p>
<span class="bchead">Du befindest dich hier: </span><span class="home"><bdi><a href="start.html" class="wikilink1" title="start" data-wiki-id="start">Easterhegg 2025</a></bdi></span> » <bdi><a href="network.html" class="wikilink1" title="network" data-wiki-id="network">Netzwerk</a></bdi> </p>
<h6 class="sr-only" role="heading" aria-level="2">Seiten-Werkzeuge</h6>
<nav id="dokuwiki__pagetools">
<div class="tools">
<div class="nav-status">
<!-- FIXME: structstatus integration -->
</div>
<ul>
<li class="top"><a href="#dokuwiki__top" title="Nach oben [t]" rel="nofollow" accesskey="t"><span>Nach oben</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12z"/></svg></a></li> </ul>
</div>
</nav>
</div>
<div id="dokuwiki__content" class="page main-content">
<div id="spr__meta-box">
<h6 class="sr-only" role="heading" aria-level="2">Metainformationen zur Seite</h6>
<div class="tab-container">
<ul class="meta-tabs">
<li class="a11y">&nbsp;</li>
</ul>
<div class="meta-content">
<div class="box-content">
</div>
</div>
</div>
</div>
<div class="qc-output"></div>
<div class="plugin_translation "><span class="title">Übersetzungen dieser Seite: </span><ul><li class="span"><span class="wikilink1" title="Deutsch">Deutsch</span></li><li class="a"><a class="wikilink1" title="English" href="./en:network.html">English</a></li></ul></div> <div class="page-content">
<div class="msg-area"></div>
<div class="clearer"></div>
</div>
<h1 class="sectionedit1" id="netzwerk">Netzwerk</h1>
<div class="level1">
<p>
Auf Kampnagel gibt sowohl WLAN unter der SSID <em>EH22</em> als auch kabelgebundenes Internet in der K6 (Hackcenter).
</p>
<p>
Die angebotene Netzwerkverbindung führt direkt ins Internet und hat weder Firewalls noch anderweitige Filter. Schützt eure Geräte also selbst!
</p>
</div>
<h2 class="sectionedit2" id="verhaltensregeln">Verhaltensregeln</h2>
<div class="level2">
<ul>
<li class="level1"><div class="li"> Sei fair. Mach mit niemanden etwas, daß Du selbst nicht haben möchtest.</div>
</li>
<li class="level1"><div class="li"> Schütze deinen Computer. Wir sind nicht verantwortlich für irgendwelche Schäden an deinem Computer, die sich aus der Verbindung mit unserem Netzwerk ergeben. Sei erinnert, daß sowohl Internet-Zugang als auch das lokale Netzwerk ohne Firewall und Filter sind. Auch gut gewartete Systeme können angegriffen und gehackt werden, umso mehr bei einem Hacker-Event.</div>
</li>
<li class="level1"><div class="li"> Sei nett zur drahtlosen Infrastruktur.</div>
</li>
<li class="level1"><div class="li"> Betreibe keinen eigenen DHCP-Server. Das ist schädlich.</div>
</li>
<li class="level1"><div class="li"> Sende keine IPv6 Router Advertisements.</div>
</li>
<li class="level1"><div class="li"> Kein ARP-spoofing oder andere Behinderungen des Netzwerks.</div>
</li>
<li class="level1"><div class="li"> Während wir für den Fall von Netzwerk-Mißbrauch generell in der Lage sind, Dich zu finden und auszuschließen, falls nötig, ziehen wir es immer noch vor, das nicht tun zu müssen und daß jedeR die anderen Besucher respektiert.</div>
</li>
<li class="level1"><div class="li"> Denk zweimal nach, bevor Du Dinge tust, die andere angehen. Wenn Du jemanden hackst, könntest Du angezeigt werden. Sei Dir bewußt, daß wir das Handeln von Strafverfolgungsbehörden im oder bezogen auf unser Netzwerk nicht verhindern können.</div>
</li>
</ul>
</div>
<div class="clearer"></div>
</div><!-- .main-content -->
<div class="page-footer">
<bdi>network.txt</bdi> · Zuletzt geändert: <time datetime="2025-04-18T22:03:45+0000">2025-04-18 22:03 UTC</time> von <bdi>lilly</bdi> </div>
</div><!-- .col -->
</div><!-- .row -->
</div><!-- .container -->
</div><!-- /content -->
<div class="clearer"></div>
</div><!-- /wrapper -->
<!-- ********** FOOTER ********** -->
<div id="dokuwiki__footer">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="main-footer">
<p>Falls nicht anders bezeichnet, ist der Inhalt dieses Wikis unter der folgenden Lizenz veröffentlicht: <bdi><a href="https://creativecommons.org/licenses/by-sa/4.0/deed.de-informal" rel="license" class="urlextern">CC Attribution-Share Alike 4.0 International</a></bdi></p> </div>
</div>
</div>
</div>
</div><!-- /footer -->
</div><!-- .dokuwiki__site -->
<script type="text/javascript">
document.querySelector("#themeDark").addEventListener("change", (e) => {
setTheme(e.target.checked ? "dark" : "system");
});
document.querySelector("#themeLight").addEventListener("change", (e) => {
setTheme(e.target.checked ? "light" : "system");
});
</script>
</body>
</html>