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/index.html
+++ b/public/loop/index.html
@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="UTF-8">
+<style>
+@font-face { font-family: 'pixel';
+             src: url('fonts/chesstype.ttf') format('truetype'); }
+
+a {
+    font-family: 'pixel';
+    color: white;
+    text-decoration: none;
+    padding-left: 10px;
+}
+
+a::after {
+    content: " |";
+}
+
+a:hover {
+    color: #02d370;
+    text-decoration: underline;
+}
+
+* { margin: 0px; padding: 0px; overflow: hidden; }
+body {
+  background: url(z0r_60842.gif) no-repeat center center fixed; 
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
+}
+
+html, 
+body {
+    height: 100%;
+}
+
+p {
+    color: white;
+    position: absolute;
+    bottom: 0;
+    text-align: center;
+    width: 100%;
+}
+
+.info {
+    background: black;
+    padding: 5px;
+    text-align: center;
+    bottom: 0;
+    position: fixed;
+    width: 100%;
+}
+
+/******* Chrome specific */
+input[type=range] {
+    height: 31px;
+    -webkit-appearance: none;
+    background: transparent;
+}
+
+input[type=range]::-webkit-slider-runnable-track {
+    width: 100%;
+    height: 5px;
+    cursor: pointer;
+    background: #f51945;
+    border-radius: 4px;
+    border: 1px solid #f51945;
+}
+
+input[type=range]::-webkit-slider-thumb {
+    height: 20px;
+    width: 20px;
+    border-radius: 10px;
+    background: #1d1c1c;
+    cursor: pointer;
+    -webkit-appearance: none;
+    margin-top: -8.5px;
+    border: 2px solid white;
+    margin-left: 0px;
+}
+
+input#volume {
+    margin-left: 5px;
+}
+</style>
+</head>
+<body>
+<div class="info">
+  <a href="/loop/flowering_nights/index.html">Blühende Nacht</a>
+  <a href="/loop/polizei/index.html">1, 2 Polizei</a>
+  <a href="/loop/shake/index.html">Shake your booty!</a>
+</div>
+<input id="volume" type="range" min="-1" max="0.1" step="0.01" value="-0.8"/>
+  
+<script src="loopify.js" type="text/javascript"></script>
+  <script>
+
+    loopify("z0r_60842_loop.flac",ready);
+
+    function ready(err,loop){
+
+      if (err) {
+        console.warn(err);
+      }
+
+        loop.play();
+    }
+
+  </script>
+</body>
+</html>