1
0
mirror of https://github.com/restoreddev/phpapprentice.git synced 2025-08-11 17:24:34 +02:00

Adding dark mode support

This commit is contained in:
Andrew Davis
2020-02-02 10:24:16 -06:00
parent 2240682681
commit 4e8b26a3b0
7 changed files with 320 additions and 115 deletions

View File

@@ -8,19 +8,19 @@
<meta name="description" content="{{ if .Description }}{{ .Description }}{{ else }}An online book for learning PHP{{ end }}" />
<meta name="viewport" content="width=device-width, initial-scale=1">
{{ $css := resources.Get "site.css" }}
{{ $css := resources.Get "styles.css" }}
{{ $style := $css | resources.PostCSS }}
{{ $secureCss := $style | resources.Fingerprint "sha512" }}
<link rel="stylesheet" type="text/css" href="{{ $secureCss.Permalink }}" integrity="{{ $secureCss.Data.Integrity }}">
<link rel="icon" href="/favicon-32.png">
{{ $prism := resources.Get "prism.js" }}
{{ $site := resources.Get "site.js"}}
{{ $js := slice $prism $site | resources.Concat "bundle.js" }}
{{ $secureJS := $js | resources.Fingerprint "sha512" }}
<script type="text/javascript" src="{{ $secureJS.Permalink }}" integrity="{{ $secureJS.Data.Integrity }}"></script>
</head>
<body>
<body class="light-mode">
{{ block "main" . }}{{ end }}
{{ $prism := resources.Get "prism.js" }}
{{ $site := resources.Get "site.js"}}
{{ $js := slice $prism $site | resources.Concat "bundle.js" }}
{{ $secureJS := $js | resources.Fingerprint "sha512" }}
<script type="text/javascript" src="{{ $secureJS.Permalink }}" integrity="{{ $secureJS.Data.Integrity }}"></script>
</body>
</html>

View File

@@ -9,13 +9,13 @@
<div class="clearfix"></div>
<div class="navigate-links">
{{ if .Params.previous }}
<a href="/{{ .Params.previous }}" title="Previous" id="prev-link">
<a href="/{{ .Params.previous }}" title="Previous" id="prev-link" class="prev-link">
<div class="icon">{{ readFile "static/cheveron-outline-left.svg" | safeHTML }}</div>
Previous
</a>
{{ end }}
{{ if .Params.next }}
<a href="/{{ .Params.next }}" title="Next" id="next-link">
<a href="/{{ .Params.next }}" title="Next" id="next-link" class="next-link">
Next
<div class="icon">{{ readFile "static/cheveron-outline-right.svg" | safeHTML }}</div>
</a>

View File

@@ -3,4 +3,8 @@
<div class="icon">{{ readFile "static/show-sidebar.svg" | safeHTML }}</div>
Table of Contents
</button>
<form style="float: right; padding-left: 1rem;">
<label for="dark_mode">Dark Mode?</label>
<input type="checkbox" id="dark_mode" name="dark_mode" />
</form>
</div>