diff options
| -rw-r--r-- | _footer.html | 4 | ||||
| -rw-r--r-- | build.sh | 1 | ||||
| -rw-r--r-- | favicon.ico | bin | 0 -> 13065 bytes | |||
| -rw-r--r-- | public/index.html | 4 | ||||
| -rw-r--r-- | public/index.html.gz | bin | 4050 -> 4048 bytes | |||
| -rw-r--r-- | public/style.css | 16 | ||||
| -rw-r--r-- | public/style.css.gz | bin | 635 -> 560 bytes | |||
| -rw-r--r-- | style.css | 108 |
8 files changed, 117 insertions, 16 deletions
diff --git a/_footer.html b/_footer.html index e0ad5ae..8ee504f 100644 --- a/_footer.html +++ b/_footer.html @@ -1,7 +1,9 @@ <hr> <footer> <p>Project created by <a href="https://btxx.org">Bradley Taunt</a><br> - <a href="https://git.sr.ht/~bt/openbased">Source code</a> | Hosted on <a href="https://portal.massivegrid.com/aff.php?aff=504">MassiveGRID</a></p> + Served with <a href="https://man.openbsd.org/httpd.8">httpd</a> and <a href="https://man.openbsd.org/relayd.8">relayd</a><br> + Running on <a href="https://openbsd.org">OpenBSD</a><br> + <a href="https://git.sr.ht/~bt/openbased">Source code</a></p> </footer> </body> </html> @@ -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 Binary files differnew file mode 100644 index 0000000..29e51a7 --- /dev/null +++ b/favicon.ico 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 <hr> <footer> <p>Project created by <a href="https://btxx.org">Bradley Taunt</a><br> - <a href="https://git.sr.ht/~bt/openbased">Source code</a> | Hosted on <a href="https://portal.massivegrid.com/aff.php?aff=504">MassiveGRID</a></p> + Served with <a href="https://man.openbsd.org/httpd.8">httpd</a> and <a href="https://man.openbsd.org/relayd.8">relayd</a><br> + Running on <a href="https://openbsd.org">OpenBSD</a><br> + <a href="https://git.sr.ht/~bt/openbased">Source code</a></p> </footer> </body> </html> diff --git a/public/index.html.gz b/public/index.html.gz Binary files differindex 98af861..484e7c3 100644 --- a/public/index.html.gz +++ b/public/index.html.gz 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 Binary files differindex e74c11a..825e143 100644 --- a/public/style.css.gz +++ b/public/style.css.gz 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; + } +} |