Prepare footer

sass/style.scss

@@ -10,8 +10,11 @@ $width-narrow: ($width-wrap/3)*2;
 }
 
 body {
+	display: flex;
+	flex-direction: column;
 	max-width: 60em;
 	width: 100%;
+	min-height: 100vh;
 	margin: 0 auto;
 	background: #131516;
 	color: #e8e6e3;
@@ -79,3 +82,13 @@ body>main {
 		padding: 0;
 	}
 }
+
+body>footer {
+	width: 100%;
+	padding: 1em;
+	margin-top: auto;
+
+	@media only screen and (min-width: $width-wrap) {
+		padding: 1em 0;
+	}
+}

templates/base.html

@@ -42,4 +42,7 @@
 			{% endif %}
 		{% endblock content %}
 	</main>
+	<footer>
+		...
+	</footer>
 </html>