From 342d8264fd15de56c9c142160645c202620211d6 Mon Sep 17 00:00:00 2001 From: Pagwin Date: Sat, 3 Aug 2024 01:54:44 -0400 Subject: [PATCH] got a decent amount of styling done --- links.typ | 6 ++++-- static/css/default.css | 47 +++++++++++++++++++++++++++++++++++------- templates/default.html | 8 +++---- 3 files changed, 46 insertions(+), 15 deletions(-) diff --git a/links.typ b/links.typ index d85bcb1..82bbd56 100644 --- a/links.typ +++ b/links.typ @@ -1,3 +1,5 @@ +Here's some links to various things of mine \ #link("https://github.com/Pagwin-Fedora")[Github] \ -#link("https://www.linkedin.com/in/spencer-powell-pagwin/")[Linkedin] \ -#link("https://pagwin.xyz/index.xml")[RSS] +#link("https://www.linkedin.com/in/spencer-powell-pagwin/")[Linkedin] #strike[I barely look at this] \ +#link("/index.xml")[RSS] \ +#link("/unvisited")[Unvisted] diff --git a/static/css/default.css b/static/css/default.css index 90677b3..2e0c7bc 100644 --- a/static/css/default.css +++ b/static/css/default.css @@ -1,13 +1,44 @@ /*https://color.adobe.com/create/color-contrast-analyzer*/ /*dark theme*/ -/* TODO: make links stand out more*/ -body{ - background: #000; - color: #5ac; +body.dark{ + --bg-color: #000; + --link-clicked: #B250D8; + --link-unclicked: #d80; + --normal-text: #5ac; } /*light theme*/ -/* +body.light{ + --bg-color: #FDAAA3; + --link-unclicked: #147; + --link-clicked: #042; + --normal-text: #000; +} + body { - background: #FA8072; - color: #000; -}*/ + background: var(--bg-color); + color: var(--normal-text); + width: 100%; + height: 100%; +} + +a { + color: var(--link-unclicked); + font-weight: bold; + text-decoration: none; +} + +a:visited { + color: var(--link-clicked); +} + +a:hover { + text-decoration: underline; +} + +#header { + display: flex; + flex-flow: row nowrap; + gap: 10px; +} +.nav-link { +} diff --git a/templates/default.html b/templates/default.html index 86c6520..dda43d4 100644 --- a/templates/default.html +++ b/templates/default.html @@ -8,11 +8,9 @@

{{{title}}}