Minor usability improvements, video styling

views/stuff/folders.ejs

@@ -65,18 +65,21 @@
 			<%=dirname%>
 		</h1>
 	</center>
-    <h3>
+    <h2>
       <a href="<%= url + prevDir%>" > Up one level </a>
-    </h3>
+    </h2>
 	</p>
 
 	<table class="maintable">
 		<% for (var i = 0; i < folders.length; i++) { %>
 			<tr>
 				<td>
+                  <a
+                    href="<%= url + folders[i].path %>"
+                    style="font-size: 0px"
+                    >
 					<button
                       class="butt"
-                      onclick='itemClick("<%= "http://stuff.frylabs.net" + folders[i].path %>")'
                       style='<%= i % 2 === 0 ? "background-color: #2f2f37" : "" %>'
                       onmouseenter='mouseEnter(this, <%= i %>)'
                       onmouseleave='mouseLeave(this, <%= i %>)'
@@ -95,6 +98,7 @@
                           </tr>
 						</table>
 					</button>
+                  </a>
 				</td>
 			</tr>
 		<% } %>
@@ -102,9 +106,6 @@
 </body>
 <script>
   console.log('hi')
-  function itemClick (e) {
-    location.href = e
-  }
   function mouseEnter (e, i) {
     e.style.backgroundColor = "#555"
   }

views/stuff/video.ejs

@@ -12,7 +12,6 @@
           color: #999999;
         }
         video {
-          object-fit: fill;
           width: 100%
         }
       </style>
@@ -26,4 +25,10 @@
       <source src="<%= url %><%= path %>?stream=true" type="video/mp4">
     </video>
   </body>
+  <script>
+    var v = document.getElementsByTagName('video')[0]
+    v.style.maxHeight = window.innerHeight - 100
+    v.maxWidth = window.innerWidth
+    console.log('a')
+  </script>
 </html>