diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/_footer.html | 2 | ||||
| -rw-r--r-- | src/_header.html | 12 | ||||
| -rw-r--r-- | src/game.md | 4 | ||||
| -rw-r--r-- | src/index.md | 9 | ||||
| -rw-r--r-- | src/scripts/darktheme.js | 4 | ||||
| -rw-r--r-- | src/styles/style.css | 22 |
6 files changed, 31 insertions, 22 deletions
diff --git a/src/_footer.html b/src/_footer.html index 9dd7db1..cfafcb2 100644 --- a/src/_footer.html +++ b/src/_footer.html @@ -14,7 +14,7 @@ <a href="https://steamcommunity.com/id/adastx">Steam</a> </footer> -<script src="scripts/darktheme.js"></script> +<script src="/scripts/darktheme.js"></script> </body> </html> diff --git a/src/_header.html b/src/_header.html index 0bc9ced..9c5de35 100644 --- a/src/_header.html +++ b/src/_header.html @@ -6,14 +6,18 @@ <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"> - <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> + <link rel="icon" type="image/x-icon" href="/images/favicon.ico"> + <link rel="stylesheet" type="text/css" href="/styles/style.css"> + <link rel="stylesheet" type="text/css" + href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <body> <header> <a href="/" class="homepage-link">adast.xyz</a> • - <a id="darkmodetoggle" class="fa fa-moon-o" onclick="switchTheme()" aria-hidden="true"></a> + <a href="/rss.xml" type="application/xml" title="My RSS feed" class="fa fa-rss-square" aria-hidden="true"></a> + • + <a id="darkmodetoggle" title="Toggle dark theme" class="fa fa-moon-o" onclick="switchTheme()" + aria-hidden="true"></a> </header> diff --git a/src/game.md b/src/game.md index d97398a..0f5b681 100644 --- a/src/game.md +++ b/src/game.md @@ -1,6 +1,6 @@ -# Project Aftershock +<p id="date"><em>2021-05-07</em></p> -> 7<sup>th</sup> May 2021 — hello world! +# Project Aftershock {#title} Aftershock (working title) is a multiplayer old-school arena shooter being made in Unity. It's a hobby project that I have been working on since 2016. It started as a *warmup* project before jumping into developing an MMO, but I have since learned how much work goes into making just a multiplayer fps. Especially as a solo project. diff --git a/src/index.md b/src/index.md index d773691..aafa6bb 100644 --- a/src/index.md +++ b/src/index.md @@ -1,8 +1,11 @@ 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. +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. -I'm currently working as a student developer at E-Komplet and I work on my multiplayer old-school arena shooter in my free time. I occasionally post videos of my game along with other stuff [here](https://youtube.com/c/adamski1). +I'm currently working as a student developer at E-Komplet and I work on my multiplayer old-school arena shooter in my free time. +I occasionally post videos of my game along with other stuff [here](https://youtube.com/c/adamski1). ## Posts -➤ [Project Aftershock](game.html) + +➤ [Project Aftershock](/game "2021-05-07") diff --git a/src/scripts/darktheme.js b/src/scripts/darktheme.js index 0c577b6..a3f0333 100644 --- a/src/scripts/darktheme.js +++ b/src/scripts/darktheme.js @@ -12,11 +12,11 @@ if (theme) { function setTheme(dark) { if (dark) { document.documentElement.classList.add("dark-mode"); - themeButton.className = "fa fa-sun-o"; + // themeButton.className = "fa fa-sun-o"; localStorage.setItem("theme", "dark"); } else { document.documentElement.classList.remove("dark-mode"); - themeButton.className = "fa fa-moon-o"; + // themeButton.className = "fa fa-moon-o"; localStorage.setItem("theme", "light"); } isDark = dark; diff --git a/src/styles/style.css b/src/styles/style.css index c65adc5..b65c38a 100644 --- a/src/styles/style.css +++ b/src/styles/style.css @@ -1,23 +1,21 @@ :root { --bg: #f3f3f3; --fg: #181a1b; - --link: #006697; + --link: #175db6; --code: #e8e8e8; --footer: #828997; --home-link: #c02c38; --quote-border: #c678dd; - --theme-toggle: #4078f2; } .dark-mode { --bg: #282c34; --fg: #c8ceda; - --link: #56b6c2; + --link: #64d9a8; --code: #363a45; --footer: #828997; - --home-link: #e06c75; + --home-link: #89b4fa; --quote-border: #c678dd; - --theme-toggle: #f9e2af; } html { @@ -35,6 +33,7 @@ body { header { overflow:hidden; margin-top: 1em; + margin-bottom: 1em; font-size: 2em; color: var(--footer); } @@ -49,7 +48,7 @@ header { footer { margin-top: 3em; - margin-bottom: 1.5em; + margin-bottom: 2em; text-align: center; font-size: 0.95em; color: var(--footer); @@ -106,11 +105,14 @@ blockquote { color: var(--home-link); } -#darkmodetoggle { - color: var(--theme-toggle); -} - #darkmodetoggle:hover { cursor: pointer; text-decoration: none; } + +#title { + margin-top: 0; +} +#date { + margin-bottom: 0; +} |