- Form roughed in

src/pages/tell/tell.html

@@ -1,12 +1,33 @@
 <ion-header>
   <ion-toolbar>
-    <ion-buttons right>
+    <ion-buttons left>
       <button ion-button icon-only (tap)="close($event)">
-        <ion-icon name="close"></ion-icon>
+        <ion-icon name="arrow-back"></ion-icon>
       </button>
     </ion-buttons>
+    <ion-title>Submit Your Story</ion-title>
   </ion-toolbar>
 </ion-header>
 
 <ion-content>
+  <p class="intro">Submit your story using the following form. Nicholas may be in touch to clarify what you’ve written and he reserves the right to vet stories for accuracy and appropriateness.</p>
+  <form [formGroup]="userSubmissionForm" novalidate>
+    <ion-item>
+      <ion-label>Upload a photo</ion-label>
+      <input type="file" formControlName="pic" name="pic" />
+    </ion-item>
+    <ion-item>
+      <ion-label>Display name</ion-label>
+      <ion-input type="text" formControlName="name" name="name"></ion-input>
+    </ion-item>
+    <ion-item>
+      <ion-label>About you</ion-label>
+      <ion-textarea formControlName="about" name="about"></ion-textarea>
+    </ion-item>
+    <ion-item>
+      <ion-label>Your schtick with #gays</ion-label>
+      <ion-textarea formControlName="messages" name="messages"></ion-textarea>
+    </ion-item>
+    <button ion-button type="submit" block [disabled]="!userSubmissionForm.valid"  (click)="saveUserSubmission()">Submit</button>
+  </form>
 </ion-content>