Add custom CSS option - fixes issue #14 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.
Francis Barton franbarton@gmail.com
Sun, 04 Oct 2020 17:11:49 +0100
1 files changed,
7 insertions(+),
1 deletions(-)
jump to
M
layouts/partials/header.html
→
layouts/partials/header.html
@@ -43,6 +43,12 @@ <link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
<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") -}} <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 -}} {{- range .Site.Params.customJS }} {{- if or (hasPrefix . "http://") (hasPrefix . "https://") }}@@ -51,4 +57,4 @@ {{- else }}
<script src="{{ $.Site.BaseURL }}{{ . }}"></script> {{- end }} {{- end }} -</head>+</head>