diff options
Diffstat (limited to 'layouts/partials/head.html')
| -rw-r--r-- | layouts/partials/head.html | 27 |
1 files changed, 25 insertions, 2 deletions
diff --git a/layouts/partials/head.html b/layouts/partials/head.html index a4a13a4..8465bfe 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -21,6 +21,19 @@ {{ end }} <!-- Stylesheets --> <link rel="stylesheet" href="{{ .Site.BaseURL }}fontawesome/css/all.min.css" /> + +{{ $main := resources.Get "css/main.css" }} +{{ $dark := resources.Get "css/dark.css" }} +{{ $syntax := resources.Get "css/syntax.css" }} +{{ $styles := (slice $main $dark $syntax) | resources.Concat "css/styles.css" | minify }} +<link + crossorigin="anonymous" + href="{{ $styles.RelPermalink }}" + integrity="{{ $styles.Data.Integrity }}" + rel="preload stylesheet" + as="style" +/> + {{ range .Site.Params.customCSS }} <link rel="stylesheet" href="{{ . | absURL }}" /> {{ end }} @@ -33,6 +46,7 @@ <script> var darkTheme = document.getElementById('dark-mode-theme') var storedTheme = localStorage.getItem('dark-mode-storage') + if (storedTheme === 'dark') { darkTheme.disabled = false } else if (storedTheme === 'light') { @@ -40,6 +54,15 @@ } </script> <!-- script --> -<script src="{{ .Site.BaseURL }}js/main.bundle.js"></script> -<script src="{{ .Site.BaseURL }}js/instantpage.min.js" type="module" defer></script> +{{ $instantpage := resources.Get "js/instantpage.min.js" }} +<script defer crossorigin="anonymous" src="{{ $instantpage.RelPermalink }}" integrity="{{ $instantpage.Data.Integrity }}"></script> + +{{- if (eq .Layout `search`) -}} + {{ $lunr := resources.Get "js/lunr.min.js" }} + {{ $mark := resources.Get "js/mark.min.js" }} + {{ $basesearch := resources.Get "js/search.js" }} + {{ $search := (slice $lunr $mark $basesearch) | resources.Concat "js/search.js" | minify }} + <script defer crossorigin="anonymous" src="{{ $search.RelPermalink }}" integrity="{{ $search.Data.Integrity }}"></script> +{{- end -}} + {{ hugo.Generator -}} |