index.php

@@ -15,7 +15,6 @@ if ($tab == "") {$tab = "home";}
     <script src="js/nav.js"></script>
     <link rel="stylesheet" type="text/css" href="css/main.css">
     
-
 </head>
 
     <header>
@@ -26,7 +25,7 @@ if ($tab == "") {$tab = "home";}
     <nav>
 		<ul>
 			<li><a href="?tab=home" <?php if ($tab == "home")?>>Home</a></li>
-			<li><a href="?tab=bilder" <?php if ($tab == "bilder")?>>Galerie</a></li>
+			<li><a href="?tab=galerie" <?php if ($tab == "galerie")?>>Galerie</a></li>
 			<li><a href="?tab=radio" <?php if ($tab == "radio")?>>Musik</a></li>
 			<!--	<li class="mainMenu"><a href="#">Über</a>
 					<ul class="submenu">

js/nav.js

@@ -1,9 +1,13 @@
 function setActive() { 
 
-  aObj = document.getElementById('nav').getElementsByTagName('a');
+aObj = document.getElementsByTagName('nav')[0].getElementsByTagName('a'); 
+
 for (var i = 0; i < aObj.length; i++) { 
+
 if (document.location.href == aObj[i].href) { 
+
 aObj[i].className = 'active'; 
+
         } 
     }
 } 

sass/_other.sass

@@ -1,11 +1,38 @@
-#titel
+.titel
-  color: red
+  display: inline-block
+  /*background: url("../inc/teet/red navigation.png") no-repeat
+   background-size: 100%
+   background-position: 0px -63px
+  
+  img
+    max-width: 210px 
+    margin-top: 10px
+  
+  h3
     text-decoration: underline
+    color: gold
+    margin-top: -54px
+    padding-bottom: 1.5rem 
+    
+/* *** */
+
+#kstart
+  display: inline-block
+  font-weight: bold
+  color: darkred
+  margin-top: -3rem
+  padding: 1.5rem
+  text-decoration: underline
+  background-color: #fff
+  background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1)
+  border: 2px solid #C21514
+  
+/* *** */
 
 .euber
   display: inline-block
   color: black
-  font-size: 0.7rem
+  font-size: 0.9rem
   font-weight: normal
   border: 0px solid red
   max-width: 700px
@@ -13,3 +40,11 @@
   span
     text-decoration: underline
     font-weight: bold
+    
+/* *** */
+    
+.radio
+  iframe 
+    padding: 0 0 1rem 1rem
+    
+/* *** */

sass/_tueren.sass

@@ -11,7 +11,7 @@
     color: darkred
     font-family: Verdana, Arial, Helvetica, sans-serif
     border: 4px ridge red
-    background: hsla(0, 0%, 100%, 0.4) url("../inc/teet/20201222_065407.png") -1px -5px no-repeat
+    background: hsla(0, 0%, 100%, 0.4) url("../inc/bg/20201222_065407.png") -1px -5px no-repeat
     background-size: 101%
     padding: 0 1.5rem 1.5rem 1.5rem
     width: 75%

tab/blanko.php

@@ -0,0 +1,4 @@
+<div class="titel">
+<img src="inc/bg/1609858275128.png"></img>
+<h3>Blanko</h3>
+</div>

tab/datenschutz.php

@@ -1,4 +1,8 @@
-<h3 id="titel">Datenschutz Gesetzt</h3>
+<div class="titel">
+<img src="inc/bg/1609858275128.png"></img>
+<h3>Datenschutz</h3>
+</div>
+
 
 <div class="euber">
 

tab/galerie.php

@@ -0,0 +1,4 @@
+<div class="titel">
+<img src="inc/bg/1609858275128.png"></img>
+<h3>Galerie</h3>
+</div>

tab/home.php

@@ -79,18 +79,8 @@
     }, 1000);
     </script>
 
-<div style="
+
-display:inline-block;
+<h2 id="kstart">Bis der Kalender Startet !!!</h2>
-font-weight:bold;
-color:darkred;
-margin-top:-3rem;
-padding: 0 1.5rem 0 1.5rem;
-text-decoration:underline;
-background-color:#fff;
-background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1);
-border: 2px solid #C21514;
-">
-<h2>Bis der Kalender Startet !!!</h2>
 </div>
 
 <p>

tab/impressum.php

@@ -1,4 +1,8 @@
-<h3 id="titel">Impressum</h3>
+<div class="titel">
+<img src="inc/bg/1609858275128.png"></img>
+<h3>Impressum</h3>
+</div>
+
 
 <div class="euber">
 

tab/radio.php

@@ -1,8 +1,69 @@
-<h3 id="titel">Musik</h3>
+<div class="titel">
+<img src="inc/bg/1609858275128.png"></img>
+<h3>Radio</h3>
+</div>
+
+<style>
+.select {
+   font-size: 0.7rem;
+    display: inline-block;
+    background: linear-gradient(to bottom, #fefffd, #e7e9ea 50%, #e1e1e1);
+    border: 1px solid darkred;
+    border-radius: 5px ;
+    padding: 0.5rem;
+}
+
+.select select{
+    -moz-appearance: none;
+    -webkit-appearance: none;
+    appearance: none;
+    border: none;
+    font-family: Times New Roman;
+    background-color: transparent;
+    font-size: 0.7rem ;
+}
+
+</style>
 
 <br>
 
-<audio preload controls>
+<div class="select">
-	<source src="media/mp3/Computer Jockies - Golden Boy.mp3">
+    Playlist:
-	<source src="media/mp3/Computer Jockies - Golden Boy.mp3">
+<select  required>
-</audio>
+<option>&raquo; Bitte Wählen &laquo;</option>
+<option value="37i9dQZF1DX1LCddwjCqDK">Weihnachtsklassiker</option>
+<option value="6awauReNKrJW9pNUMH7T60">Mellys Weihnachten</option>
+<option value="3xAw40ipYZWCBrqmmoFllU">Bibis Weihnachten</option>
+<option value="0t6HBJl0PwHtdy0i4FPCfm">Weihnachten Benjamin Blümchen</option>
+  </select>
+</div>
+
+<br></br>
+
+<script>    
+$("select").change(function () {
+    var string = "https://open.spotify.com/embed/playlist/"+ $("select").val();   
+    $("iframe").attr('src',string);
+});  
+</script> 
+
+<div class="radio">
+
+<iframe width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
+
+</div>
+
+<!--
+<div class="radio">
+
+<iframe src="https://open.spotify.com/embed/playlist/37i9dQZF1DX1LCddwjCqDK" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
+
+<iframe src="https://open.spotify.com/embed/playlist/6awauReNKrJW9pNUMH7T60" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
+
+</div>
+
+https://open.spotify.com/playlist/3xAw40ipYZWCBrqmmoFllU?si=WegOKie3QyCprbI90sxglQ
+
+https://open.spotify.com/playlist/0t6HBJl0PwHtdy0i4FPCfm?si=ATbsbsqZTmGdJRjfyQo9hw
+
+-->

tab/tuer.php

@@ -2,7 +2,7 @@
 <?php
 $nr = $_GET["nr"];
 
-$tag = strtotime($nr." December 202ü");
+$tag = strtotime($nr." December 2020");
 if(time()<$tag) {
     $nr = -1;
 }