finish up the form

still need to hook it up to a database or something

content/pages/signup.md

@@ -17,6 +17,6 @@ Please ensure that you have read the <a href="/pages/conduct/"><b>Code of Conduc
 
 To begin the form, press start.
 
-<a class="button" href="#one" hx-push-url="true" hx-get="/signup-pages/one.html" hx-target="#content">
+<a class="button" href="#" hx-push-url="true" hx-get="/signup-pages/one.html" hx-target="#content">
 start!
 </a>

sass/main.scss

@@ -124,6 +124,7 @@ a:hover {
     color: #d8d8d8;
     font-size: 1em;
     font-weight: bold;
+    text-decoration: none;
 }
 .button:active {
     box-shadow: 0px #3B4552;
@@ -142,7 +143,7 @@ a:hover {
 label {
     font-weight: bold;
 }
-input {
+input, textarea {
     background: #292828;
     border: 2px solid #3B4552;
     border-radius: 4px;

static/signup-pages/five.html

@@ -0,0 +1,19 @@
+<div id="five" class="progress">
+    <em class="big">5</em> outta six
+</div>
+<p>
+    Last thing, please <b>read and agree to the terms of service and code of conduct</b>.
+</p>
+
+<form>
+    <input type="checkbox" id="tos" name="tos">
+    <label for="tos">I agree to the terms of service and the code of conduct</label><br>
+</form>
+
+<a  class="button" 
+    href="#" 
+    hx-push-url="true" 
+    hx-get="/signup-pages/six.html" 
+    hx-target="#content">
+    submit!
+</a>

static/signup-pages/four.html

@@ -0,0 +1,21 @@
+<div id="four" class="progress">
+    <em class="big">4</em> outta six
+</div>
+<p>
+    <b>What interests you about south london?</b> This 
+    doesn't have to be long but it'd be nice to get a view
+    of who's signing up and why.
+</p>
+
+<form>
+    <label for="interest">what interests you about south london?</label><br>
+    <textarea rows="5" cols="80" id="interest" name="interest"></textarea><br>
+</form>
+
+<a  class="button" 
+    href="#" 
+    hx-push-url="true" 
+    hx-get="/signup-pages/five.html" 
+    hx-target="#content">
+    next
+</a>

static/signup-pages/one.html

@@ -13,6 +13,10 @@
     <input type="text" id="uname" name="uname"><br>
 </form>
 
-<a class="button" href="#" hx-get="/signup-pages/two.html" hx-target="#content">
+<a  class="button" 
+    href="#" 
+    hx-push-url="true" 
+    hx-get="/signup-pages/two.html" 
+    hx-target="#content">
     next
 </a>

static/signup-pages/six.html

@@ -0,0 +1,9 @@
+<div id="five" class="progress">
+    <em class="big">6</em> outta six
+</div>
+<p>
+    All done! We'll get back to you within 7 days (hopefully).
+    We look forward to seeing you around!!
+</p>
+
+<a  href="/" class="button">head on back home</a>

static/signup-pages/three.html

@@ -0,0 +1,21 @@
+<div id="three" class="progress">
+    <em class="big">3</em> outta six
+</div>
+<p>
+    Please paste your <b>SSH Public Key</b> below,
+    if you have no idea what that means, please check out
+    <a>this guide</a> for advice.
+</p>
+
+<form>
+    <label for="key">SSH Public Key:</label><br>
+    <textarea rows="5" cols="80" id="key" name="key"></textarea><br>
+</form>
+
+<a  class="button" 
+    href="#" 
+    hx-push-url="true" 
+    hx-get="/signup-pages/four.html" 
+    hx-target="#content">
+    next
+</a>

static/signup-pages/two.html

@@ -1 +1,20 @@
-aaa
+<div id="two" class="progress">
+    <em class="big">2</em> outta six
+</div>
+<p>
+    We'll need your <b>email</b> so we can send you
+    your account info later on.
+</p>
+
+<form>
+    <label for="mail">Email:</label><br>
+    <input type="email" id="mail" name="mail"><br>
+</form>
+
+<a  class="button" 
+    href="#" 
+    hx-push-url="true" 
+    hx-get="/signup-pages/three.html" 
+    hx-target="#content">
+    next
+</a>