Move all projects from old website over

themes/theme/templates/index.html

@@ -1,8 +1,20 @@
 {% extends "base.html" %}
 
 {% block content %}
+<p>
+	Hi, I'm Tanner! I do firmware design and web development, although I majored
+	in electrical engineering.
+</p>
+
+<h2>Contact Info</h2>
+
+<p>
+	Email: <a href="mailto:site@tannercollin.com">site@tannercollin.com</a> <br />
+	Telegram: @tannercollin
+</p>
+
 {% for article in articles_page.object_list %}
-<h2><a href="{{ article.url }}">{{ article.title }}</a></h2>
+<h3><a href="{{ article.url }}">{{ article.title }}</a></h3>
 <p class="metadata">
 	{{ article.locale_date }}
 	{% if article.modified %}

themes/theme/templates/style.css

@@ -1,6 +1,8 @@
 body {
+	text-rendering: optimizeLegibility;
 	font: 1.2rem/1.0 Lato,sans-serif;
 	background-color: rgb(245, 245, 245);
+	background-color: white;
 }
 
 a {
@@ -47,6 +49,12 @@ pre {
 
 .topbar {
 	text-align: center;
+	margin-bottom: 2rem;
+}
+
+.content .topbar img {
+	width: 14rem;
+	height: auto;
 }
 
 .topbar ul {
@@ -92,10 +100,25 @@ pre {
 	font: 1.2rem/1.5 Apparatus SIL,serif;
 }
 
-.content a {
+.content p a {
 	border-bottom: 1px solid #000;
 }
 
+.content img {
+	width: 100%;
+	height: auto;
+}
+
+.toclink:not(:hover)::after {
+	visibility: hidden;
+}
+
+.toclink::after {
+	color: #999;
+	content: "\00B6";
+	margin-left: 0.5rem;
+}
+
 @media screen and (min-width:36rem) {
 	.content {
 		margin-left: 10rem;