Add resume to home page

content/led-dress.md

@@ -1,7 +1,7 @@
 Title: LED Dress
 Date: 2016-03-18
 Category: Projects
-Summary: A dress made out of LEDs that twinkle like stars
+Summary: A dress made out of LEDs that twinkle like stars.
 
 A friend of mine was attending a stars and constellations themed ball. She
 wanted to wear a dress that was lit up with LEDs acting as twinkling stars.

content/plant-waterer.md

@@ -3,10 +3,10 @@ Date: 2014-06-05
 Category: Projects
 Summary: A device that automatically waters plants.
 
-One day I decided watering my lone plant was too much work, so I automated it.
+One day I decided watering my one plant was too much work, so I automated it.
 It's also great for when I'm on vacation. The plant is a year old now and
-doesn't look as good as when it was younger (kinda like you). So this machine is
+doesn't look as good as it used to (kinda like you). So this machine is like its
-like its life support.
+life support.
 
 Update: this plant died long ago.
 

themes/theme/templates/article.html

@@ -3,15 +3,15 @@
 {% block content %}
 <header>
 	<h1>{{ article.title }}</h1>
+	<div class="summary">
+		{{ article.summary }}
+	</div>
 	<p class="metadata">
 		{{ article.locale_date }}
 		{% if article.modified %}
 			— updated {{ article.locale_modified }}
 		{% endif %}
 	</p>
-	<div class="summary">
-		{{ article.summary }}
-	</div>
 </header>
 <hr />
 <article>

themes/theme/templates/index.html

@@ -2,25 +2,39 @@
 
 {% block content %}
 <p>
-	Hi, I'm Tanner! I do firmware design and web development, although I majored
+	Hi, I'm Tanner! I do firmware design and web development.
-	in electrical engineering.
 </p>
 
 <h2>Contact Info</h2>
 
 <p>
 	Email: <a href="mailto:site@tannercollin.com">site@tannercollin.com</a> <br />
-	Telegram: @tannercollin
+	Telegram: <a href="https://t.me/tannercollin" target="_blank">@tannercollin</a>
+</p>
+
+<h2>Resume</h2>
+
+<ul>
+	<li>Firmware Engineer at <a href="https://cabanablockchain.com" target="_blank">Cabana Blockchain</a>, 2018–</li>
+	<li>Lead Hardware Engineer at <a href="https://criticalcontrol.com/" target="_blank">Critical Control</a>, 2016–2018</li>
+	<li>Electrical Engineer at <a href="https://www.opener.aero/" target="_blank">Opener Aero</a>, 2016–2016</li>
+	<li>Electrical Engineer Intern at <a href="https://www.pason.com/" target="_blank">Pason Systems</a>, 2014–2015</li>
+	<li>BSc. Electrical Engineering from University of Calgary</li>
+</ul>
+
+<h2>Projects</h2>
+
+<p>
+	My main hobby is working on technical projects. I typically design websites or
+	build tools that make my life easier. Sometimes art.
+</p>
+
+<p>
+	You can find my code on <a href="https://github.com/tannercollin" target="_blank">GitHub</a>.
 </p>
 
 {% for article in articles_page.object_list %}
 <h3><a href="{{ article.url }}">{{ article.title }}</a></h3>
-<p class="metadata">
-	{{ article.locale_date }}
-	{% if article.modified %}
-		— updated {{ article.locale_modified }}
-	{% endif %}
-</p>
 <div class="summary">
 	{{ article.summary }}
 </div>

themes/theme/templates/style.css

@@ -1,3 +1,7 @@
+html {
+	overflow-y: scroll;
+}
+
 body {
 	text-rendering: optimizeLegibility;
 	font: 1.2rem/1.0 Lato,sans-serif;
@@ -9,6 +13,7 @@ a {
 	color: #000000;
 	text-decoration: none;
 	outline: none;
+	border-bottom: 1px solid #000;
 }
 
 pre {
@@ -40,7 +45,7 @@ pre {
 
 .topbar {
 	text-align: center;
-	margin-bottom: 2rem;
+	margin-bottom: 1.5rem;
 }
 
 .content .topbar img {
@@ -71,6 +76,8 @@ pre {
 }
 
 .content div.summary p {
+	margin-top: -0.5rem;
+	margin-left: 1rem;
 	font-style: italic;
 }
 
@@ -82,8 +89,13 @@ pre {
 	font: 1.2rem/1.5 Apparatus SIL,serif;
 }
 
-.content p a {
+.content ul {
-	border-bottom: 1px solid #000;
+	padding-left: 0;
+	list-style-position: inside;
+}
+
+.content li {
+	font: 1.2rem/1.5 Apparatus SIL,serif;
 }
 
 .content img {