styles: properly pin footer to page end

.gitignore

@@ -1,2 +1,5 @@
+.env*
+.bundle/
+vendor/bundle/
 .jekyll-cache/
 _site/

_includes/nav.html

@@ -1,7 +1,8 @@
 <nav class="main-nav">
 	<ul class="inline-list">
-		<li><a href="{{ site.baseurl }}/"><strong>{{ site.name }}</strong></a></li>
+		<li><a href="{{ site.baseurl }}/">☎️  <strong>{{ site.name }}</strong></a></li>
 		<li><a href="{{ site.baseurl }}/phonebook/">phonebook</a></li>
 		<li><a href="{{ site.baseurl }}/the-original/">the original</a></li>
+		<li><a href="https://tel.tilde.org.nz/register/">request account</a></li>
 	</ul>
 </nav>

_sass/index.scss

@@ -1,10 +1,5 @@
 .index-container
 {
-	height: 100%;
-	min-height: 100vh;
-	width: 100%;
-	max-width: 100vw;
-
 	display: flex;
 	flex-flow: column wrap;
 	align-items: center;

index.html

@@ -2,11 +2,12 @@
 layout: base
 ---
 
-<main class="index-container">
+<main class="container index-container">
 	<h1>☎️  {{ site.name }}  ☎️</h1>
 
 	<ul class="inline-list">
 		<li><a href="/phonebook/">phonebook</a></li>
 		<li><a href="/the-original/">the original</a></li>
+		<li><a href="https://tel.tilde.org.nz/register/">request account</a></li>
 	</ul>
 </main>

phonebook/index.html

@@ -27,13 +27,10 @@ title: phonebook
 	<h2>The community</h2>
 
 	<p>
-		To get a <code>tel.tilde.org.nz</code> number, please message <code>darcy</code>
-		in <code>#tildetel</code> on <a href="https://tilde.chat">the tilde.chat IRC</a>.
-	</p>
-	<p>
-		If you had a <code>tilde.tel</code> number, in most cases, you can use that number
-		on <code>tel.tilde.org.nz</code>! Just let <code>darcy</code> know when asking for
-		an account.
+		Want a <code>tel.tilde.org.nz</code> number?
+		<a href="https://tel.tilde.org.nz/register/">
+			Click here for the registration form!
+		</a>
 	</p>
 
 	<table>

styles.scss

@@ -16,6 +16,9 @@ body
 	max-width: 100vw;
 	width: auto;
 
+	display: flex;
+	flex-direction: column;
+
 	margin: 0;
 	padding: 0;
 
@@ -35,10 +38,9 @@ a
 
 .container
 {
-	height: 100%;
-	min-height: 100vh;
 	width: 100%;
 	max-width: 100vw;
+	flex: 1;
 
 	padding: 1rem;
 }