some css changes to w0bmcustom.css and glitch.css, some changes in irc.blade.php regarding the visibility of the page for non logged in users, some minor changes to the upload page and a big change to the video page by adding the first interactive upload with loops to w0bm

2020-01-29 13:03:40 +00:00
parent 1399b95004
commit 923d9be188
59 changed files with 2316 additions and 4 deletions
--- a/public/loop/polizei/index.html
+++ b/public/loop/polizei/index.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="UTF-8">
+<style>
+#myVideoLoop video {
+    position: absolute;
+    width: 100%;
+}
+
+  #myVideoLoop {
+    position: fixed;
+    top: 0; right: 0; bottom: 0; left: 0;
+    overflow: hidden;
+  }
+  #myVideoLoop > video {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+  @media (min-aspect-ratio: 16/9) {
+    #myVideoLoop > video { height: 300%; top: -100%; }
+  }
+  @media (max-aspect-ratio: 16/9) {
+    #myVideoLoop > video { width: 300%; left: -100%; }
+  }
+  @supports (object-fit: cover) {
+    #myVideoLoop > video {
+      top: 0; left: 0;
+      width: 100%; height: 100%;
+      object-fit: contain;
+    }
+  }
+
+  .source_info {
+    position: absolute;
+    z-index: 99999;
+  }
+</style>
+<script src="videoloop.js"></script>
+</head>
+<body>
+    <div class="source_info">
+    <a href="../index.html"> <- back</a>
+</div>
+<div id="myVideoLoop"></div>
+<script>
+
+    window.onload = function() {
+
+        // Initialize video loop
+        videoLoopObj = new VideoLoop('myVideoLoop');
+        videoLoopObj.transitionDelay = 90; // delay until the second video starts
+        videoLoopObj.length = 7290; // original lenght: 7400ms (07.40s)
+        videoLoopObj.paths = ['gfdgsgds.mp4'];
+        videoLoopObj.types = ['video/mp4'];
+        videoLoopObj.volume = 0.3;
+        videoLoopObj.init();
+    }
+
+</script>
+</body>
+</html>