From 9560b33e6f66b11578efb43f5cccde1fc8bedf76 Mon Sep 17 00:00:00 2001 From: Prefetch Date: Sun, 5 Apr 2020 01:01:15 +0200 Subject: Redesign with both light and dark themes --- config.toml | 3 +-- content/sheats/_index.md | 9 ------- static/main.css | 61 +++++++++++++++++++++++------------------------- templates/index.html | 10 ++++---- 4 files changed, 35 insertions(+), 48 deletions(-) delete mode 100644 content/sheats/_index.md diff --git a/config.toml b/config.toml index 3c8d25c..4450045 100644 --- a/config.toml +++ b/config.toml @@ -16,7 +16,6 @@ build_search_index = false # Put all your custom variables here [extra] sections = [ - { url = "/articles/", name = "Articles " }, + { url = "/articles/", name = "Articles" }, { url = "/software/", name = "Software" }, - { url = "/sheats/", name = "Sheats" }, ] diff --git a/content/sheats/_index.md b/content/sheats/_index.md deleted file mode 100644 index 55b4661..0000000 --- a/content/sheats/_index.md +++ /dev/null @@ -1,9 +0,0 @@ -+++ -title = "Sheats" -+++ - -"Sheat" is an ugly contraction of "cheat sheet". -Here I will post heavily condensed references for topics -like mathematics or languages. - -For now, though: "Coming soon-ish!" diff --git a/static/main.css b/static/main.css index f73c997..62f4d73 100644 --- a/static/main.css +++ b/static/main.css @@ -1,42 +1,39 @@ body { - background-color:#282c34; - color:#abb2bf; + background-color: #fcfcfc; + color: #232629; max-width:72ch; text-align:justify; margin:auto; - padding:2ch; + padding:1em 0; + font-family: sans-serif; } -a { - text-decoration:none; - color:#61afef; -} +.content { min-height: calc(100vh - 20ch); } -h1 { - font-size:2rem; - text-align:center; -} -h2 { - font-size:1.5rem; - text-align:center; -} -h3 { - font-size:1rem; - text-align:center; -} +a {text-decoration:none;color:#1d99f3;} -.content { min-height: calc(100vh - 20ch); } +h1 {text-align:center;font-size:2rem;} +h2 {text-align:center;font-size:1.5rem;} +h3 {text-align:center;font-size:1rem;} + +.nav a:link {color:#232629;} +.nav a:visited{color:#232629;} +.nav a:hover {color:#1d99f3;} +.nav a:focus {color:#1d99f3;} +.nav a:active {color:#1d99f3;} + +.nav {height:2rem;font-size:2rem;} +.navl {width:30%;float:left;text-align:left;} +.navr {width:70%;float:left;text-align:right;} -.navbar a:link { color:#abb2bf; } -.navbar a:visited { color:#abb2bf; } -.navbar a:focus { color:#61afef; } -.navbar a:hover { color:#61afef; } -.navbar a:active { color:#61afef; } -.navbar { - display:flex; - flex-direction:row; - font-size:24px; - text-align:right; +@media (prefers-color-scheme: dark) { +body { + background-color: #232629; + color: #fcfcfc; +} +.nav a:link {color:#fcfcfc;} +.nav a:visited{color:#fcfcfc;} +.nav a:hover {color:#1d99f3;} +.nav a:focus {color:#1d99f3;} +.nav a:active {color:#1d99f3;} } -.navitem { flex:1; } -.navhome { text-align:left; } diff --git a/templates/index.html b/templates/index.html index 18b833a..eca6bb2 100644 --- a/templates/index.html +++ b/templates/index.html @@ -6,11 +6,11 @@ -