diff options
| author | Prefetch | 2020-04-05 01:01:15 +0200 |
|---|---|---|
| committer | Prefetch | 2020-04-05 01:01:15 +0200 |
| commit | 9560b33e6f66b11578efb43f5cccde1fc8bedf76 (patch) | |
| tree | d1d2f1b3de1fa7eb3605a9d71c18564e3771a05b | |
| parent | da6db3495c66cc78d2630d1317b1b9b4bc40f981 (diff) | |
Redesign with both light and dark themes
| -rw-r--r-- | config.toml | 3 | ||||
| -rw-r--r-- | content/sheats/_index.md | 9 | ||||
| -rw-r--r-- | static/main.css | 61 | ||||
| -rw-r--r-- | templates/index.html | 10 |
4 files changed, 35 insertions, 48 deletions
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 @@ <link rel="stylesheet" href="/main.css"> </head> <body> -<div class="navbar"> -<div class="navitem navhome"><b><a href="/">PREFETCH</a></b></div> -{% for s in config.extra.sections %} -<div class="navitem"><a href="{{ s.url | safe }}">{{ s.name | safe }}</a></div> -{% endfor %} +<div class="nav"> +<div class="navl"><a href="/">PREFETCH</a></div> +<div class="navr"> +<a href="/articles/">Articles</a> <a href="/software/">Software</a> +</div> </div> <hr> <div class="content"> |