Add help page and additional branding

css/custom.css

@@ -84,15 +84,27 @@ label .normal {
 }
 
 footer {
-  width: 30%;
-  border-top: 1px solid #bbb;
-  margin: 2em 0;
-  padding-top: 0.5em;
+  width: 375px;
   color: #ccc;
+  margin-bottom: 3em;
+}
+
+footer hr {
+  margin: 2.5em 0 0.5em 0;
+  padding-top: 0.5em;
+  border-top: 1px solid #bbb;
 }
 
-body > .wrapper {
-  background: linear-gradient(0deg, rgba(69, 150, 73, 0.9), rgba(69, 150, 73, 0.6) 100%);
+footer .logo {
+  background-image: url('../images/cc.svg');
+  background-size: 385px;
+  background-repeat: no-repeat;
+  background-position: -21px 0px;
+  padding-top: 265px;
+}
+
+body {
+  background: linear-gradient(0deg, rgba(69, 150, 73, 1), rgba(69, 150, 73, 0.5) 100%);
   min-height: 100%;
 }
 body > .wrapper > .container {
@@ -104,5 +116,28 @@ body > .wrapper > .container {
 }
 
 .tile-section > label {
-  margin-bottom: 1em
+  margin-bottom: 1em;
+}
+
+.comps {
+  display: flex;
+  flex-direction: row;
+}
+.comps-outer.container {
+  padding: 0;
+}
+.comps .comp {
+  text-align: center;
+  font-size: 1.7em;
+  position: relative;
+}
+.comps .comp img {
+  width: 285px;
+  margin-bottom: 1em;
+}
+.comps .arrows {
+  font-size: 0.85em;
+  bottom: 9px;
+  right: -18px;
+  position: absolute;
 }

index.html

@@ -30,7 +30,9 @@
     		<div id="render-navbar"></div>
         <div id="render-content" class="clearfix"></div>
         <footer>
-          Copyright &copy; 2015 Collab<strong>Create</strong>
+          <div class="logo"></div>
+          <hr />
+          Copyright &copy; 2015 <em>Collab<strong>Create</strong></em>
         </footer>
       </div> <!-- /container -->
     </div>

templates/create.handlebars

@@ -62,7 +62,7 @@
     		<input type="file" id="media">
     		<p class="help-block">The first image uploaded will be used as the profile picture</p>
   		</div>
-  		<button type="submit" class="btn btn-default">Create</button>
+  		<button type="submit" class="btn btn-default">Create!</button>
 	</form>
 </div>
 

templates/help.handlebars

@@ -0,0 +1,32 @@
+<div class="comps-outer container">
+  <div class="comps">
+    <div class="comp">
+      <img src="images/iPhone Comps_01.png" /><br />
+      Open App
+      <div class="arrows">
+        <em class="glyphicon glyphicon-menu-right"></em><em class="glyphicon glyphicon-menu-right"></em>
+      </div>
+    </div>
+
+    <div class="comp">
+      <img src="images/iPhone Comps_02.png" /><br />
+      Browse Projects
+      <div class="arrows">
+        <em class="glyphicon glyphicon-menu-right"></em><em class="glyphicon glyphicon-menu-right"></em>
+      </div>
+    </div>
+
+    <div class="comp">
+      <img src="images/iPhone Comps_03.png" /><br />
+      Not Interested
+      <div class="arrows">
+        <em class="glyphicon glyphicon-menu-right"></em><em class="glyphicon glyphicon-menu-right"></em>
+      </div>
+    </div>
+
+    <div class="comp">
+      <img src="images/iPhone Comps_04.png" /><br />
+      Collaborate!
+    </div>
+  </div>
+</div>

templates/navbar.handlebars

@@ -8,7 +8,7 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="#home">Collab<strong>Create</strong></a>
+      <a class="navbar-brand" href="#home"><em>Collab<strong>Create</strong></em></a>
     </div>
     <div id="navbar" class="navbar-collapse collapse">
       <ul class="nav navbar-nav">