aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--src/_footer.html2
-rw-r--r--src/_header.html12
-rw-r--r--src/game.md4
-rw-r--r--src/index.md9
-rw-r--r--src/scripts/darktheme.js4
-rw-r--r--src/styles/style.css22
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>
&nbsp;&nbsp;&bull;&nbsp;&nbsp;
- <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>
+ &nbsp;&nbsp;&bull;&nbsp;&nbsp;
+ <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 &mdash; 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
-&#10148;&ensp;[Project Aftershock](game.html)
+
+&#10148;&ensp;[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;
+}