diff options
| -rw-r--r-- | config.toml | 5 | ||||
| -rw-r--r-- | layouts/partials/footer.html | 1 | ||||
| -rw-r--r-- | static/css/common.css | 88 |
3 files changed, 29 insertions, 65 deletions
diff --git a/config.toml b/config.toml index 66a2175..ca0a63b 100644 --- a/config.toml +++ b/config.toml @@ -15,11 +15,6 @@ identifier = "about" name = "About" url = "/about/" weight = 1 -#[[menu.main]] -#identifier = "Bread" -#name = "Bread" -#url = "/bread/" -#weight = 2 [[menu.main]] identifier = "Blog" name = "Blog" diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index b6b233a..4044e55 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -2,6 +2,7 @@ <hr /> <div>Mark Powers <<span class="email">mark</span>> © 2024 </div> <div class="links"> + <span><a href="/about">About</a></span> <span><a href="https://fosstodon.org/@markp">Mastodon</a></span> <span><a href="/index.xml">RSS</a></span> </div> diff --git a/static/css/common.css b/static/css/common.css index e30f323..8ec4016 100644 --- a/static/css/common.css +++ b/static/css/common.css @@ -1,10 +1,11 @@ html { - max-width: 70ch; + max-width: 80ch; padding-left: 1em; padding-right: 1em; margin: auto; line-height: 1.75; font-size: 1.25em; + background-color: #64B6AC; } #main > .post + .post { @@ -31,6 +32,14 @@ html { #main > .post > div { margin-left: 2rem; } + + #main { + width: calc(100% - 2rem); + } + + body { + padding: 1rem; + } } /* global */ @@ -41,47 +50,22 @@ html { padding: 0; } -time { - color: gray; - margin-left: 1rem; - min-width: 5rem; -} - body { - background-color: #FAFAFA; + background-color: #DAFFEF; display: flex; flex-direction: column; - font-family: 'Latin Modern Roman', 'Times New Roman', serif; + /* font-family: 'Latin Modern Roman', 'Times New Roman', serif; */ + font-family: sans-serif; min-height: 100vh; overflow-wrap: break-word; - padding: 1rem; -} - -.link { - color: #AA0000; - text-decoration: underline; -} - -.paginator { - align-items: flex-end; - display: flex; - flex-direction: row; - justify-content: space-between; - margin-top: 2rem; -} - -::-webkit-scrollbar { - background-color: #FAFAFA; - height: 8px; - width: 8px; -} - -::-webkit-scrollbar-thumb { - background-color: #AAAAAA; + padding-top: 1rem; + padding-bottom: 1rem; + border-left: 4px solid #46555e; + border-right: 4px solid #46555e; } -::-webkit-scrollbar-thumb:hover { - background-color: #888888; +a { + color: #46555e; } /* header */ @@ -96,27 +80,16 @@ body { line-height: 1; } -#header > h1 a { - text-decoration: none; - color: inherit; -} - @media screen and (min-width: 768px) { #header > h1 { font-size: 2.8rem; } } -@media screen and (max-width: 512px) { - .item-date { - display: none; - } -} - #header > nav { display: flex; flex-direction: row; - justify-content: space-around; + justify-content: flex-end; flex-wrap: wrap; max-width: 768px; width: 100%; @@ -126,9 +99,9 @@ body { border: 1px solid black; border-radius: 4px; margin: 0.2rem; - padding: 0.2rem; + padding: 0.3rem; text-decoration: none; - color: inherit; + color: 46555e; } @@ -145,7 +118,6 @@ body { flex-grow: 1; max-width: 768px; padding: 2rem 0; - width: calc(100% - 2rem); } /* footer */ @@ -170,14 +142,6 @@ footer .links a { margin: 0.5rem; } -.content a.footnote-ref::before { - content: "["; -} - -.content a.footnote-ref::after { - content: "]"; -} - .content blockquote, .content div, .content h1, @@ -201,7 +165,7 @@ footer .links a { } .content code { - background-color: #F5F5F5; + background-color: hsl(0, 0%, 96%); border-radius: .2rem; color: #AA0000; font-family: 'Latin Modern Mono', Courier, monospace; @@ -246,7 +210,6 @@ h1.title { } .content p { - text-align: justify; padding: 0.2rem; } @@ -316,4 +279,9 @@ li.post summary { li.post p { padding-left: 1.5rem; padding-right: 1.5rem; +} + +#header > h1 a { + text-decoration: none; + color: inherit; }
\ No newline at end of file |