added shuffling features

2020-05-29 17:19:19 +02:00
parent b1efcd823a
commit 024814429e
8 changed files with 359 additions and 73 deletions
--- a/css/index.css
+++ b/css/index.css
@@ -1,70 +0,0 @@
-.myvideo {
-    width: 100%;
-    float: left;
-}
-
-.videoleftbanner{
-    float: left;
-    width: 100%;
-    height: 100%;
-    background-color: #e5e5ff;
-    border-radius: 40px;
-}
-.likefield{
-    margin-top: 15px;
-    margin-left: 15px;
-    margin-right: 15px;
-    height: 30px;
-    background-color: #9e5353;
-    border-radius: 10px;
-    text-align: center;
-    color: white;
-
-}
-
-.previewcontainer {
-    margin-left: 10%;
-    width: 80%;
-    margin-right: 10%;
-}
-
-.videopreview {
-    height: 300px;
-    width: 30%;
-    float: left;
-    margin: 1%;
-    background-color: #7F7F7F;
-    cursor: pointer;
-    opacity: 0.9;
-    border: 10px;
-    border-radius: 20px;
-}
-
-.videopreview:hover {
-    opacity: 1;
-    transition: opacity 0.5s;
-}
-
-.previewtitle {
-    height: 10%;
-    color: white;
-    text-align: center;
-}
-
-.previewpic {
-    height: 80%;
-}
-
-.hideit {
-    display: none;
-}
-
-.closebutton {
-    color: white;
-    height: 35px;
-    width: 90px;
-    margin-right: 80px;
-    float: right;
-    background-color: #FF0000;
-    cursor: pointer;
-}
--- a/css/random.css
+++ b/css/random.css
--- a/css/video.css
+++ b/css/video.css
@@ -0,0 +1,70 @@
+.hideit {
+    display: none;
+}
+
+.closebutton {
+    color: white;
+    height: 35px;
+    width: 90px;
+    margin-right: 80px;
+    float: right;
+    background-color: #FF0000;
+    cursor: pointer;
+}
+
+.myvideo {
+    width: 100%;
+    float: left;
+}
+
+.videoleftbanner{
+    float: left;
+    width: 100%;
+    height: 100%;
+    background-color: #e5e5ff;
+    border-radius: 40px;
+}
+.likefield{
+    margin-top: 15px;
+    margin-left: 15px;
+    margin-right: 15px;
+    height: 30px;
+    background-color: #9e5353;
+    border-radius: 10px;
+    text-align: center;
+    color: white;
+
+}
+
+.previewcontainer {
+    margin-left: 10%;
+    width: 80%;
+    margin-right: 10%;
+}
+
+.videopreview {
+    height: 300px;
+    width: 30%;
+    float: left;
+    margin: 1%;
+    background-color: #7F7F7F;
+    cursor: pointer;
+    opacity: 0.9;
+    border: 10px;
+    border-radius: 20px;
+}
+
+.videopreview:hover {
+    opacity: 1;
+    transition: opacity 0.5s;
+}
+
+.previewtitle {
+    height: 10%;
+    color: white;
+    text-align: center;
+}
+
+.previewpic {
+    height: 80%;
+}