Add actual content

assets/_animations.scss

@@ -1,9 +1,9 @@
 @keyframes rainbow {
-	0% { color: #ff0000; }
+	  0%	{ color: #ff0000; }
-	16.66% { color: #ff8000; }
+	 16.66%	{ color: #ff8000; }
-	33.33% { color: #ffff00; }
+	 33.33%	{ color: #ffff00; }
-	50% { color: #00ff00; }
+	 50%	{ color: #00ff00; }
-	66.66% { color: #0000ff; }
+	 66.66%	{ color: #0000ff; }
-	83.33% { color: #8000ff; }
+	 83.33%	{ color: #8000ff; }
-	100% { color: #ff0000; }
+	100%	{ color: #ff0000; }
 }

assets/_colors.scss

@@ -1,4 +1,12 @@
-$color-background:  #10161c;
+$color-forgejo-bg-dark:   #10161c;
-$color-burger:      #ddd;
+$color-forgejo-bg-light:  #1d262f;
-$color-link:        #fb923c;
+$color-forgejo-dark:      #c0cfe0;
-$color-text:        #c0cfe0;
+$color-forgejo-light:     #d2e0f0;
+$color-forgejo-orange:    #fb923c;
+
+$color-background:        $color-forgejo-bg-dark;
+$color-background-light:  $color-forgejo-bg-light;
+$color-burger:            $color-forgejo-dark;
+$color-link:              $color-forgejo-orange;
+$color-text:              $color-forgejo-dark;
+$color-text-light:        $color-forgejo-light;

assets/style.scss

@@ -23,13 +23,16 @@ body {
 	}
 }
 
+header, footer {
+	padding: 0 1rem;
+}
+
 header {
 	align-items: center;
 	display: flex;
 	flex-wrap: wrap;
 	justify-content: space-between;
 	margin-top: 1rem;
-	padding: 0 1rem;
 
 	& > .header-title {
 		font-weight: bold;
@@ -40,6 +43,19 @@ main {
 	padding: 1rem;
 }
 
+footer {
+	margin-bottom: 1rem;
+
+	nav {
+		align-items: end;
+
+		@media screen and (min-width: $small) {
+			align-items: normal;
+			justify-content: end;
+		}
+	}
+}
+
 nav {
 	display: flex;
 	flex-direction: column;
@@ -83,12 +99,43 @@ a {
 	}
 }
 
-.hello-world {
+h1, h2, h3, h4, h5, h6 {
-	animation: rainbow 3s linear 0s infinite;
+	margin-bottom: 0.5em;
+
+	ol + &, p + &, pre + &, ul + & {
+		margin-top: 1em;
+	}
+}
+
+h1 {
 	font-family: "Noto Sans Mono", monospace;
-	font-size: 96px;
+	font-size: 6rem;
 	line-height: 1.15;
 	text-align: center;
+
+	@media (prefers-reduced-motion: no-preference) {
+		animation: rainbow 3s linear 0s infinite;
+	}
+}
+
+ol, p, pre, ul {
+	&:not(:last-child) {
+		margin-bottom: 0.5em;
+	}
+}
+
+ol, ul {
+	padding-left: 1.5em;
+}
+
+pre {
+	background: $color-background-light;
+	border-radius: 3px;
+	color: $color-text-light;
+	font-family: "Noto Sans Mono", monospace;
+	font-size: 0.8rem;
+	overflow-x: auto;
+	padding: 0.8em 1em;
 }
 
 .nav-burger {

config.toml

@@ -1,16 +1,29 @@
 baseURL = "https://www.luj0ga.de/"
-languageCode = "en-us"
+languageCode = "en-US"
 title = "luj0ga"
 
 [menu]
   [[menu.main]]
+    name = "Projects"
+    url = "https://git.luj0ga.de/luca"
+    weight = 10
+  [[menu.main]]
+    name = "More projects"
+    url = "https://github.com/lujoga?tab=repositories"
+    weight = 20
+
+  [[menu.footer]]
     name = "Git"
     url = "https://git.luj0ga.de"
     weight = 10
-  [[menu.main]]
+  [[menu.footer]]
     name = "Pad"
     url = "https://md.luj0ga.de"
     weight = 20
+# [[menu.footer]]
+#   name = "Minecraft"
+#   url = "https://mc.luj0ga.de"
+#   weight = 30
 
 [minify]
   minifyOutput = true

content/_index.md

@@ -1,3 +1,24 @@
 ---
 title: ''
 ---
+
+# Hello, world!
+
+My name is **Luca** (or **lujoga**, sometimes with a '0' for the 'o').
+I *do* live on the second floor, but probably not upstairs from you.
+
+You can find me in the following places:
+
+* [GitHub](https://github.com/lujoga)
+* {{<mastodon href="https://chaos.social/@luca">}}Mastodon{{</mastodon>}}
+* [Matrix](https://matrix.to/#/@luca:doesnt.social)
+
+## [PGP](/0xA3ECC1D8D19929A5.asc)
+
+```
+pub   ed25519/0xA3ECC1D8D19929A5 2019-01-22 [SC] [expires: 2023-02-15]
+      740DF8EAC4A530E69EB821F7A3ECC1D8D19929A5
+uid                             Luca Schmid <luca.schmid@fau.de>
+uid                             Luca <Luca@hackerspace-bamberg.de>
+sub   cv25519/0xDA76C2AD2E21CD62 2019-01-22 [E] [expires: 2023-02-15]
+```

layouts/_default/baseof.html

@@ -27,5 +27,12 @@
 			{{ block "main" . }}
 			{{ end }}
 		</main>
+		<footer>
+			<nav>
+{{ range .Site.Menus.footer }}
+				<a href="{{ .URL }}"{{ if hasPrefix .URL "https://" }} target="_blank"{{ end }}>{{ .Name }}</a>
+{{ end }}
+			</nav>
+		</footer>
 	</body>
 </html>

layouts/index.html

@@ -1,4 +1,3 @@
 {{ define "main" }}
-<h1 class="hello-world">Hello World</h1>
 {{ .Content }}
 {{ end }}

layouts/shortcodes/mastodon.html

@@ -0,0 +1 @@
+<a href="{{ .Get "href" }}" rel="me">{{ .Inner }}</a>

static/0xA3ECC1D8D19929A5.asc

@@ -0,0 +1,24 @@
+-----BEGIN PGP PUBLIC KEY BLOCK-----
+
+mDMEXEdeQxYJKwYBBAHaRw8BAQdAbu89PKLtvGsFbpbQH68GKUJ5EErDoGeYGp8z
+dYizouK0IEx1Y2EgU2NobWlkIDxsdWNhLnNjaG1pZEBmYXUuZGU+iJYEExYIAD4W
+IQR0DfjqxKUw5p64Ifej7MHY0ZkppQUCYhKxbAIbAwUJB6XvKQULCQgHAgYVCgkI
+CwIEFgIDAQIeAQIXgAAKCRCj7MHY0ZkppdkJAP9/+Vvssb/MYv7N9PtzCQk2cact
+akgRUKQGaBchDOmxXwEAkLF4EUKq9hQzcRwc1XkbL90acTzW1fL5+DfA8ntwIwq0
+Ikx1Y2EgPEx1Y2FAaGFja2Vyc3BhY2UtYmFtYmVyZy5kZT6ImQQTFggAQQIbAwUL
+CQgHAgYVCgkICwIEFgIDAQIeAQIXgAUJB6XvKRYhBHQN+OrEpTDmnrgh96PswdjR
+mSmlBQJiErFsAhkBAAoJEKPswdjRmSmlQn0A/iYuXbBhFpc8ACidcgZPO8ne8SP9
+HIPlUf5BJC2Pe1mMAP9OfuZNycMrw/mpWUY47VB3xD6AqROjZg3I4RzQSXhmB4iW
+BBMWCAA+AhsDBQsJCAcCBhUKCQgLAgQWAgMBAh4BAheAFiEEdA346sSlMOaeuCH3
+o+zB2NGZKaUFAlxHafAFCQHhPy0ACgkQo+zB2NGZKaWeqwEAxWt5jmRE5PGxcTeu
+Gcge6QO85mEdJ/26PVOSPUh8iYMBAIYzIDSFo/4LuUX8Lw5aaKhxTf4rmXab13Ul
+1MsmD/4PiJYEExYIAD4CGwMFCwkIBwIGFQoJCAsCBBYCAwECHgECF4AWIQR0Dfjq
+xKUw5p64Ifej7MHY0ZkppQUCXh+f1QUJA7l1EgAKCRCj7MHY0ZkppSZJAQDm4r53
+TEdj7NsgCiH9I9Tsx/n9v9Lg2jYhdFMjiWyJ2gEA99r+1NfX3LUlEgMuPA53eqs0
+Coc/5Dyb+anVJ19HpAW4OARcR15DEgorBgEEAZdVAQUBAQdAu027YWdF3nnDDmWe
+DZQVRbH3YG+1iSLoMVF4VbQ3YwwDAQgHiJIEGBYIACYCGwwWIQR0DfjqxKUw5p64
+Ifej7MHY0ZkppQUCYhKxbAUJB6XvKQAeCRCj7MHY0ZkppQkQo+zB2NGZKaUJEKPs
+wdjRmSml56UBAPj2Nhqic+pA06mi0n0qnSPwjdK6LCCNNuNZi2iZk3teAP9Ex43K
+T7/zhTUgJq8N+4AIzN9OCbIBAoerg3EeivLlDA==
+=vk/3
+-----END PGP PUBLIC KEY BLOCK-----