Merge pull request 'Weinhnachen BibiTinaMeölly25' (#35) from Develop into master

Reviewed-on: https://illg.me/gitea/JasTobi/WeihnachtsKalenderMelly/pulls/35

index.php

@@ -55,6 +55,9 @@ if ($tab == "") {$tab = "home";}
 </article>
 
 <footer>
+    <!--img class="bgTree" src="./inc/bg/golden_christmas_tree.png"></img-->
+    
+    
     <img src="./inc/bg/1605110464788.png"></img>
     <a href="?tab=impressum" <?php if ($tab == "impressum")?>>Impressum</a> <span id="footer2">-</span>
     <a href="?tab=datenschutz" <?php if ($tab == "datenschutz")?>>Datenschutz</a> <span id="footer2">-</span>

src/sass/_kalender.sass

@@ -5,7 +5,7 @@ $marginLeftRight: 5px  // abstand linker und rechter rand
 $marginTop: 5px      
 $marginBetween: 5px     // abstand zwischen den Tueren
 $doorBorderSize: 2px    
-$doorWidth: ($kalenderWidth - 3.5*$marginLeftRight - 3*$marginBetween)/4
+$doorWidth: math.div($kalenderWidth - 3.5 * $marginLeftRight - 3 * $marginBetween, 4)
 
 /* ********************************
 
@@ -29,7 +29,7 @@ $doorWidth: ($kalenderWidth - 3.5*$marginLeftRight - 3*$marginBetween)/4
     width: $doorWidth
     height: $doorWidth
     overflow: hidden
-    background: hsla(0, 0%, 100%, 0.5)
+    background: hsla(0, 0%, 100%, 0.3)
 
   h3
     padding-top: 1.5rem

src/sass/_mixins.sass

@@ -0,0 +1,20 @@
+// Personen Farbe txt
+@mixin personen-txt($color)
+      color: $color
+      font-weight: bold
+      u
+        color: $color
+      span
+        display: inline-block
+        padding: 0.3rem 0 0 0
+        
+        
+      
+    #bibi
+      @include personen-txt($bibi)
+
+    #melly
+      @include personen-txt($melly)
+  
+    #packa
+      @include personen-txt(darkgreen)

src/sass/_tueren.sass

@@ -45,6 +45,16 @@ $melly: #6959cd
         color: grey
         margin: 1rem 0 0 0
         
+    #packa
+      color: darkgreen
+      font-weight: bold
+      u
+        color: darkgreen 
+      span
+        display: inline-block
+        padding: 0.3rem 0 0 0
+    
+    
   .schneei
     
     #SRechts
@@ -67,7 +77,7 @@ $melly: #6959cd
   img
     display: inline-block
     margin: 0rem 0 10px 0
-    width: 40%
+    width: 30%
 
   #schneiiW
     display: inline-block

src/sass/main.sass

@@ -1,14 +1,20 @@
 /*   https://www.colorhexa.com/e945bd
 
+//'mixins'
 
 
+// ### System Modul
+@use 'sass:math'
+// ################
+
 $navtop: 20px
 $headerRadios: 2rem
-$siteColor: #E945BD
+$siteColor: #A0522D
 $galeryBackgraund: hsla(326, 78.8%, 59.2%, 0.2)
-$headerFontColor: #de5359
+$headerFontColor: 	#CD853F
 $imageGweight: 8rem
 
+
 @import 'nav2', 'home', 'kalender', 'tueren', 'other'
 
 /* **************************************
@@ -18,23 +24,29 @@ body
     margin: 0 
 
     
-    background-color: darkgray //hsla(190, 50%, 80%, 0.7)
-    //height: 100vh
-
     &:before
         height: 100%
         content: ""
-        background-size: 90%
-        background-image: url("../inc/bg/snow3.jpg")
-        filter: hue-rotate(80deg)
-        opacity: 100%
-        top: 0
-        left: 0
-        bottom: 0
-        right: 0
+        background-size: 60%
+        background-image: url("../inc/bg/hufeisen_pattern_1024.png")
+        //filter: hue-rotate(-50deg)
+        //background-repeat: no-repeat
+        inset: 0
         position: fixed
         z-index: -1
- 
+    &:after
+        content: ""
+        position: fixed
+        top: 150px
+        left: 50%
+        transform: translateX(-50%)
+        width: 800px
+        height: 800px
+        background-image: url("../inc/bg/golden_christmas_tree.png")
+        background-repeat: no-repeat
+        background-size: contain
+        z-index: -1
+        pointer-events: none
         
 footer
     position: fixed
@@ -64,3 +76,6 @@ footer
         
 article 
     padding-bottom: 12rem 
+    
+
+    

tab/kalender.php

@@ -175,30 +175,30 @@
 
 		?>
 		const bgImages = [
-		        "1-image", // 1
-						"2-image",
-						"3-image",
-						"4-image",
-						"5-image",
-						"6-image",
-						"7-image",
-						"8-image",
-						"9-image",
-						"10-image",
-						"11-image",
-						"12-image",
-						"13-image",
-						"14-image",
-						"15-image",
-						"16-image",//
-						"1-image",
-						"2-image",
-						"3-image",
-						"4-image",
-						"5-image",
-						"6-image",
-						"7-image",
-						"24",
+		        "Tür1", // 1
+						"Tür2",
+						"Tür3",
+						"Tür4",
+						"Tür5",
+						"Tür6",
+						"Tür7",
+						"Tür8",
+						"Tür9",
+						"Tür10",
+						"Tür11",
+						"Tür12",
+						"Tür13",
+						"Tür14",
+						"Tür15",
+						"Tür16",//
+						"Tür17",
+						"Tür18",
+						"Tür19",
+						"Tür20",
+						"Tür21",
+						"Tür22",
+						"Tür23",
+						"Tür24",
 						"scheniiW",
 						"packa"
 	];
@@ -208,7 +208,7 @@
 			let n = dayMap[i-1];
 			let parent = $("#"+id);
 			let imageName = bgImages[n-1];
-			let imageUrl = "src/images/peperPig/"+imageName+".png";
+			let imageUrl = "src/images/BibiTina/"+imageName+".png";
             parent.find("span").css("background-image", "url(" + imageUrl + ")");
 			parent.find("span").html(n);
 			parent.find("h3").html(""+n);

tab/nav2.php

@@ -1,7 +1,7 @@
 <section class="navigation">
   <div class="nav-container">
     <div class="brand">
-      <a href="?tab=home">Mellys, <br>Bunter Peppa Pig Kalender</a>
+      <a href="?tab=home">Mellys Weihnachten<br>auf dem Martinshof</a>
     </div>
     <nav>
       <div class="nav-mobile"><a id="nav-toggle" href="#!"><span></span></a></div>
@@ -12,7 +12,7 @@
         <!--li>
           <a href="#!">Galerie</a>
           <ul class="nav-dropdown"-->
-            <   qli>
+            <li>
               <a href="?tab=galerie">Bilder</a>
             </li>
             <!--li>
@@ -23,9 +23,9 @@
         <li>
             <a href="?tab=radio">Playlist</a>
         </li>
-        <li>
+        <!--li>
             <a href="?tab=filme">Filme</a>
-        </li>
+        </li-->
         <li>
             <a href="?tab=rezepte">Rezepte</a>
         </li>

tab/tuer.php

@@ -1,41 +1,12 @@
 <?php
+
+$pfad="BibiTina";
+$errorImage="packa";
+
 $nr = $_GET["nr"];
 
-$images = [
-    "1-image", // 1
-    "2-image",
-    "3-image",
-    "4-image",
-    "5-image",
-    "6-image",
-    "7-image",
-    "8-image",
-    "9-image",
-    "10-image",
-    "11-image",
-    "12-image",
-    "13-image",
-    "14-image",
-    "15-image",
-    "16-image",
-    "1-image",
-    "2-image",
-    "3-image",
-    "4-image",
-    "5-image",
-    "6-image",
-    "7-image",
-    "24",
-    "scheniiW",
-    "packa"
-];
-if ($nr>0 && $nr<=sizeof($images)) {
-    $errorImage = $images[$nr-1];
-}else {
-    $errorImage = "pepperPig";
-}
 
-$tag = strtotime($nr." December 2024");
+$tag = strtotime($nr." December 2025");
 if (isset($_GET["debug"])) {
     $now = strtotime($_GET["debug"]);
 } else {
@@ -55,15 +26,10 @@ if ($now < $tag) {
         case 1:
             echo('<div id="txt"><h3>Tag 1</h3>
 
-<b><u>Der Brief an den Weihnachtsmann</b></u>
+<b><u>txt</b></u>
 
-<p>Es war der erste Dezember, und Peppa konnte es kaum erwarten, die Weihnachtszeit zu beginnen. Nach dem Frühstück setzte sie sich mit Schorsch und Mama Wutz an den Tisch, um ihren Brief an den Weihnachtsmann zu schreiben.</p>
-
-<p>Peppa dachte lange nach, bevor sie ihren Wunsch aufschrieb: ein magisches Puppenhaus, in dem die Figuren sich von selbst bewegen konnten. Schorsch wusste sofort, was er wollte, und malte einen großen grünen Dinosaurier. "Das ist alles?", fragte Peppa. "Dinosaurier!", rief Schorsch zufrieden.</p>
-
-<p>Mama Wutz half den beiden, den Brief zu falten und in einen Umschlag zu stecken. Gemeinsam gingen sie zum Briefkasten, wo Peppa den Brief mit einem großen "Plopp!" hineingleiten ließ. "Glaubst du, der Weihnachtsmann bekommt ihn rechtzeitig?" fragte sie aufgeregt. "Bestimmt", sagte Mama Wutz.</p>
-
-<img src="src/images/peperPig/1-image.png"</img>
+<p>
+<img src="src/images/'.$pfad.'/Tür1.png"</img>
     </div>');
             break;
         // 2
@@ -74,12 +40,12 @@ if ($now < $tag) {
 <b><u>Der erste Schnee</u></b>
 
 <p>Am nächsten Morgen erwachte Peppa und war ganz aufgeregt, als sie aus dem Fenster sah. "Schnee!" rief sie laut, sodass Schorsch ebenfalls aus dem Bett sprang. </p>
-
+u6oyl ltl8llö8omimmpöö
 <p>Die ganze Landschaft war in ein strahlendes Weiß getaucht. Nachdem sie sich warm angezogen hatten, rannten Peppa und Schorsch in den Garten, um einen Schneemann zu bauen. Papa Wutz half ihnen dabei, drei große Schneekugeln übereinander zu stapeln.</p>
 
 <p>"Er braucht eine Nase!" rief Peppa und holte eine Karotte aus der Küche. Schorsch setzte dem Schneemann einen kleinen Hut auf, und Mama Wutz brachte ein paar Knöpfe für die Augen. "Jetzt sieht er perfekt aus", sagte Peppa stolz.</p>
 
-<img src="src/images/peperPig/2-image.png"</img>
+<img src="src/images/'.$pfad.'/Tür2.png"</img>
 </div>');
             break;
         // 3
@@ -94,7 +60,7 @@ if ($now < $tag) {
 
 <p>"Nein, Schorsch, nur ein Türchen pro Tag!" erinnerte ihn Peppa. Mama Wutz lächelte. "Die Vorfreude ist das Schönste an Weihnachten", sagte sie.</p>
 
-<img src="src/images/peperPig/3-image.png"</img>
+<img src="src/images/'.$pfad.'/Tür3.png"</img>
 </div>');
             break;
         // 4
@@ -109,7 +75,7 @@ if ($now < $tag) {
 
 <p>Am Ende des Tages hängte Madame Gazelle alle Bilder an die Wand und lobte die Kinder. "Weihnachten ist die Zeit, um kreativ zu sein und anderen eine Freude zu machen", sagte sie lächelnd.</p>
 
-<img src="src/images/peperPig/4-image.png"</img>
+<img src="src/images/'.$pfad.'/Tür4.png"</img>
 </div>');
             break;
         // 
@@ -124,7 +90,7 @@ if ($now < $tag) {
 
 <p>Zum Schluss setzte Papa Wutz die goldene Sternspitze auf den Baum, doch er verlor das Gleichgewicht und fiel beinahe um. Alle lachten. "Es ist der schönste Baum, den wir je hatten!" sagte Peppa glücklich.</p>
 
-<img src="src/images/peperPig/5-image.png"</img>
+<img src="src/images/'.$pfad.'/Tür5.png"</img>
 </div>');
             break;
         // 6
@@ -139,7 +105,7 @@ if ($now < $tag) {
 
 <p>Peppa bekam ein buntes Haarband, und Schorsch fand einen kleinen Dinosaurier aus Holz. "Ich liebe den Nikolaus!" rief Peppa.</p>
 
-<img src="src/images/peperPig/6-image.png"</img>
+<img src="src/images/'.$pfad.'/Tür6.png"</img>
 </div>');
             break;
         // 7
@@ -154,7 +120,7 @@ if ($now < $tag) {
 
 <p>Nach der Fahrt wärmten sich alle mit heißem Kakao auf. "Das war der beste Weihnachtsmarkt überhaupt!" sagte Peppa, während sie zufrieden in ihren Becher pustete.</p>
 
-<img src="src/images/peperPig/7-image.png"</img>
+<img src="src/images/'.$pfad.'/Tür7.png"</img>
 </div>');
             break;
         // 8
@@ -167,7 +133,7 @@ if ($now < $tag) {
 
 <p>Peppa fragte sich, wie die Briefe wohl zum Nordpol kämen. "Vielleicht bringt ein Rentier sie hin?" spekulierte sie. Schorsch nickte begeistert. Der Postbote versprach, dass die Briefe auf magische Weise ihren Weg finden würden.</p>
 
-<img src="src/images/peperPig/8-image.png"</img>
+<img src="src/images/'.$pfad.'/Tür8.png"</img>
 </div>');
             break;
         // 9
@@ -182,7 +148,7 @@ if ($now < $tag) {
 
 <p>"Wir machen deine Plätzchen einfach rund und sagen, sie sind Dinosauriereier!" schlug Mama Wutz vor. Schorsch war zufrieden. Der Duft der Plätzchen erfüllte bald das ganze Haus.</p>
 
-<img src="src/images/peperPig/9-image.png"</img>
+<img src="src/images/'.$pfad.'/Tür9.png"</img>
     </div>');
             break;
         // 10
@@ -197,7 +163,7 @@ if ($now < $tag) {
 
 <p>"Und dann erstrahlte der Stern heller als alle anderen und zeigte den Weg zum Weihnachtsmann", schloss Opa Wutz. "War das wirklich so?" fragte Peppa neugierig. Opa Wutz zwinkerte. "Vielleicht. Weihnachten ist voller Wunder."</p>
 
-<img src="src/images/peperPig/10-image.png"</img>
+<img src="src/images/'.$pfad.'/Tür10.png"</img>
 </div>');
             break;
         // 11
@@ -212,7 +178,7 @@ if ($now < $tag) {
 
 <p>Schorsch quietschte vor Freude, und Peppa rief: "Noch mal, noch mal!" Schließlich durfte auch Mama Wutz mitfahren. Der Tag war voller Lachen und Schneeflocken.</p>
 
-<img src="src/images/peperPig/11-image.png"</img>
+<img src="src/images/'.$pfad.'/Tür11.png"</img>
 </div>');
             break;
         // 12
@@ -227,7 +193,7 @@ if ($now < $tag) {
 
 <p>"Schorsch, das ist zu viel Glitzer!" lachte Peppa. Doch Mama Wutz sagte: "Es ist perfekt, Schorsch. Zu Weihnachten kann es gar nicht genug funkeln."</p>
 
-<img src="src/images/peperPig/12-image.png"</img>
+<img src="src/images/'.$pfad.'/Tür12.png"</img>
 </div>');
             break;
         // 13
@@ -242,7 +208,7 @@ if ($now < $tag) {
 
 <p>"Das ist die Dinosaurier-Burg!" erklärte er stolz. Klausi lachte: "Dann greife ich die Burg an!" Am Ende waren alle nass und müde, aber glücklich.</p>
 
-<img src="src/images/peperPig/13-image.png"</img>
+<img src="src/images/'.$pfad.'/Tür13.png"</img>
 </div>');
             break;
         // 14
@@ -257,7 +223,7 @@ if ($now < $tag) {
 
 <p>Am Abend kamen alle Eltern, um das Spiel anzusehen. Es war ein großer Erfolg, und am Ende klatschten alle begeistert.</p>
 
-<img src="src/images/peperPig/14-image.png"</img>
+<img src="src/images/'.$pfad.'/Tür14.png"</img>
         </div>');
             break;
         // 15
@@ -272,7 +238,7 @@ if ($now < $tag) {
 
 <p>Peppa durfte ein Rentier streicheln, das in einem Gehege stand. "Hallo, Rudolph!" sagte sie. Schorsch zeigte auf das Geweih des Rentiers und rief: "Dinosaurier!" Alle lachten.</p>
 
-<img src="src/images/peperPig/15-image.png"</img>
+<img src="src/images/'.$pfad.'/Tür15.png"</img>
     </div>');
             break;
         // 16
@@ -285,7 +251,7 @@ if ($now < $tag) {
 
 <p>"Schorsch, das klingt nicht wie ein Lied", sagte Peppa. Doch Mama Wutz lobte ihn: "Er gibt sich Mühe, und das zählt." Gemeinsam sangen sie "Oh Tannenbaum" und "Stille Nacht". Danach gab es heiße Schokolade und Kekse.</p>
 
-<img src="src/images/peperPig/16-image.png"</img>
+<img src="src/images/'.$pfad.'/Tür16.png"</img>
     </div>');
             break;
         // 17
@@ -300,7 +266,7 @@ if ($now < $tag) {
 
 <p>Peppa war begeistert. "Er hat uns gesehen!" rief sie. Schorsch war beeindruckt von den großen Rentieren und flüsterte: "Dinosaurier-Rentier?"</p>
 
-<img src="src/images/peperPig/1-image.png"</img>
+<img src="src/images/'.$pfad.'/Tür17.png"</img>
     </div>');
             break;
         // 18
@@ -315,7 +281,7 @@ if ($now < $tag) {
 
 <p>"Ich kann es kaum erwarten!" rief Peppa und sprang vor Freude in die Luft.</p>
 
-<img src="src/images/peperPig/2-image.png"</img>
+<img src="src/images/'.$pfad.'/Tür18.png"</img>
 </div>');
             break;
         // 19
@@ -332,7 +298,7 @@ if ($now < $tag) {
 
 <p>Dieses Mal sah es viel besser aus. Schorsch durfte das Geschenk für Oma und Opa Wutz dekorieren – natürlich mit Glitzerstickern. Als alle Geschenke fertig waren, stapelten sie sie unter den Weihnachtsbaum.</p>
 
-<img src="src/images/peperPig/3-image.png"</img>
+<img src="src/images/'.$pfad.'/Tür19.png"</img>
 </div>');
             break;
         // 20
@@ -347,7 +313,7 @@ if ($now < $tag) {
 
 <p>Mama Wutz kam hinzu und sagte: "Der Weihnachtsmann sieht alle Kinder, die an ihn glauben." Peppa und Schorsch fühlten sich ganz besonders und gingen mit einem Lächeln ins Bett.</p>
 
-<img src="src/images/peperPig/4-image.png"</img>
+<img src="src/images/'.$pfad.'/Tür20.png"</img>
 </div>');
             break;
         // 21
@@ -362,7 +328,7 @@ if ($now < $tag) {
 
 <p>" Schorsch fand das so lustig, dass er ein Schneeball auf Papa Wutz warf. Alle lachten, und am Ende leuchtete die Lichterkette wunderschön.</p>
 
-<img src="src/images/peperPig/5-image.png"</img>
+<img src="src/images/'.$pfad.'/Tür21.png"</img>
 </div>');
             break;
         // 22
@@ -375,7 +341,7 @@ if ($now < $tag) {
 
 <p>"Oh, die sind wunderschön!" rief Peppa und setzte ihre Mütze sofort auf. Schorsch zog seine ebenfalls an und lief durchs Wohnzimmer, als wäre er ein Dino-Weihnachtsmann. "Vielen Dank, Oma und Opa!" sagte Peppa glücklich. "Jetzt sind wir bereit für Weihnachten."</p>
 
-<img src="src/images/peperPig/6-image.png"</img>
+<img src="src/images/'.$pfad.'/Tür22.png"</img>
     </div>');
             break;
         // 23
@@ -390,7 +356,7 @@ if ($now < $tag) {
 
 <p>Schorsch zeigte Luzie seinen neuen Dinosaurier, und sie lachten über die lustigen Geräusche, die er machte. "Das war ein wundervoller Tag", sagte Peppa auf dem Rückweg nach Hause.</p>
 
-<img src="src/images/peperPig/7-image.png"</img>
+<img src="src/images/'.$pfad.'/Tür23.png"</img>
 </div>');
             break;
         // 24
@@ -405,7 +371,7 @@ if ($now < $tag) {
 
 <p>Die Familie Wutz setzte sich später an den festlich gedeckten Tisch, um das Weihnachtsessen zu genießen. "Das ist der schönste Weihnachten, den wir je hatten", sagte Peppa glücklich.</p>
 
-<img src="src/images/peperPig/24.png"</img>
+<img src="src/images/'.$pfad.'/Tür24.png"</img>
     </div>');
             break;
         // Schneii 
@@ -418,7 +384,7 @@ if ($now < $tag) {
 <p>Test</p>
 <p>Test</p>
 
-<img id="schneiiW" src="src/images/peperPig/scheniiW.png"</img>
+<img id="schneiiW" src="src/images/scheniiW.png"</img>
 </div>
 </div>');
             break;
@@ -432,15 +398,23 @@ if ($now < $tag) {
 <p>Test</p>
 <p>Test</p>
 
-<img id="packaW" src="src/images/peperPig/packa.png"</img>
+<img id="packaW" src="src/images/packa.png"</img>
 </div>
 </div>');
             break;
 
         default:
-            echo('<div id="txt"><h3>Falscher Tag</h3><p id="false">
-    Ah Ah Ah, nicht so voreilig. <br> Dieser Tag ist noch nicht an der Reihe !, <br> Du muss dich noch ein wenig Gedulden.  </p>
-    <img id="falseDay" src="src/images/peperPig/'.$errorImage.'.png"</img>
+            echo('<div id="txt"><h3>Falscher Tag !!!</h3>
+            
+<p id="false">
+Ah Ah Ah, nicht so voreilig. <br> Dieser Tag ist noch nicht an der Reihe !, <br> Du muss dich noch ein wenig Gedulden.</p>
+    
+<div id="packa">
+<u>Packa:</u>
+<br>
+<span>Bald gibt es Geschenke Mama,<br> ich spiele Weihnachtsmann und bekomme dann alle Geschenke für mich 😂😂😂. </span></div>
+    
+    <img id="falseDay" src="src/images/peperPig/'.$errorImage.'.png"/>
     </div>');
             break;