Add submission dialog

src/templates/src/time-machine.html

@@ -63,7 +63,6 @@
     border-color: #fff #333 #333 #fff;
     border-image: url('{{ dataimg "timemachine/win95-border.gif" }}') 4;
     padding: 1px;
-    margin-bottom: 2rem;
     color: black;
   }
 
@@ -118,6 +117,16 @@
   .drop-shadow {
     box-shadow: 2px 2px black;
   }
+
+  .win95-btn {
+    width: 5.6rem;
+    border-width: 2px;
+    border-style: solid;
+    border-color: #fff #333 #333 #fff;
+    border-image: url('{{ dataimg "timemachine/win95-border-btn.gif" }}') 4;
+    text-align: center;
+    cursor: pointer;
+  }
 </style>
 
 <div class="center-layout content mw7 ph3 flex flex-column g3">
@@ -129,7 +138,8 @@
         alt="Time Machine"
       >
     </div>
-    <div class="frame">
+
+    <div class="frame mv4">
       {{ template "frame title" "Overview" }}
       <div class="post-content pa3 flex g3">
         <div class="flex-shrink-0">
@@ -149,7 +159,7 @@
       </div>
     </div>
 
-    <div class="frame">
+    <div class="frame mv4">
       {{ template "frame title" "How To Participate" }}
       <div class="post-content pa3">
         <div class="flex flex-column g3">
@@ -190,7 +200,27 @@
       </div>
     </div>
 
-    <div class="frame">
+    <div class="mv5 flex justify-center">
+      <div class="frame mw6">
+        {{ template "frame title" "New Videos" }}
+        <div class="pa3 flex g3">
+          <div class="flex-shrink-0">
+            <img class="pixelated" src="{{ dataimg "timemachine/win95-info.png" }}">
+          </div>
+          <div class="flex flex-column flex-grow-1 g3">
+            <div>
+              1 video has been submitted! Would you like to see it?
+            </div>
+            <div class="flex justify-end g3">
+              <div class="win95-btn"><u>Y</u>es</div>
+              <div class="win95-btn"><u>A</u>bsolutely</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="frame mv4">
       {{ template "frame title" "2009 iPod Touch" }}
       <div>
         <div class="pa3 flex flex-column g3">