Added basic dark mode functionality

This commit is contained in:
Sebastian Lay
2022-12-18 19:21:01 +01:00
parent b6910f7e14
commit 5acbd3b29c
12 changed files with 144 additions and 11 deletions

View File

@@ -28,9 +28,10 @@
<link href="fonts/ek-mukta-400-latin.woff2" rel="preload" as="font" type="font/woff2" crossorigin>
<link href="fonts/ek-mukta-700-latin.woff2" rel="preload" as="font" type="font/woff2" crossorigin>
</head>
<body>
<body class="dark">
<div id="faq">
<header>
<div class="switch" v-on:click="toggle"></div>
<h1><a href="/">analog film<span>.space</span></a></h1>
<p>a database of currently available 35mm, 110 and medium format film stocks</p>
<nav><a href="/">overview</a> / <a href="/faq" class="active">frequently asked questions</a> / <a href="/guide">film guide</a> / <a href="/random">random film</a></nav>
@@ -109,5 +110,7 @@
</ul>
</main>
</div>
<script src="js/vue.global.prod.js"></script>
<script src="js/script-faq.js?d=20221218"></script>
</body>
</html>