From bb31644d6d7ea83805344d7db19391ed136dd499 Mon Sep 17 00:00:00 2001
From: Ben Visness <ben@bvisness.me>
Date: Wed, 31 May 2023 23:45:08 -0500
Subject: [PATCH] Add submission dialog

---
 .../img/timemachine/win95-border-btn.gif      | Bin 0 -> 86 bytes
 src/templates/img/timemachine/win95-info.png  | Bin 0 -> 470 bytes
 src/templates/src/time-machine.html           |  38 ++++++++++++++++--
 3 files changed, 34 insertions(+), 4 deletions(-)
 create mode 100644 src/templates/img/timemachine/win95-border-btn.gif
 create mode 100644 src/templates/img/timemachine/win95-info.png

diff --git a/src/templates/img/timemachine/win95-border-btn.gif b/src/templates/img/timemachine/win95-border-btn.gif
new file mode 100644
index 0000000000000000000000000000000000000000..b774fae21490b02b815b7b05aee3d04907057044
GIT binary patch
literal 86
zcmZ?wbh9u|<YM4r_{0DLO-)UQ4<G*j|G%2+NjOsc$->CMz`~#dQUOxSz$|UCi|fD{
dO-EObqLA+S>%zCS-b*bz<!P1kdLJi)H2|R(9GCzA

literal 0
HcmV?d00001

diff --git a/src/templates/img/timemachine/win95-info.png b/src/templates/img/timemachine/win95-info.png
new file mode 100644
index 0000000000000000000000000000000000000000..12a3340141f06eb77fc08f59c59ef8f02b86dbbc
GIT binary patch
literal 470
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnF3?v&v(vJfvmUKs7M+SzC{oH>NSwWJ?9znhg
z3{`3j3=J&|48MRv4KElNN(~qoUL`OvSj}Ky5HFasE6@fgAr#;f;tEpG&~V_uf&c&i
zGcW)VgSx?dpot8OB|(0{3=Yq3q=7g|-tI2Uf;>K-fE@M`PhVH|M{H6IT6$9$Cr<?m
zZSiz*4AD40cj7_b!wNjEXBEHKtl|sU8p&{qNtC(8?ah9#T!WT^HT<4`lIm+~g*_!1
zwCA$E-dq3R&HT7irb$`nUAE`_`P(I5*Jh<)pWO55)@=voh1yp{-<REeF}33jYfkpm
ziq&oWTrD9D^$mL)cwa4UWGP*Bz)(Z!k+K-4UxMV^=?eY#*r!~WHZS7RlFeze7OtH2
zN0j@g4eL9bDGd(=ELeD!8}S^w+&P=`f?;ziTZ`ljuDbX-hn;LvHWz{JS1oakC`m~y
zNwrEYN(E93Mh1o!x&~&tMrI)f2396URwib;1}0Vp2A7YepF+`)o1c=IR*74~qS^P$
QfEpM)UHx3vIVCg!0Ncl$1ONa4

literal 0
HcmV?d00001

diff --git a/src/templates/src/time-machine.html b/src/templates/src/time-machine.html
index 226083c..4ca5f8b 100644
--- a/src/templates/src/time-machine.html
+++ b/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">