Reorder sections, add huge whitespace

themes/theme/templates/index.html

@@ -8,28 +8,11 @@
 
 {% block content %}
 			<div class="content index">
-				<p>
+				<p class="opener">
 					Hi, I'm Tanner! I like home automation, <a href="/sensors">sensors</a>, privacy, bots, Python, Debian, coffee, and makerspaces.
 				</p>
 
-				<h2>Contact Info</h2>
-
-				<p>
-					Email: <a href="mailto:site4@tannercollin.com">site4@tannercollin.com</a> <br />
-					Telegram: <a href="https://t.me/tannercollin" target="_blank" rel="noreferrer noopener">@tannercollin</a>
-				</p>
-
-				<h2>Resume</h2>
-
-				<ul>
-					<li>Firmware Engineer at <a class="external" href="https://cabanablockchain.com" target="_blank" rel="noreferrer noopener">Cabana Blockchain</a>, 2018–</li>
-					<li>Lead Hardware Engineer at <a class="external" href="https://criticalcontrol.com/" target="_blank" rel="noreferrer noopener">Critical Control</a>, 2016–2018</li>
-					<li>Electrical Engineer at <a class="external" href="https://www.opener.aero/" target="_blank" rel="noreferrer noopener">Opener Aero</a>, 2016–2016</li>
-					<li>Electrical Engineer Intern at <a class="external" 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>Projects</h2>
+				<h2 class="projects">Projects</h2>
 
 				<p>
 					My main hobby is working on software projects. I typically design websites or
@@ -74,5 +57,22 @@
 				</div>
 
 				{% endfor %}
+
+				<h2>Resume</h2>
+
+				<ul>
+					<li>Firmware Engineer at <a class="external" href="https://cabanablockchain.com" target="_blank" rel="noreferrer noopener">Cabana Blockchain</a>, 2018–</li>
+					<li>Lead Hardware Engineer at <a class="external" href="https://criticalcontrol.com/" target="_blank" rel="noreferrer noopener">Critical Control</a>, 2016–2018</li>
+					<li>Electrical Engineer at <a class="external" href="https://www.opener.aero/" target="_blank" rel="noreferrer noopener">Opener Aero</a>, 2016–2016</li>
+					<li>Electrical Engineer Intern at <a class="external" 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>Contact Info</h2>
+
+				<p>
+					Email: <a href="mailto:site4@tannercollin.com">site4@tannercollin.com</a> <br />
+					Telegram: <a href="https://t.me/tannercollin" target="_blank" rel="noreferrer noopener">@tannercollin</a>
+				</p>
 			</div>
 {% endblock %}

themes/theme/templates/style.css

@@ -114,6 +114,20 @@
 				font-size: 0.9rem;
 			}
 
+			.content.index {
+				margin-top: -5.5rem;
+			}
+
+			.projects {
+				margin-top: -5rem;
+			}
+
+			.opener {
+				height: 100vh;
+				display: table-cell;
+				vertical-align: middle;
+			}
+
 			.toclink:not(:hover) {
 				border-bottom: none;
 			}