From bf852b604fa87293406d555b60d8e035de8acdd1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ondr=CC=8Cej=20Ny=CC=81vlt?= Date: Thu, 17 Aug 2023 13:24:41 +0200 Subject: [PATCH] Add link to source code to footer --- view/static/main.css | 27 ++++++++++++++++++++++----- view/templates/parts/footer.html | 27 +++++++++++++++------------ 2 files changed, 37 insertions(+), 17 deletions(-) diff --git a/view/static/main.css b/view/static/main.css index 9e0f7c1..581b0c2 100644 --- a/view/static/main.css +++ b/view/static/main.css @@ -82,6 +82,7 @@ a { color: var(--accent-color); font-weight: 500; text-decoration: none; + transition: color 120ms; } a:hover { @@ -179,26 +180,42 @@ details[open] summary::before { margin-top: 4rem; padding: 1.5rem 0; color: hsl(0 0% 60%); + font-size: var(--font-size-s); + font-weight: 500; } .footer a { color: inherit; } +.footer a:hover { + color: hsl(0 0% 40%); +} + .footer-container { + display: flex; + align-items: center; + flex-shrink: 0; + flex-wrap: wrap; + gap: 0.5rem; +} + +.footer-colophon { display: flex; align-items: center; gap: 0.5rem; } -.footer-nologo { - display: inline-block; - fill: hsl(0 0% 60%); +.footer-colophon svg { + display: block; + fill: currentColor; transition: fill 120ms; } -.footer-nologo:hover { - fill: hsl(0 0% 40%); +.footer-item:not(:last-child)::after { + content: " ยท "; + opacity: 0.5; + margin: 0 0.25rem; } .container { diff --git a/view/templates/parts/footer.html b/view/templates/parts/footer.html index 6ddc5f9..91047e8 100644 --- a/view/templates/parts/footer.html +++ b/view/templates/parts/footer.html @@ -1,16 +1,19 @@