diff --git a/themes/theme/templates/index.html b/themes/theme/templates/index.html
index f82e078..242dd31 100644
--- a/themes/theme/templates/index.html
+++ b/themes/theme/templates/index.html
@@ -20,83 +20,103 @@
 {% endblock %}
 
 {% block content %}
-	<div class="content index">
+	<div class="content content-index">
 		<p>
 			Hi, I'm Tanner! I do firmware and web development in Calgary.
 		</p>
 
-		<h2>Contact Info</h2>
+		<div class="leftcol">
+		<div class="inside">
 
-		<p>
-			Email: <a href="mailto:site2@tannercollin.com">site2@tannercollin.com</a> <br />
-			Telegram: <a href="https://t.me/tannercollin" target="_blank" rel="noreferrer noopener">@tannercollin</a>
-		</p>
+			<h2>Contact Info</h2>
 
-		<h2>Resume</h2>
+			<p>
+				Email: <a href="mailto:site2@tannercollin.com">site2@tannercollin.com</a> <br />
+				Telegram: <a href="https://t.me/tannercollin" target="_blank" rel="noreferrer noopener">@tannercollin</a>
+			</p>
 
-		<ul>
-			<li>Firmware Engineer at <a href="https://cabanablockchain.com" target="_blank" rel="noreferrer noopener">Cabana Blockchain</a>, 2018–</li>
-			<li>Lead Hardware Engineer at <a href="https://criticalcontrol.com/" target="_blank" rel="noreferrer noopener">Critical Control</a>, 2016–2018</li>
-			<li>Electrical Engineer at <a href="https://www.opener.aero/" target="_blank" rel="noreferrer noopener">Opener Aero</a>, 2016–2016</li>
-			<li>Electrical Engineer Intern at <a href="https://www.pason.com/" target="_blank" rel="noreferrer noopener">Pason Systems</a>, 2014–2015</li>
-			<li>BSc. Electrical Engineering from University of Calgary</li>
-		</ul>
+			<h2>Resume</h2>
 
-		<h2>Projects</h2>
+			<ul>
+				<li>Firmware Engineer at <a href="https://cabanablockchain.com" target="_blank" rel="noreferrer noopener">Cabana Blockchain</a>, 2018–</li>
+				<li>Lead Hardware Engineer at <a href="https://criticalcontrol.com/" target="_blank" rel="noreferrer noopener">Critical Control</a>, 2016–2018</li>
+				<li>Electrical Engineer at <a href="https://www.opener.aero/" target="_blank" rel="noreferrer noopener">Opener Aero</a>, 2016–2016</li>
+				<li>Electrical Engineer Intern at <a href="https://www.pason.com/" target="_blank" rel="noreferrer noopener">Pason Systems</a>, 2014–2015</li>
+				<li>BSc. Electrical Engineering from University of Calgary</li>
+			</ul>
 
-		<p>
-			My main hobby is working on software projects. I typically design websites or
-			build tools that make my life easier.
-		</p>
+			<h2>Projects</h2>
 
-		<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>
-		</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>
+				My main hobby is working on software projects. I typically design websites or
+				build tools that make my life easier.
+			</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>
-		</h3>
-		<div class="summary">
-			<p>Send browser notifications from your terminal. No installation. No registration.</p>
-		</div>
+			<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>
+			</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>
 
-		<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>
-		</h3>
-		<div class="summary">
-			<p>Makerspace members' portal for Calgary Protospace. It tracks membership, courses, training, access cards, and more.</p>
-		</div>
+			<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>
+			</h3>
+			<div class="summary">
+				<p>Send browser notifications from your terminal. No installation. No registration.</p>
+			</div>
 
-		<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>
-		</h3>
-		<div class="summary">
-			<p>Minimal command line pastebin. Allows you to upload text notes from a bash pipe or web browser.</p>
-		</div>
+			<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>
+			</h3>
+			<div class="summary">
+				<p>Makerspace members' portal for Calgary Protospace. It tracks membership, courses, training, access cards, and more.</p>
+			</div>
 
-		<h3>
-			<a href="https://github.com/tannercollin/standardnotes-fs" target="_blank" rel="noreferrer noopener">standardnotes-fs</a>
-		</h3>
-		<div class="summary">
-			<p>A filesystem that mounts your Standard Notes account as a directory of text files that you can edit.</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>
+			</h3>
+			<div class="summary">
+				<p>Minimal command line pastebin. Allows you to upload text notes from a bash pipe or web browser.</p>
+			</div>
+
+			<h3>
+				<a href="https://github.com/tannercollin/standardnotes-fs" target="_blank" rel="noreferrer noopener">standardnotes-fs</a>
+			</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>
+		</div>
 		</div>
 
-		<h2>Creations</h2>
+		<div class="rightcol">
+		<div class="inside">
+			<h2>Creations</h2>
 
-		<p>Sometimes I create art or interactive tech.</>
+			<p>Sometimes I create art or interactive tech.</p>
 
-		{% for article in articles_page.object_list if article.category.name == 'Projects' %}
-			<h3><a href="{{ article.url }}">{{ article.title }}</a></h3>
-			<div class="summary">
-				{{ article.summary }}
-			</div>
-		{% endfor %}
+			{% for article in articles_page.object_list if article.category.name == 'Projects' %}
+				<h3><a href="{{ article.url }}">{{ article.title }}</a></h3>
+				<div class="summary">
+					{{ article.summary }}
+				</div>
+			{% endfor %}
+
+			<h2>Writing</h2>
+
+			<p>Various articles, mostly about computers.</p>
+
+			{% for article in articles_page.object_list if article.category.name == 'Writing' %}
+				<h3><a href="{{ article.url }}">{{ article.title }}</a></h3>
+				<div class="summary">
+					{{ article.summary }}
+				</div>
+			{% endfor %}
+		</div>
+		</div>
 	</div>
 {% endblock %}
diff --git a/themes/theme/templates/style.css b/themes/theme/templates/style.css
index ce6b1e0..6667471 100644
--- a/themes/theme/templates/style.css
+++ b/themes/theme/templates/style.css
@@ -16,12 +16,7 @@ a {
 	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;
 }
 
@@ -78,9 +73,17 @@ pre {
 }
 
 .content-wide {
+	max-width: 46rem;;
+}
+
+.content-index {
 	max-width: none;
 }
 
+.content-index h3 {
+	font: 1.2rem/1.5 Apparatus SIL,serif;
+}
+
 .content p {
 	font: 1.2rem/1.5 Apparatus SIL,serif;
 }
@@ -180,6 +183,30 @@ pre {
 	}
 }
 
+@media screen and (min-width:58rem) {
+	.container {
+		max-width: 75rem;
+	}
+
+	.leftcol {
+		float: left;
+		width: 50%;
+		margin-top: -1rem;
+	}
+
+	.leftcol > .inside {
+		padding-right: 1rem;
+	}
+
+	.rightcol {
+		overflow: hidden;
+		margin-top: -1rem;
+	}
+
+	.rightcol > .inside {
+		padding-left: 1rem;
+	}
+}
 
 body {
 	background-color: #eee;