Set home photo default sizes

themes/theme/templates/index.html

@@ -8,13 +8,13 @@
 {% endblock %}
 
 {% block info %}
-	<img src="/theme/me.jpg" class="me" alt="me smiling wide and looking into the camera lit up brightly" />
+	<img src="/theme/me.jpg" width="128" 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="mailto:site2@tannercollin.com" rel="noreferrer noopener"><img alt="email" src="/theme/mail.svg" width="20" height="20" /></a>
-			<a href="https://t.me/tannercollin" target="_blank" rel="noreferrer noopener"><img alt="telegram logo" src="/theme/telegram.svg" /></a>
+			<a href="https://t.me/tannercollin" target="_blank" rel="noreferrer noopener"><img alt="telegram" src="/theme/telegram.svg" width="20" height="20" /></a>
-			<a href="https://github.com/tannercollin" target="_blank" rel="noreferrer noopener"><img alt="github logo" src="/theme/github.svg" /></a>
+			<a href="https://github.com/tannercollin" target="_blank" rel="noreferrer noopener"><img alt="github" src="/theme/github.svg" width="20" height="20" /></a>
 		</p>
 		<p class='theme-select'>
 			<a onClick="setTheme('light')">Light</a> / <a onClick="setTheme('dark')">Dark</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>

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;