From 6242fe03dbd859fa66071cfd67f052c7cd2616f1 Mon Sep 17 00:00:00 2001
From: kayomn <kayomn@kayomn.net>
Date: Sat, 19 Aug 2023 16:55:36 +0100
Subject: [PATCH] Basic styling work

---
 content/_index.md      |  2 ++
 content/feed/_index.md |  1 +
 static/base.css        | 39 +++++++++++++++++++++++++++++++++++++++
 templates/base.html    | 13 ++++++++-----
 templates/feed.html    |  4 ----
 5 files changed, 50 insertions(+), 9 deletions(-)
 create mode 100644 static/base.css
diff --git a/content/_index.md b/content/_index.md
index 8504ee0..f4145a7 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -1,3 +1,5 @@
 +++
 title = "Hello world"
 +++
+
+We are a small hacker community focused on promiting a smaller-scale, self-sufficient, and decentralized web. It's also the name of a weekly ritual where we eat pizza on a Wednesday.
diff --git a/content/feed/_index.md b/content/feed/_index.md
index 22440c5..c243394 100644
--- a/content/feed/_index.md
+++ b/content/feed/_index.md
@@ -3,3 +3,4 @@ title = "Feed"
 generate_feed = true
 template = "feed.html"
 +++
+
diff --git a/static/base.css b/static/base.css
new file mode 100644
index 0000000..df3cbe7
--- /dev/null
+++ b/static/base.css
@@ -0,0 +1,39 @@
+
+:root {
+	font-family: sans-serif;
+}
+
+body {
+	margin: 0;
+	background-color: #ffffff;
+}
+
+nav {
+	min-height: 52px;
+	background-color: #f2b916;
+	display: flex;
+	align-items: center;
+}
+
+nav a {
+	display: flex;
+	align-items: center;
+	color: #000000;
+	padding: 0.4em .9em;
+	margin: 0 .35em;
+	text-decoration: none;
+	border-radius: 3px;
+}
+
+nav a:hover {
+	background-color: #b38710;
+}
+
+main {
+	margin: 1em;
+}
+
+footer {
+	display: flex;
+	justify-content: center;
+}
diff --git a/templates/base.html b/templates/base.html
index 24d8bb2..14c12ed 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -4,18 +4,21 @@
 	<head>
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<link rel="stylesheet" href="/base.css" />
+		<link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml">
 		<title>{% block title %}{{ config.title }}{% endblock %}</title>
 
-		{% block links %}
-		{% endblock %}
+		{% block links %}{% endblock %}
 	</head>
 
 	<body>
 		<header>
-			<a href="/"><div>Pizza Wednesday</div></a>
+			<nav>
+				<a href="/">Pizza Wednesday</a>
+				<a href="/feed">Feed</a>
+			</nav>
 
 			<nav>
-				<a href="/feed">Feed</a>
 				<a href="https://sauce.pizzawednes.day">Sauce Control</a>
 			</nav>
 		</header>
@@ -25,7 +28,7 @@
 		</main>
 
 		<footer>
-			Copyright sucks ass
+			<span>Built using <a href="https://www.getzola.org" target="_blank">Zola</a></span>
 		</footer>
 	</body>
 </html>
diff --git a/templates/feed.html b/templates/feed.html
index 735e6d4..f0da2bb 100644
--- a/templates/feed.html
+++ b/templates/feed.html
@@ -1,9 +1,5 @@
 {% extends "base.html" %}
 
-{% block links %}
-<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path="rss.xml", trailing_slash=false) }}">
-{% endblock %}
-
 {% block content %}
 <h1>Feed</h1>
 
