diff options
author | Timmy Keller <tjk@tjkeller.xyz> | 2024-08-31 14:37:39 -0500 |
---|---|---|
committer | Timmy Keller <tjk@tjkeller.xyz> | 2024-08-31 14:37:39 -0500 |
commit | b3dc7ad8554b7a32012d0aece92da7f949fff166 (patch) | |
tree | c9f2a1ad03deaad368d1b784ca19e61f1e96de09 | |
parent | c2afd94b9c3c1a94469ef0a875e4870ecb78ffd9 (diff) | |
download | hugo-theme-tjkbasic-b3dc7ad8554b7a32012d0aece92da7f949fff166.tar.xz hugo-theme-tjkbasic-b3dc7ad8554b7a32012d0aece92da7f949fff166.zip |
sticky header and other tweaks
-rw-r--r-- | hugo.yaml | 3 | ||||
-rw-r--r-- | layouts/shortcodes/alpha-ol.html | 3 | ||||
-rw-r--r-- | static/stylesheets/highlight.css | 6 | ||||
-rw-r--r-- | static/stylesheets/style.css | 6 |
4 files changed, 18 insertions, 0 deletions
@@ -17,3 +17,6 @@ markup: noClasses: false lineNos: true + goldmark: + renderer: + unsafe: true diff --git a/layouts/shortcodes/alpha-ol.html b/layouts/shortcodes/alpha-ol.html new file mode 100644 index 0000000..b5ad88f --- /dev/null +++ b/layouts/shortcodes/alpha-ol.html @@ -0,0 +1,3 @@ +<div class="alpha-ol"> + {{ .Inner }} +</div> diff --git a/static/stylesheets/highlight.css b/static/stylesheets/highlight.css index 0c15e1b..035b2d0 100644 --- a/static/stylesheets/highlight.css +++ b/static/stylesheets/highlight.css @@ -84,3 +84,9 @@ /* GenericTraceback */ .chroma .gt { background-color: #fb8019; font-weight: bold } /* GenericUnderline */ .chroma .gl { } /* TextWhitespace */ .chroma .w { } + +/* Overrides */ +/* nginx KeywordNamespace */ .chroma code.language-nginx .kn { color: #fabd2f } +/* nginx LiteralString */ .chroma code.language-nginx .s { color: #ffffff } +/* sh NameVariable */ .chroma code.language-sh .nv { color: #8ec07c } +/* sh CommentPreproc */ .chroma .cp { color: #928374 } diff --git a/static/stylesheets/style.css b/static/stylesheets/style.css index 8caa40b..0006ba3 100644 --- a/static/stylesheets/style.css +++ b/static/stylesheets/style.css @@ -14,6 +14,8 @@ header { padding: 5px 10px; gap: 1em; user-select: none; + position: sticky; + top: 0; } #title { @@ -109,6 +111,10 @@ ol, ul, pre code { max-width: 100%; } +.alpha-ol ol { + list-style-type: upper-alpha; +} + img, figcaption { margin: auto; display: block; |