Improved upload dialog

assets/sass/style.sass

@@ -60,6 +60,14 @@ nav
   display: flex
   margin-bottom: 64px
 
+form.upload
+  padding: 96px 128px
+  margin: 48px 24px
+  box-shadow: 0 2px 4px rgba(33,33,33,0.2)
+  text-decoration: none
+  background: #ffffff
+  border-radius: 2px
+
 .images
   display: flex
   max-width: 1024px
@@ -75,6 +83,7 @@ nav
     text-decoration: none
     width: 160px
     background: #ffffff
+    border-radius: 2px
     &:hover
       margin-top: 4px
       box-shadow: 0 4px 6px rgba(33, 33, 33, 0.3)

templates/upload.html

@@ -15,8 +15,8 @@
     </div>
 {{end}}
 {{end}}
-    <form action="/upload/" method="POST" enctype="multipart/form-data">
-        <input type="file" name="file" accept="image/jpeg,image/png,image/bmp,*.jpeg,*.jpg,*.png,*.bmp" multiple/>
+    <form class="upload" action="/upload/" method="POST" enctype="multipart/form-data">
+        <input type="file" name="file" accept=".jpg,.jpeg,.png,.gif,.apng,.tiff,.tif,.bmp,.webp,.mp4,.mov" multiple/><br>
         <input type="submit"/>
     </form>
 </div>