aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorTimmy Keller <tjk@tjkeller.xyz>2024-08-31 14:37:39 -0500
committerTimmy Keller <tjk@tjkeller.xyz>2024-08-31 14:37:39 -0500
commitb3dc7ad8554b7a32012d0aece92da7f949fff166 (patch)
treec9f2a1ad03deaad368d1b784ca19e61f1e96de09
parentc2afd94b9c3c1a94469ef0a875e4870ecb78ffd9 (diff)
downloadhugo-theme-tjkbasic-b3dc7ad8554b7a32012d0aece92da7f949fff166.tar.xz
hugo-theme-tjkbasic-b3dc7ad8554b7a32012d0aece92da7f949fff166.zip
sticky header and other tweaks
-rw-r--r--hugo.yaml3
-rw-r--r--layouts/shortcodes/alpha-ol.html3
-rw-r--r--static/stylesheets/highlight.css6
-rw-r--r--static/stylesheets/style.css6
4 files changed, 18 insertions, 0 deletions
diff --git a/hugo.yaml b/hugo.yaml
index 6683001..704cefc 100644
--- a/hugo.yaml
+++ b/hugo.yaml
@@ -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;