HomeTimer angepasst, CSS anpasungen

css/style.css

@@ -1,2 +1,2 @@
-ul{list-style-type:none;margin:-2px auto;padding:0;background-color:rgba(255,255,255,0.8);border:2px solid darkred;display:inline-block;transition:all 60ms;box-shadow:inset -2px -2px 10px #add8e6,inset 2px 2px 10px #add8e6}ul.navUl{height:33px}li{float:left;width:auto;margin:0px 0px;border-radius:0px}li a{display:block;color:darkred;text-align:center;padding:7px 16px;text-decoration:none;margin:1px 0 4px;font-weight:bold}nav>ul>li{width:100px}li a:active,li a:hover,li a:focus,li a.active{background:none;color:red;text-decoration:underline}li a:active,li a:hover,li a:focus{transition:1s;transform:scale(1.1)}ul li ul li{display:inline-block}.submenu{visibility:hidden;position:relative;margin-top:-5px;margin-left:-10px;background-color:#fff}.submenu li{display:block;float:none;border-bottom:1px solid #daa520;margin:0 0 0 0}.submenu li a{display:block;float:none;border-bottom:1px solid #daa520;margin:0 0 0 0}.submenuActive{visibility:visible}nav>ul>li>ul>li{margin:middle}.TimeContainer{margin-top:20px;color:#000}#clockdiv>div{display:inline-block}body{text-align:center;background-image:url("../inc/bg/simple-snowflake.png");background-size:20%}header{margin:auto;background-image:url("../inc/bg/christmas background.jpg");background-size:100%;background-position:0% 88%;background-repeat:no-repeat;overflow:hidden;margin-top:3px;border-color:darkred;border-width:3px;border-style:solid;text-align:center;padding:25px;box-shadow:-1px -1px 5px silver,1px 1px 5px silver}header h1{color:red;text-decoration:underline;font-size:30px;font-weight:bold}
+ul{list-style-type:none;margin:-2px auto;padding:0;background-color:rgba(255,255,255,0.8);border:2px solid darkred;display:inline-block;transition:all 60ms;box-shadow:inset -2px -2px 10px #add8e6,inset 2px 2px 10px #add8e6}ul.navUl{height:33px}li{float:left;width:auto;margin:0px 0px;border-radius:0px}li a{display:block;color:darkred;text-align:center;padding:7px 16px;text-decoration:none;margin:1px 0 4px;font-weight:bold}nav>ul>li{width:100px}li a:active,li a:hover,li a:focus,li a.active{background:none;color:red;text-decoration:underline}li a:active,li a:hover,li a:focus{transition:1s;transform:scale(1.1)}ul li ul li{display:inline-block}.submenu{visibility:hidden;position:relative;margin-top:-5px;margin-left:-10px;background-color:#fff}.submenu li{display:block;float:none;border-bottom:1px solid #daa520;margin:0 0 0 0}.submenu li a{display:block;float:none;border-bottom:1px solid #daa520;margin:0 0 0 0}.submenuActive{visibility:visible}nav>ul>li>ul>li{margin:middle}.TimeContainer{margin-top:20px;color:gold;font-size:20px;font-weight:bold;text-shadow:1px 2px 2px #000}#clockdiv>div{display:inline-block;background-image:url("../inc/bg/christmas-decoration-balls.png");background-repeat:no-repeat;background-color:#d3d3d3;background-size:108%;background-position:0px -42px;border:0px;border-radius:100px;min-width:140px;height:133px;margin:5px 2px;box-shadow:1px 1px 10px #fff inset,1px 1px 10px #000}#clockdiv>div span{padding-top:45px;display:inline-block}body{text-align:center;background-image:url("../inc/bg/snow3.png");background-size:90%;background-color:#add8e6}header{margin:auto;background-image:url("../inc/bg/christmas background.jpg");background-size:100%;background-position:0% 88%;background-repeat:no-repeat;overflow:hidden;margin-top:3px;border:3px solid darkred;border-radius:40px 40px;text-align:center;padding:25px;box-shadow:-1px -1px 5px silver,1px 1px 5px silver}header h1{color:red;text-decoration:underline;font-size:30px;font-weight:bold}
 /*# sourceMappingURL=style.css.map */

css/style.css.map

@@ -1,6 +1,6 @@
 {
 "version": 3,
-"mappings": "AAAA,EAAE,CACA,eAAe,CAAE,IAAI,CACrB,MAAM,CAAE,SAAS,CACjB,OAAO,CAAE,CAAC,CAGV,gBAAgB,CAAE,qBAAsB,CACxC,MAAM,CAAE,iBAAiB,CACzB,OAAO,CAAE,YAAY,CACrB,UAAU,CAAE,QAAQ,CACpB,UAAU,CAAE,uDAA4D,CAExE,QAAO,CACL,MAAM,CAAE,IAAI,CAEhB,EAAE,CACA,KAAK,CAAE,IAAI,CACX,KAAK,CAAE,IAAI,CAGX,MAAM,CAAE,OAAO,CAGf,aAAa,CAAE,GAAG,CAElB,IAAC,CACC,OAAO,CAAE,KAAK,CACd,KAAK,CAAE,OAAO,CACd,UAAU,CAAE,MAAM,CAClB,OAAO,CAAE,QAAQ,CACjB,eAAe,CAAE,IAAI,CACrB,MAAM,CAAE,SAAS,CACjB,WAAW,CAAE,IAAI,CAErB,SAAa,CACX,KAAK,CAAE,KAAK,CAGZ,6CAAoC,CAClC,UAAU,CAAE,IAAI,CAChB,KAAK,CAAE,GAAG,CACV,eAAe,CAAE,SAAS,CAE5B,iCAA0B,CACxB,UAAU,CAAE,EAAE,CACd,SAAS,CAAE,UAAU,CAEzB,WAAW,CACT,OAAO,CAAE,YAAY,CAEvB,QAAQ,CACN,UAAU,CAAE,MAAM,CAClB,QAAQ,CAAE,QAAQ,CAClB,UAAU,CAAE,IAAI,CAChB,WAAW,CAAE,KAAK,CAClB,gBAAgB,CAAE,IAAkB,CAEpC,WAAE,CAOA,OAAO,CAAE,KAAK,CACd,KAAK,CAAE,IAAI,CACX,aAAa,CAAE,iBAAmB,CAClC,MAAM,CAAE,OAAO,CATf,aAAC,CACC,OAAO,CAAE,KAAK,CACd,KAAK,CAAE,IAAI,CACX,aAAa,CAAE,iBAAmB,CAClC,MAAM,CAAE,OAAO,CAOrB,cAAc,CACZ,UAAU,CAAE,OAAO,CAErB,eAAuB,CACrB,MAAM,CAAE,MAAM,CCzEhB,cAAc,CACV,UAAU,CCDL,IAAI,CDET,KAAK,CAAE,IAAK,CAIZ,aAAK,CACD,OAAO,CAAE,YAAY,CCD7B,IAAI,CACA,UAAU,CAAE,MAAM,CAClB,gBAAgB,CAAE,qCAAqC,CACvD,eAAe,CAAE,GAAG,CAExB,MAAM,CACF,MAAM,CAAE,IAAI,CAEZ,gBAAgB,CAAE,yCAAyC,CAC3D,eAAe,CAAE,IAAI,CACrB,mBAAmB,CAAE,MAAM,CAC3B,iBAAiB,CAAE,SAAS,CAC5B,QAAQ,CAAE,MAAM,CAChB,UAAU,CAAE,GAAG,CACf,YAAY,CAAE,OAAO,CACrB,YAAY,CAAE,GAAG,CACjB,YAAY,CAAE,KAAK,CACnB,UAAU,CAAE,MAAM,CAClB,OAAO,CAAE,IAAI,CACb,UAAU,CAAE,uCAAwC,CAEpD,SAAE,CACE,KAAK,CAAE,GAAG,CACV,eAAe,CAAE,SAAS,CAC1B,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,IAAI",
+"mappings": "AAAA,EAAE,CACA,eAAe,CAAE,IAAI,CACrB,MAAM,CAAE,SAAS,CACjB,OAAO,CAAE,CAAC,CAGV,gBAAgB,CAAE,qBAAsB,CACxC,MAAM,CAAE,iBAAiB,CACzB,OAAO,CAAE,YAAY,CACrB,UAAU,CAAE,QAAQ,CACpB,UAAU,CAAE,uDAA4D,CAExE,QAAO,CACL,MAAM,CAAE,IAAI,CAEhB,EAAE,CACA,KAAK,CAAE,IAAI,CACX,KAAK,CAAE,IAAI,CAGX,MAAM,CAAE,OAAO,CAGf,aAAa,CAAE,GAAG,CAElB,IAAC,CACC,OAAO,CAAE,KAAK,CACd,KAAK,CAAE,OAAO,CACd,UAAU,CAAE,MAAM,CAClB,OAAO,CAAE,QAAQ,CACjB,eAAe,CAAE,IAAI,CACrB,MAAM,CAAE,SAAS,CACjB,WAAW,CAAE,IAAI,CAErB,SAAa,CACX,KAAK,CAAE,KAAK,CAGZ,6CAAoC,CAClC,UAAU,CAAE,IAAI,CAChB,KAAK,CAAE,GAAG,CACV,eAAe,CAAE,SAAS,CAE5B,iCAA0B,CACxB,UAAU,CAAE,EAAE,CACd,SAAS,CAAE,UAAU,CAEzB,WAAW,CACT,OAAO,CAAE,YAAY,CAEvB,QAAQ,CACN,UAAU,CAAE,MAAM,CAClB,QAAQ,CAAE,QAAQ,CAClB,UAAU,CAAE,IAAI,CAChB,WAAW,CAAE,KAAK,CAClB,gBAAgB,CAAE,IAAkB,CAEpC,WAAE,CAOA,OAAO,CAAE,KAAK,CACd,KAAK,CAAE,IAAI,CACX,aAAa,CAAE,iBAAmB,CAClC,MAAM,CAAE,OAAO,CATf,aAAC,CACC,OAAO,CAAE,KAAK,CACd,KAAK,CAAE,IAAI,CACX,aAAa,CAAE,iBAAmB,CAClC,MAAM,CAAE,OAAO,CAOrB,cAAc,CACZ,UAAU,CAAE,OAAO,CAErB,eAAuB,CACrB,MAAM,CAAE,MAAM,CCzEhB,cAAc,CACV,UAAU,CCDL,IAAI,CDET,KAAK,CAAE,IAAI,CACX,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,IAAI,CACjB,WAAW,CAAE,gBAAiB,CAI9B,aAAK,CACD,OAAO,CAAE,YAAY,CACrB,gBAAgB,CAAE,+CAA+C,CACjE,iBAAiB,CAAE,SAAS,CAC5B,gBAAgB,CAAE,OAAS,CAC3B,eAAe,CAAE,IAAI,CACrB,mBAAmB,CAAE,SAAS,CAC9B,MAAM,CAAE,GAAG,CACX,aAAa,CAAE,KAAK,CACpB,SAAS,CAAE,KAAK,CAChB,MAAM,CAAE,KAAK,CACb,MAAM,CAAE,OAAO,CACf,UAAU,CAAE,yCAA6C,CAEzD,kBAAI,CACA,WAAW,CAAE,IAAI,CACjB,OAAO,CAAE,YAAY,CCnBjC,IAAI,CACA,UAAU,CAAE,MAAM,CAClB,gBAAgB,CAAE,0BAA0B,CAC5C,eAAe,CAAE,GAAG,CACpB,gBAAgB,CAAE,OAAS,CAE/B,MAAM,CACF,MAAM,CAAE,IAAI,CAEZ,gBAAgB,CAAE,yCAAyC,CAC3D,eAAe,CAAE,IAAI,CACrB,mBAAmB,CAAE,MAAM,CAC3B,iBAAiB,CAAE,SAAS,CAC5B,QAAQ,CAAE,MAAM,CAChB,UAAU,CAAE,GAAG,CACf,MAAM,CAAE,iBAAiB,CACzB,aAAa,CAAE,SAAS,CACxB,UAAU,CAAE,MAAM,CAClB,OAAO,CAAE,IAAI,CACb,UAAU,CAAE,uCAAwC,CAEpD,SAAE,CACE,KAAK,CAAE,GAAG,CACV,eAAe,CAAE,SAAS,CAC1B,SAAS,CAAE,IAAI,CACf,WAAW,CAAE,IAAI",
 "sources": ["../sass/_nav.sass","../sass/_home.sass","../sass/style.sass"],
 "names": [],
 "file": "style.css"

sass/_home.sass

@@ -1,8 +1,26 @@
 .TimeContainer
     margin-top: $navtop
-    color: black
-    
+    color: gold
+    font-size: 20px
+    font-weight: bold
+    text-shadow: 1px 2px 2px black
+
 #clockdiv
 
     > div
         display: inline-block
+        background-image: url("../inc/bg/christmas-decoration-balls.png")
+        background-repeat: no-repeat
+        background-color: Lightgrey
+        background-size: 108%
+        background-position: 0px -42px
+        border: 0px
+        border-radius: 100px
+        min-width: 140px
+        height: 133px
+        margin: 5px 2px
+        box-shadow: 1px 1px 10px #fff inset  , 1px 1px 10px black
+
+        span
+            padding-top: 45px
+            display: inline-block

sass/style.sass

@@ -6,8 +6,9 @@ $txttop: 5px
 
 body
     text-align: center
-    background-image: url("../inc/bg/simple-snowflake.png")
-    background-size: 20%
+    background-image: url("../inc/bg/snow3.png")
+    background-size: 90%
+    background-color: Lightblue
 
 header
     margin: auto
@@ -18,9 +19,8 @@ header
     background-repeat: no-repeat
     overflow: hidden
     margin-top: 3px
-    border-color: darkred
-    border-width: 3px
-    border-style: solid
+    border: 3px solid darkred
+    border-radius: 40px 40px
     text-align: center
     padding: 25px
     box-shadow: -1px -1px 5px silver, 1px 1px 5px silver
@@ -30,4 +30,3 @@ header
         text-decoration: underline
         font-size: 30px
         font-weight: bold
-        

tab/home.php

@@ -27,14 +27,15 @@
     <script>
     
     <?php
-        include "list.php";
         $js_array = json_encode($images);
         echo "var images = ".$js_array.";\n"; 
         $js_array = json_encode($videos);
         echo "var videos = ".$js_array.";\n"; 
+        
     ?>
+    
     console.log(images);
-    var deadline = new Date("12 1, 2021 00:00:01").getTime();
+    var deadline = new Date("Nov28, 2021 00:00").getTime();
 
     var x = setInterval(function() {