Remove giant whitespace, add name to top

themes/theme/templates/index.html

@@ -7,12 +7,13 @@
 {% endblock %}
 
 {% block content %}
+			<p>TANNER COLLIN</p>
 			<div class="content index">
-				<p class="opener">
+				<p>
 					Hi, I'm Tanner! I like home automation, <a href="/sensors">sensors</a>, privacy, bots, Python, Debian, coffee, and makerspaces.
 				</p>
 
-				<h2 class="projects">Projects</h2>
+				<h2>Projects</h2>
 
 				<p>
 					My main hobby is working on software projects. I typically design websites or
@@ -70,6 +71,8 @@
 
 				<h2>Contact Info</h2>
 
+				<p>I'm very open to collaboration and responsive to messages. If you have any thoughts feel free to reach out:</p>
+
 				<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>

themes/theme/templates/style.css

@@ -19,8 +19,8 @@
 				padding-right: 15px;
 			}
 
-			.info h1 {
-				font: 1.1rem/1.0 sans-serif;
+			.index h2 {
+				margin-top: 3rem;
 			}
 
 			.index h3 {
@@ -115,17 +115,7 @@
 			}
 
 			.content.index {
-				margin-top: -5.5rem;
-			}
-
-			.projects {
-				margin-top: -5rem;
-			}
-
-			.opener {
-				height: 100vh;
-				display: table-cell;
-				vertical-align: middle;
+				margin-top: 3rem;
 			}
 
 			.toclink:not(:hover) {