added the contact page

_data/contact.yml

@@ -0,0 +1,22 @@
+- heading: Social
+  entries:
+  - [lynne@bune.city, "mailto:lynne@bune.city"]
+  - ["@lynnesbian@fedi.lynnesbian.space", https://fedi.lynnesbian.space/@lynnesbian]
+  - [My blog, https://bune.city]
+
+- heading: Computer Junk
+  entries:
+  - [Keybase, https://keybase.io/lynnesbian]
+  - [GitHub, https://github.com/lynnesbian]
+  - [Gitea, https://git.bune.city]
+
+- heading: Gaming
+  entries:
+  - [Steam, https://steamcommunity.com/id/lynnesbian]
+  - [Xbox, "https://account.xbox.com/en-au/profile?gamertag=lynnesbian"]
+  - [SW-4030-6532-7056 (Switch), null]
+
+- heading: Other
+  entries:
+  - [YouTube, https://www.youtube.com/channel/UCAslpe1QisQv5fkD1E5QV1Q]
+  - [reddit, https://reddit.com/u/deleeciousCheeps]

_includes/footer.html

@@ -1,4 +1,5 @@
 <footer>
-	<a href='/contact'>Contact</a> - <a href='https://bune.city'>Blog</a> - <a
+	{%- if page.title != "Welcome!" -%}<a href='/'>Home</a> - {% endif -%}
-		href='https://github.com/lynnesbian'>GitHub</a> - <a href='https://git.bune.city/lynnesbian'>Gitea</a>
+	{%- if page.title != "Contact" -%}<a href='/contact'>Contact</a> - {% endif -%}
+	<a href='https://bune.city'>Blog</a> - <a href='https://github.com/lynnesbian'>GitHub</a> - <a href='https://git.bune.city/lynnesbian'>Gitea</a>
 </footer>

assets/style.css

@@ -1,3 +1,6 @@
+html {
+	background: #fafafa;
+}
 body {
 	font-family: "Roboto", sans-serif;
 	display: flex;
@@ -5,18 +8,20 @@ body {
 	min-height: 100vh;
 	margin: 0;
 }
-body div {
+#main {
 	flex-grow: 1;
-}
+	width: 80%;
-html {
+	margin: 0 auto;
-	background: #fafafa;
 }
 
 h1 {
-	font-family: "Open Sans", "Roboto", sans-serif;
 	text-align: center;
-	font-size:4em;
+	font-size: 4em;
-	font-weight: 200;
+	font-weight: 200 !important;
+}
+h1, h2, h3, h4, h5, h6 {
+	font-family: "Open Sans", "Roboto", sans-serif;
+	font-weight: 400;
 }
 
 #bune {
@@ -27,7 +32,6 @@ h1 {
 }
 
 p, footer, ul {
-	width: 80%;
 	margin: 20px auto;
 	line-height: 1.3em;
 }
@@ -50,7 +54,6 @@ footer {
 	text-align: center;
 	color: grey;
 	font-style: italic;
-	margin: 20px auto;
 	box-sizing: content-box;
 }
 

contact.html

@@ -0,0 +1,22 @@
+---
+title: "Contact"
+layout: default
+---
+<h1>Contact</h1>
+<div>
+	<p>
+		You can find me at any of the places listed below:
+	</p>
+
+	{%- for item in site.data.contact %}
+	<h2>{{ item.heading }}</h2>
+	<ul>
+		{%- for entry in item.entries -%}
+		<li>{%- if entry[1] -%}<a href='{{ entry[1] }}'>{% endif %}{{ entry[0] }}{% if entry[1] %}</a>{% endif %}</li>
+		{% endfor %}
+	</ul>
+	{% endfor %}
+	<p>
+		I do have accounts on services other than these, but I don't use them enough for them to be worth sharing here.
+	</p>
+</div>