florent/pages
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Remove theming dependence on jquery

Browse Source
This commit is contained in:
Maruan Al-Shedivat 2021-10-30 19:53:39 -04:00
parent 032ff4845c
commit d500e084f5
3 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
_includes/head.html
View File

@ -42,3 +42,10 @@
{% endif %}
<link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
<link rel="canonical" href="{{ page.url | replace:'index.html','' | relative_url }}">
{% if site.enable_darkmode %}
<!-- Dark Mode -->
<script src="{{ '/assets/js/theme.js' | relative_url }}"></script>
<script src="{{ '/assets/js/dark_mode.js' | relative_url }}"></script>
{% endif %}

6
_includes/scripts/misc.html
View File

@ -1,9 +1,3 @@
{% if site.enable_darkmode %}
<!-- Dark Mode -->
<script src="{{ '/assets/js/theme.js' | relative_url }}"></script>
<script src="{{ '/assets/js/dark_mode.js' | relative_url }}"></script>
{% endif %}
{% if site.enable_tooltips %}
<!-- Enable Tooltips -->
<script type="text/javascript">

3
assets/js/dark_mode.js
View File

@ -1,7 +1,8 @@
$(document).ready(function() {
document.addEventListener('DOMContentLoaded', function() {
const mode_toggle = document.getElementById("light-toggle");
mode_toggle.addEventListener("click", function() {
toggleTheme(localStorage.getItem("theme"));
});
});