Add submission dialog

This commit is contained in:
Ben Visness 2023-05-31 23:45:08 -05:00
parent f8b0d9ba85
commit bb31644d6d
3 changed files with 34 additions and 4 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 86 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 470 B

View File

@ -63,7 +63,6 @@
border-color: #fff #333 #333 #fff; border-color: #fff #333 #333 #fff;
border-image: url('{{ dataimg "timemachine/win95-border.gif" }}') 4; border-image: url('{{ dataimg "timemachine/win95-border.gif" }}') 4;
padding: 1px; padding: 1px;
margin-bottom: 2rem;
color: black; color: black;
} }
@ -118,6 +117,16 @@
.drop-shadow { .drop-shadow {
box-shadow: 2px 2px black; 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> </style>
<div class="center-layout content mw7 ph3 flex flex-column g3"> <div class="center-layout content mw7 ph3 flex flex-column g3">
@ -129,7 +138,8 @@
alt="Time Machine" alt="Time Machine"
> >
</div> </div>
<div class="frame">
<div class="frame mv4">
{{ template "frame title" "Overview" }} {{ template "frame title" "Overview" }}
<div class="post-content pa3 flex g3"> <div class="post-content pa3 flex g3">
<div class="flex-shrink-0"> <div class="flex-shrink-0">
@ -149,7 +159,7 @@
</div> </div>
</div> </div>
<div class="frame"> <div class="frame mv4">
{{ template "frame title" "How To Participate" }} {{ template "frame title" "How To Participate" }}
<div class="post-content pa3"> <div class="post-content pa3">
<div class="flex flex-column g3"> <div class="flex flex-column g3">
@ -190,7 +200,27 @@
</div> </div>
</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" }} {{ template "frame title" "2009 iPod Touch" }}
<div> <div>
<div class="pa3 flex flex-column g3"> <div class="pa3 flex flex-column g3">