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 --- README.md | 2 +- dst/.files | 4 ++++ dst/ase.html | 26 ++++++++++++++------------ dst/game.html | 26 ++++++++++++++------------ dst/index.html | 24 +++++++++++++----------- dst/spo.html | 26 ++++++++++++++------------ dst/styles/style.css | 36 ++++++++++++++++++++++++------------ src/_header.html | 24 +++++++++++++----------- src/styles/style.css | 36 ++++++++++++++++++++++++------------ 9 files changed, 121 insertions(+), 83 deletions(-) diff --git a/README.md b/README.md index 22c3939..38dbf8b 100644 --- a/README.md +++ b/README.md @@ -11,4 +11,4 @@ Suggestions welcome. 1. Install ssg 2. Create or edit the new post as a markdown file in src/ 3. (Optional) Add a link to it in src/index.md -4. Run `ssg src/ dst/ adast.xyz https://adast.xyz` to generate the new html. \ No newline at end of file +4. Run `ssg src/ dst/ adast.xyz https://adast.xyz` to generate the new html. 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); } diff --git a/src/_header.html b/src/_header.html index d0dc361..8247608 100644 --- a/src/_header.html +++ b/src/_header.html @@ -1,14 +1,16 @@ - - - -
- - - - - - adast.xyz - + + + + ++ + + + + + + adast.xyz + diff --git a/src/styles/style.css b/src/styles/style.css index b20fd70..c5f9a89 100644 --- a/src/styles/style.css +++ b/src/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