From 5101944c5716ceebcc1afd917c323c94cf29a69c Mon Sep 17 00:00:00 2001 From: adam <56338480+adastx@users.noreply.github.com> Date: Sun, 28 Aug 2022 07:16:20 +0200 Subject: css: colour variables --- dst/.files | 4 ++++ dst/ase.html | 26 ++++++++++++++------------ dst/game.html | 26 ++++++++++++++------------ dst/index.html | 24 +++++++++++++----------- dst/spo.html | 26 ++++++++++++++------------ dst/styles/style.css | 36 ++++++++++++++++++++++++------------ 6 files changed, 83 insertions(+), 59 deletions(-) (limited to 'dst') diff --git a/dst/.files b/dst/.files index a425f16..1917e09 100644 --- a/dst/.files +++ b/dst/.files @@ -1 +1,5 @@ ./styles/style.css +./game.md +./index.md +./ase.md +./spo.md diff --git a/dst/ase.html b/dst/ase.html index f5ece4d..159bfb1 100644 --- a/dst/ase.html +++ b/dst/ase.html @@ -1,17 +1,19 @@ -
- - - -diff --git a/dst/index.html b/dst/index.html index 7050fe7..5ed3d97 100644 --- a/dst/index.html +++ b/dst/index.html @@ -1,17 +1,19 @@ - - - -adast.xyz - - - - -- adast.xyz - + + + + +adast.xyz + + + + + ++ adast.xyz + Hello there!
My name is Adam and I am a computer nerd studying at Aalborg University. I am interested in space, game dev, sailing and the outdoors.
diff --git a/dst/spo.html b/dst/spo.html index b6087e9..c3c966a 100644 --- a/dst/spo.html +++ b/dst/spo.html @@ -1,17 +1,19 @@ - - - - -Exam — adast.xyz - - - - -- adast.xyz - + + + + + +Exam — adast.xyz + + + + + ++ adast.xyz + Exam
diff --git a/dst/styles/style.css b/dst/styles/style.css index b20fd70..c5f9a89 100644 --- a/dst/styles/style.css +++ b/dst/styles/style.css @@ -1,6 +1,18 @@ +:root { + --bg: #181a1b; + --bg-light: #222; + --fg: #ddd; + --gray: #888; + --gray-light: #555; + --yellow: #fda; + --yellow-dark: #ca8; + --yellow-warm: #e6c79a; + --wine: #c65a5a +} + body { - background-color: #181a1b; - color: #ddd; + background-color: var(--bg); + color: var(--fg); font: 1em/1.8 'Open Sans', sans-serif; margin: 0 auto; max-width: 50em; @@ -10,7 +22,7 @@ body { header { margin-top: 1em; font-size: 2em; - color: #888; + color: var(--gray); } footer { @@ -18,17 +30,17 @@ footer { margin-bottom: 1.5em; text-align: center; font-size: 0.95em; - color: #888; + color: var(--gray); } a { - color: #fda; + color: var(--yellow); text-decoration: none; } a:hover { text-decoration: underline; - text-decoration-color: #ca8; + text-decoration-color: var(--yellow-dark); } pre > code { @@ -41,8 +53,8 @@ pre > code { pre, code { font-family: 'Fira Code', monospace; font-size: 0.98em; - color: #ddd; - background-color: #222; + color: var(--fg); + background-color: var(--bg-light); border-radius: 5px; } @@ -62,14 +74,14 @@ img { } blockquote { - background-color: #222; - border-left: 5px solid #e6c79a; + background-color: var(--bg-light); + border-left: 5px solid var(--yellow-warm); border-radius: 5px; margin: 0em 1em; padding-left: 1em; } .homepage-link { - color: rgb(198, 90, 90); - text-decoration-color: #555; + color: var(--wine); + text-decoration-color: var(--gray-light); } -- cgit v1.2.3-70-g09d2