From 4ebf756c88f7cab5b3cfc8cfa703ad79df67ff7b Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Wed, 26 May 2021 06:59:01 +0000
Subject: [PATCH] Convert project links back to headers from paragraphs

---
 themes/theme/templates/index.html | 26 +++++++++++++-------------
 themes/theme/templates/style.css  |  8 ++++++++
 2 files changed, 21 insertions(+), 13 deletions(-)

diff --git a/themes/theme/templates/index.html b/themes/theme/templates/index.html
index fc503a1..199fb9f 100644
--- a/themes/theme/templates/index.html
+++ b/themes/theme/templates/index.html
@@ -10,7 +10,7 @@
 {% block info %}
 	<img src="/theme/me.jpg" class="me" alt="me smiling wide and looking into the camera lit up brightly" />
 	<div class="info">
-		Tanner Collin
+		<h1>Tanner Collin</h1>
 		<p class="contact-icons">
 			<a href="mailto:site2@tannercollin.com" rel="noreferrer noopener"><img alt="email icon" src="/theme/mail.svg" /></a>
 			<a href="https://t.me/tannercollin" target="_blank" rel="noreferrer noopener"><img alt="telegram logo" src="/theme/telegram.svg" /></a>
@@ -23,7 +23,7 @@
 {% endblock %}
 
 {% block content %}
-	<div class="content">
+	<div class="content index">
 
 		<div class="topbar">
 			{{ info() }}
@@ -57,41 +57,41 @@
 			build tools that make my life easier.
 		</p>
 
-		<p>
+		<h3>
 			<a href="https://news.t0.vc/" target="_blank" rel="noreferrer noopener">QotNews</a>
 			<a class="source" href="https://git.tannercollin.com/tanner/qotnews" target="_blank" rel="noreferrer noopener">source code</a>
-		</p>
+		</h3>
 		<div class="summary">
 			<p>Hacker News, Reddit, Lobsters, and Tildes articles pre-rendered in reader mode. Optimized for speed and distraction-free reading.</p>
 		</div>
 
-		<p>
+		<h3>
 			<a href="https://notica.us" target="_blank" rel="noreferrer noopener">Notica</a>
 			<a class="source" href="https://github.com/tannercollin/Notica" target="_blank" rel="noreferrer noopener">source code</a>
-		</p>
+		</h3>
 		<div class="summary">
 			<p>Send browser notifications from your terminal. No installation. No registration.</p>
 		</div>
 
-		<p>
+		<h3>
 			<a href="https://my.protospace.ca" target="_blank" rel="noreferrer noopener">Spaceport</a>
 			<a class="source" href="https://github.com/Protospace/spaceport" target="_blank" rel="noreferrer noopener">source code</a>
-		</p>
+		</h3>
 		<div class="summary">
 			<p>Makerspace members' portal for Calgary Protospace. It tracks membership, courses, training, access cards, and more.</p>
 		</div>
 
-		<p>
+		<h3>
 			<a href="https://txt.t0.vc" target="_blank" rel="noreferrer noopener">t0txt</a>
 			<a class="source" href="https://github.com/tannercollin/t0txt" target="_blank" rel="noreferrer noopener">source code</a>
-		</p>
+		</h3>
 		<div class="summary">
 			<p>Minimal command line pastebin. Allows you to upload text notes from a bash pipe or web browser.</p>
 		</div>
 
-		<p>
+		<h3>
 			<a href="https://github.com/tannercollin/standardnotes-fs" target="_blank" rel="noreferrer noopener">standardnotes-fs</a>
-		</p>
+		</h3>
 		<div class="summary">
 			<p>A filesystem that mounts your Standard Notes account as a directory of text files that you can edit.</p>
 		</div>
@@ -101,7 +101,7 @@
 		<p>Sometimes I create art or interactive tech.</>
 
 		{% for article in articles_page.object_list if article.category.name == 'Projects' %}
-			<p><a href="{{ article.url }}">{{ article.title }}</a></p>
+			<h3><a href="{{ article.url }}">{{ article.title }}</a></h3>
 			<div class="summary">
 				{{ article.summary }}
 			</div>
diff --git a/themes/theme/templates/style.css b/themes/theme/templates/style.css
index c8873f7..e19bc64 100644
--- a/themes/theme/templates/style.css
+++ b/themes/theme/templates/style.css
@@ -12,6 +12,14 @@ a {
 	outline: none;
 }
 
+.info h1 {
+	font: 1.2rem/1.0 Lato,sans-serif;
+}
+
+.index h3 {
+	font: 1.2rem/1.5 Apparatus SIL,serif;
+}
+
 .source {
 	float: right;
 	font: 1rem/1.5 Apparatus SIL,serif;