From 01deafa5bf5b68784d434d6f361c21d72cf89069 Mon Sep 17 00:00:00 2001
From: GDWR <gregory.dwr@gmail.com>
Date: Tue, 8 Feb 2022 00:43:03 +0000
Subject: Add initial dark theme

---
 pydis_site/templates/base/navbar.html | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

(limited to 'pydis_site/templates')

diff --git a/pydis_site/templates/base/navbar.html b/pydis_site/templates/base/navbar.html
index d7fb4f4c..41d6c778 100644
--- a/pydis_site/templates/base/navbar.html
+++ b/pydis_site/templates/base/navbar.html
@@ -1,5 +1,12 @@
 {% load static %}
 
+{% block head %}
+    <link rel="stylesheet" href="{% static "css/base/navbar.css" %}">
+    <link href="https://css.gg/css?=|moon|sun" rel="stylesheet">
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+    <script src="{% static "js/base/navbar.js" %}"></script>
+{% endblock %}
+
 <nav class="navbar is-primary" role="navigation" aria-label="main navigation">
   <div class="navbar-brand">
 
@@ -94,6 +101,16 @@
         </div>
       </div>
 
+      <div class="navbar-item">
+        <div id="theme-switch" class="switch dark">
+          <div class="switch-outer"></div>
+          <div class="switch-inner"></div>
+          <i class="theme-icon light gg-sun"></i>
+          <div class="knob dark"></div>
+          <i class="theme-icon dark gg-moon"></i>
+        </div>
+      </div>
+
       {# Desktop Nav Discord  #}
       <div id="discord-btn" class="buttons is-hidden-touch">
         <a href="https://discord.gg/python" class="button is-large is-primary">Discord</a>
-- 
cgit v1.2.3