diff options
| author |  Xithrius <[email protected]> | 2024-02-03 00:50:43 -0800 |
|---|---|---|
| committer |  GitHub <[email protected]> | 2024-02-03 00:50:43 -0800 |
| commit | ad2410ef24e97742bc22f0d8775a0f37a5bf2db5 (patch) | |
| tree | cce3c380e6b695d11dcb65ee65411f6f654e2be3 /pydis_site/templates/base/navbar.html | |
| parent | Migrate mailing lists to their own API endpoints (diff) | |
| parent | Merge pull request #1220 from python-discord/dependabot/pip/ruff-0.2.0 (diff) | |
Merge branch 'main' into mailing-list-model
Diffstat (limited to 'pydis_site/templates/base/navbar.html')
| -rw-r--r-- | pydis_site/templates/base/navbar.html | 24 |
1 files changed, 20 insertions, 4 deletions
diff --git a/pydis_site/templates/base/navbar.html b/pydis_site/templates/base/navbar.html index 931693c8..2fcd8ad8 100644 --- a/pydis_site/templates/base/navbar.html +++ b/pydis_site/templates/base/navbar.html @@ -1,5 +1,11 @@ {% load static %} +{% block head %} + <link rel="stylesheet" href="{% static "css/base/themes.css" %}"> + <link href="https://css.gg/css?=|moon|sun" rel="stylesheet"> + <script src="{% static "js/base/themes.js" %}"></script> +{% endblock %} + <nav class="navbar is-primary" role="navigation" aria-label="main navigation"> <div class="navbar-brand"> @@ -39,7 +45,7 @@ {# YouTube #} <a class="navbar-item" href="https://youtube.com/pythondiscord"> - <span class="icon is-size-4 is-medium"><i class="fab fa-youtube"></i></span> + <span class="icon is-size-4 is-medium is-dark"><i class="fab fa-youtube"></i></span> <span> YouTube</span> </a> @@ -97,12 +103,22 @@ </div> </div> - {# Desktop Nav Discord #} - <div id="discord-btn" class="buttons is-hidden-touch"> + {# Theme toggle #} + <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 id="theme-knob" 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 is-white"> <a href="https://discord.gg/python" class="button is-large is-primary">Discord</a> </div> </div> - </div> </nav> |