Add darkmode

2020-06-09 19:40:38 +00:00
parent 5abcd6f672
commit b8f02d92da
7 changed files with 62 additions and 29 deletions
--- a/themes/theme/templates/base.html
+++ b/themes/theme/templates/base.html
@@ -16,7 +16,7 @@
 	<body>
 		<div class="container">
 			<div class="sidebar">
-				<img src="/theme/me.jpg" />
+				<img src="/theme/me.jpg" alt="A picture of me smiling" />
 				<p>
 					Tanner Collin
 				</p>
@@ -24,14 +24,25 @@
 			<div class="content">
 				<div class="topbar">
 					<p>
-						<img src="/theme/logo.png" />
+						<img src="/theme/logo.png" alt="My name in handwriting" />
 					</p>
 				</div>
 				{% block content %}
 				{% endblock %}
 			</div>
 		</div>
-	</body>

+		<script src="/theme/darkmode-js.min.js"></script>
+		<script>
+			const options = {
+				bottom: '16px',
+				right: '16px',
+				buttonColorDark: '#666',
+				buttonColorLight: '#aaa',
+				label: '🌙',
+			};
+			new Darkmode(options).showWidget();
+		</script>
+	</body>
 </html>