From 8d395d6b54bec35184434546c835f2bc4e30ea73 Mon Sep 17 00:00:00 2001 From: Bradley Taunt Date: Mon, 9 Jun 2025 10:49:13 -0400 Subject: Include reusable CSS and updates for new VPS --- _footer.html | 4 +- build.sh | 1 + favicon.ico | Bin 0 -> 13065 bytes public/index.html | 4 +- public/index.html.gz | Bin 4050 -> 4048 bytes public/style.css | 16 +------- public/style.css.gz | Bin 635 -> 560 bytes style.css | 108 +++++++++++++++++++++++++++++++++++++++++++++++++++ 8 files changed, 117 insertions(+), 16 deletions(-) create mode 100644 favicon.ico create mode 100644 style.css diff --git a/_footer.html b/_footer.html index e0ad5ae..8ee504f 100644 --- a/_footer.html +++ b/_footer.html @@ -1,7 +1,9 @@
diff --git a/build.sh b/build.sh index 6d3e1bb..7d0b8ec 100644 --- a/build.sh +++ b/build.sh @@ -1,3 +1,4 @@ # ! /bin/sh +cp style.css public/ (cat _header.html; multimarkdown index.md; cat _footer.html) > public/index.html find public -type f \( -name "*.html" -o -name "*.css" \) -exec gzip -k -f {} \; diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..29e51a7 Binary files /dev/null and b/favicon.ico differ diff --git a/public/index.html b/public/index.html index ae22e1e..c35d89d 100644 --- a/public/index.html +++ b/public/index.html @@ -234,7 +234,9 @@ rcctl start apmd
diff --git a/public/index.html.gz b/public/index.html.gz index 98af861..484e7c3 100644 Binary files a/public/index.html.gz and b/public/index.html.gz differ diff --git a/public/style.css b/public/style.css index 232bc45..ca3df9f 100644 --- a/public/style.css +++ b/public/style.css @@ -33,7 +33,7 @@ header { img { margin: 0 auto; - max-width: 100%; + max-width: 120px; } h1 { @@ -64,15 +64,6 @@ code { background: whitesmoke; } -kbd { - border: 1px solid black; - border-radius: 4px; - box-shadow: 0 2px 4px rgba(0,0,0,0.7); - background: #eee; - color: black; - padding: 4px; -} - p code, li code, dl code { border: 1px solid; padding: 1px 2px; @@ -86,9 +77,6 @@ footer p { font-size: 90%; } -.up { background: lightgreen; } -.down { background: pink; } - @media (min-width: 800px) { body { max-width: 85%; @@ -117,4 +105,4 @@ footer p { pre, code { background: black; } -} \ No newline at end of file +} diff --git a/public/style.css.gz b/public/style.css.gz index e74c11a..825e143 100644 Binary files a/public/style.css.gz and b/public/style.css.gz differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..ca3df9f --- /dev/null +++ b/style.css @@ -0,0 +1,108 @@ +* { + box-sizing: border-box; +} + +body { + background: white; + line-height: 1.55; + margin: 0 auto; + padding: 10px; +} + +:link { + color: #23238E; +} +:visited { + color: #008088; +} + +.title { + font-family: "Times New Roman", Times, serif; +} + +.title i { + color: #0000FF; +} +.title b { + color: #000084; +} + +header { + padding: 0 0 10px; +} + +img { + margin: 0 auto; + max-width: 120px; +} + +h1 { + margin: 0; + padding: 0.5rem 0 0; +} + +blockquote { + background: rgba(0,0,0,0.04); + border-left: 4px solid; + margin: 2rem 0; + padding: 6px 10px; +} +blockquote p { + font-style: italic; + margin: 0; +} + +pre { + background: whitesmoke; + border: 1px solid; + overflow: scroll; + padding: 10px; + max-width:100%; +} + +code { + background: whitesmoke; +} + +p code, li code, dl code { + border: 1px solid; + padding: 1px 2px; +} + +h2 code { + font-size: 24px; +} + +footer p { + font-size: 90%; +} + +@media (min-width: 800px) { + body { + max-width: 85%; + } +} + +@media(prefers-color-scheme: dark) { + body { + background: #1E1F21; + } + :link { + color: #BAD7FF; + } + :visited { + color: #F6BAFF; + } + .title { + text-shadow: 2px 2px black; + } + .title i { + color: #F2CA30; + } + .title b { + color: #CF4229; + } + pre, code { + background: black; + } +} -- cgit v1.2.3-70-g09d2