From e4b0ff273dc653f10d57fce8dcfc78b5215e7ff4 Mon Sep 17 00:00:00 2001 From: Shadowfacts Date: Wed, 6 Apr 2022 23:43:16 -0400 Subject: [PATCH] Webring --- site/css/dark.scss | 2 ++ site/css/light.scss | 2 ++ site/css/main.scss | 35 +++++++++++++++++++++++++- site/layouts/default.html.ejs | 47 ++++++++++++++++++----------------- 4 files changed, 62 insertions(+), 24 deletions(-) diff --git a/site/css/dark.scss b/site/css/dark.scss index b9e0984..99d428d 100644 --- a/site/css/dark.scss +++ b/site/css/dark.scss @@ -12,6 +12,8 @@ --aside-warning-background: var(--dark-aside-warning-background); --aside-warning-border: var(--dark-aside-warning-border); + --webring-background: var(--dark-webring-background); + // Syntax highdarking --atom-base: var(--dark-atom-base); --atom-mono-1: var(--dark-atom-mono-1); diff --git a/site/css/light.scss b/site/css/light.scss index d7261b7..6804636 100644 --- a/site/css/light.scss +++ b/site/css/light.scss @@ -12,6 +12,8 @@ --aside-warning-background: var(--light-aside-warning-background); --aside-warning-border: var(--light-aside-warning-border); + --webring-background: var(--light-webring-background); + // Syntax highlighting --atom-base: var(--light-atom-base); --atom-mono-1: var(--light-atom-mono-1); diff --git a/site/css/main.scss b/site/css/main.scss index f22ab5c..74277f4 100644 --- a/site/css/main.scss +++ b/site/css/main.scss @@ -30,6 +30,9 @@ $dark-accent-color: #f9c72f; --light-aside-warning-border: #c6322f; --dark-aside-warning-border: #c6322f; + --light-webring-background: linear-gradient(135deg, #855988, #6b4984, #483475, #2b2f77, #141852); + --dark-webring-background: linear-gradient(135deg, rgba(128, 224, 105, 1), rgba(128, 224, 105, 0.7)); + // Syntax highlighting --light-atom-base: #fafafa; --dark-atom-base: #282c34; @@ -646,8 +649,12 @@ table { display: flex; flex-direction: row; justify-content: space-between; - align-items: flex-start; flex-wrap: wrap; + align-items: baseline; + + > * { + width: 50%; + } .site-title { margin: 0; @@ -656,6 +663,8 @@ table { } .ui-controls { + order: 1; + input { display: none; } @@ -691,6 +700,21 @@ table { } } } + + .webring { + order: 2; + background: var(--webring-background); + background-clip: text; + width: fit-content; + font-size: 1.2em; + font-variant: small-caps; + font-weight: 900; + + a { + text-decoration: none; + color: transparent; + } + } } // Pagination @@ -754,6 +778,15 @@ table { } } +@media (max-width: 768px) { + .site-footer { + display: block; + > * { + width: 100%; + } + } +} + // 720 + 30 + 720 + 15 // main content, l/r container padding, aside width (50% on each side), outer edge margin // inner edge margin overlaps with container padding diff --git a/site/layouts/default.html.ejs b/site/layouts/default.html.ejs index 45c349a..7ef696d 100644 --- a/site/layouts/default.html.ejs +++ b/site/layouts/default.html.ejs @@ -70,29 +70,30 @@