4o1x5/archie-shades-of-purple
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Add custom CSS option - fixes issue #14

Browse source 
Borrowed some code from https://github.com/gadenbuie/garrickadenbuie-com/blob/main/layouts/partials/head.html and blended it in. I hope the syntax is still valid and makes sense. I'm not sure if it ought to say `if isset .Site.Params "customCSS"` but I left it as `customcss` as you suggested.
This commit is contained in:
Francis Barton 2020-10-04 17:11:49 +01:00 committed by GitHub
parent acd619ee67
commit 525bcfcd21
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
layouts/partials/header.html
View file

@ -43,6 +43,12 @@
<link rel="stylesheet" type="text/css" media="screen" href="{{ .Site.BaseURL }}css/main.css" /> <link rel="stylesheet" type="text/css" media="screen" href="{{ .Site.BaseURL }}css/main.css" />
{{- if or (eq .Site.Params.mode "auto") (eq .Site.Params.mode "dark") -}} {{- if or (eq .Site.Params.mode "auto") (eq .Site.Params.mode "dark") -}}
<link rel="stylesheet" type="text/css" href="{{ .Site.BaseURL }}css/dark.css" {{ if eq .Site.Params.mode "auto" }}media="(prefers-color-scheme: dark)"{{ end }} /> <link rel="stylesheet" type="text/css" href="{{ .Site.BaseURL }}css/dark.css" {{ if eq .Site.Params.mode "auto" }}media="(prefers-color-scheme: dark)"{{ end }} />
{{ end }}
<!-- Custom CSS style get applied last -->
{{- if isset .Site.Params "customcss" }}
{{ range .Site.Params.customCSS }}
<link rel="stylesheet" type="text/css" ref="{{ . | relURL }}">
{{ end }}
{{- end -}} {{- end -}}
{{- range .Site.Params.customJS }} {{- range .Site.Params.customJS }}
{{- if or (hasPrefix . "http://") (hasPrefix . "https://") }} {{- if or (hasPrefix . "http://") (hasPrefix . "https://") }}
@ -51,4 +57,4 @@
<script src="{{ $.Site.BaseURL }}{{ . }}"></script> <script src="{{ $.Site.BaseURL }}{{ . }}"></script>
{{- end }} {{- end }}
{{- end }} {{- end }}
</head> </head>