diff options
| author | adam <56338480+adastx@users.noreply.github.com> | 2022-08-28 07:16:20 +0200 |
|---|---|---|
| committer | adam <56338480+adastx@users.noreply.github.com> | 2022-08-28 07:17:33 +0200 |
| commit | 5101944c5716ceebcc1afd917c323c94cf29a69c (patch) | |
| tree | a2ea24107583e8b2d14bb7a09e8fc9d64d850883 | |
| parent | d1f2618a552a79419c45ac66ea1c49fc8761c592 (diff) | |
css: colour variables
| -rw-r--r-- | README.md | 2 | ||||
| -rw-r--r-- | dst/.files | 4 | ||||
| -rw-r--r-- | dst/ase.html | 26 | ||||
| -rw-r--r-- | dst/game.html | 26 | ||||
| -rw-r--r-- | dst/index.html | 24 | ||||
| -rw-r--r-- | dst/spo.html | 26 | ||||
| -rw-r--r-- | dst/styles/style.css | 36 | ||||
| -rw-r--r-- | src/_header.html | 24 | ||||
| -rw-r--r-- | src/styles/style.css | 36 |
9 files changed, 121 insertions, 83 deletions
@@ -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. @@ -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 @@ <!DOCTYPE html> <html> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - - <title>Q1. Software Process Model - Waterfall — adast.xyz</title> - <link rel="icon" type="image/x-icon" href="images/favicon.ico"> - <link rel="stylesheet" href="styles/style.css"> - </head> - <body> - <header> - <a href="/" class="homepage-link">adast.xyz</a> - </header> + +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + + <title>Q1. Software Process Model - Waterfall — adast.xyz</title> + <link rel="icon" type="image/x-icon" href="images/favicon.ico"> + <link rel="stylesheet" href="styles/style.css"> +</head> + +<body> + <header> + <a href="/" class="homepage-link">adast.xyz</a> + </header> <h1 id="q1.-software-process-model---waterfall">Q1. Software Process Model - Waterfall</h1> <h2 id="what-is-software-engineering-a-response-to">What is software engineering a response to?</h2> diff --git a/dst/game.html b/dst/game.html index 14cd15b..995bc2e 100644 --- a/dst/game.html +++ b/dst/game.html @@ -1,17 +1,19 @@ <!DOCTYPE html> <html> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - - <title>Project Aftershock — adast.xyz</title> - <link rel="icon" type="image/x-icon" href="images/favicon.ico"> - <link rel="stylesheet" href="styles/style.css"> - </head> - <body> - <header> - <a href="/" class="homepage-link">adast.xyz</a> - </header> + +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + + <title>Project Aftershock — adast.xyz</title> + <link rel="icon" type="image/x-icon" href="images/favicon.ico"> + <link rel="stylesheet" href="styles/style.css"> +</head> + +<body> + <header> + <a href="/" class="homepage-link">adast.xyz</a> + </header> <h1 id="project-aftershock">Project Aftershock</h1> <blockquote> 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 @@ <!DOCTYPE html> <html> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>adast.xyz</title> - <link rel="icon" type="image/x-icon" href="images/favicon.ico"> - <link rel="stylesheet" href="styles/style.css"> - </head> - <body> - <header> - <a href="/" class="homepage-link">adast.xyz</a> - </header> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + + <title>adast.xyz</title> + <link rel="icon" type="image/x-icon" href="images/favicon.ico"> + <link rel="stylesheet" href="styles/style.css"> +</head> + +<body> + <header> + <a href="/" class="homepage-link">adast.xyz</a> + </header> <p>Hello there!</p> <p>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.</p> 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 @@ <!DOCTYPE html> <html> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - - <title>Exam — adast.xyz</title> - <link rel="icon" type="image/x-icon" href="images/favicon.ico"> - <link rel="stylesheet" href="styles/style.css"> - </head> - <body> - <header> - <a href="/" class="homepage-link">adast.xyz</a> - </header> + +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + + <title>Exam — adast.xyz</title> + <link rel="icon" type="image/x-icon" href="images/favicon.ico"> + <link rel="stylesheet" href="styles/style.css"> +</head> + +<body> + <header> + <a href="/" class="homepage-link">adast.xyz</a> + </header> <h1 id="exam">Exam</h1> <ul> 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 @@ <!DOCTYPE html> <html> - <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title></title> - <link rel="icon" type="image/x-icon" href="images/favicon.ico"> - <link rel="stylesheet" href="styles/style.css"> - </head> - <body> - <header> - <a href="/" class="homepage-link">adast.xyz</a> - </header> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + + <title></title> + <link rel="icon" type="image/x-icon" href="images/favicon.ico"> + <link rel="stylesheet" href="styles/style.css"> +</head> + +<body> + <header> + <a href="/" class="homepage-link">adast.xyz</a> + </header> 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); } |