FunctionalHacker/hugo-toha
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Bring back the initialization.

Browse source
This commit is contained in:
donfiguerres 2022-06-03 18:17:28 +08:00
parent 83610fdeaa
commit 51e7626a62
5 changed files with 14 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

6
layouts/_default/baseof.html
View file

@ -17,6 +17,12 @@
<body data-spy="scroll" data-target="#TableOfContents" data-offset="80"> <body data-spy="scroll" data-target="#TableOfContents" data-offset="80">
<div class="container-fluid bg-dimmed wrapper"> <div class="container-fluid bg-dimmed wrapper">
<!-- INITIALIZE DARK THEME -->
{{ if site.Params.darkTheme.enable }}
{{ partial "helpers/darkmode.html" }}
{{ end }}
<!----- ADD NAVBAR ---------------> <!----- ADD NAVBAR --------------->
{{ block "navbar" . }} {{ end }} {{ block "navbar" . }} {{ end }}

5
layouts/index.html
View file

@ -34,6 +34,11 @@
</head> </head>
<body data-spy="scroll" data-target="#top-navbar" data-offset="100"> <body data-spy="scroll" data-target="#top-navbar" data-offset="100">
<!-- INITIALIZE DARK THEME -->
{{ if site.Params.darkTheme.enable }}
{{ partial "helpers/darkmode.html" }}
{{ end }}
<!--- NAVBAR -------------------------> <!--- NAVBAR ------------------------->
{{- partial "navigators/navbar.html" . -}} {{- partial "navigators/navbar.html" . -}}

3
layouts/partials/helpers/darkmode.html Normal file
View file

@ -0,0 +1,3 @@
<!-- This is a 'hack' for initializing the color scheme selection. See /js/darkmode.js -->
<div id="themeInitialization" style="display: none;"
default-theme=" {{ site.Params.darkTheme.default }} "></div>

3
layouts/partials/navigators/theme-selector.html
View file

@ -1,7 +1,4 @@
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<!-- This is a 'hack' for initializing the color scheme selection. See /js/darkmode.js -->
<div id="themeInitialization" style="display: none;"
default-theme=" {{ site.Params.darkTheme.default }} "></div>
<a class="nav-link dropdown-toggle" href="#" id="themeSelector" role="button" <a class="nav-link dropdown-toggle" href="#" id="themeSelector" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Theme</a> data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Theme</a>
<div class="dropdown-menu" aria-labelledby="themeSelector"> <div class="dropdown-menu" aria-labelledby="themeSelector">

3
layouts/partials/scripts.html
View file

@ -6,9 +6,6 @@
<script type="text/javascript" src="{{ "/js/plyr.js" | relURL }}"></script> <script type="text/javascript" src="{{ "/js/plyr.js" | relURL }}"></script>
<script type="text/javascript" src="{{ "/js/main.js" | relURL }}"></script> <script type="text/javascript" src="{{ "/js/main.js" | relURL }}"></script>
<script type="text/javascript" defer src="{{ "/js/katex.min.js" | relURL }}"></script>
<script type="text/javascript" defer src="{{ "/js/auto-render.min.js" | relURL }}" onload="renderMathInElement(document.body);"></script>
{{ if site.Params.darkTheme.enable }} {{ if site.Params.darkTheme.enable }}
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/darkreader@4.9.51/darkreader.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/darkreader@4.9.51/darkreader.js"></script>