Basic signup view

app/styles/_buttons.scss

@@ -53,4 +53,17 @@ button, input[type=submit], .button {
       border-color: $green;
     }
   }
+
+  &.icon {
+    svg {
+      width: 2rem;
+      height: 2rem;
+      vertical-align: middle;
+      margin-right: 1rem;
+
+      .fg {
+        fill: $primary-color;
+      }
+    }
+  }
 }

app/styles/_layout.scss

@@ -28,6 +28,25 @@ main {
       }
     }
   }
+
+  section {
+    .content {
+      &.text-lg {
+        p {
+          font-size: 1.2rem;
+          margin-bottom: 1em;
+          line-height: 1.5em;
+        }
+      }
+
+      p {
+        &.actions {
+          text-align: center;
+          padding-top: 2rem;
+        }
+      }
+    }
+  }
 }
 
 @media (min-width: 550px) {

app/templates/signup.hbs

@@ -1 +1,27 @@
-{{outlet}}
+<main class="center-column">
+
+  <section id="signup">
+    <header>
+      <h2>Create your contributor profile</h2>
+    </header>
+
+    <div class="content text-lg">
+      <p>
+        You have already contributed to a Kosmos project, or you are interested
+        in contributing in the near future? Fantastic!
+      </p>
+      <p>
+        In order to earn kredits for your contributions, you will need a
+        registered contributor profile. The quickest way to register is by
+        connecting one of the following accounts:
+      </p>
+      <p class="actions">
+        <button {{action "connectGithub"}} class="icon">
+          {{icon-account-github-com}}
+          Connect GitHub
+        </button>
+      </p>
+    </div>
+  </section>
+
+</main>