Galerie und tage

This commit is contained in:
2021-11-23 17:56:26 +01:00
parent ff35366279
commit 5f873bee89
4693 changed files with 149659 additions and 301447 deletions

23
tab/G2018Luehtjes.php Normal file
View File

@@ -0,0 +1,23 @@
<div class="titel">
<img src="inc/bg/1609858275128.png"></img>
<h3>2018 Lühtje</h3>
</div>
<br>
<div class="gimages">
<?php
$path = 'src/images/2018Luethje/';
foreach (new DirectoryIterator($path) as $file) {
if ($file->isDot() || $file->isDir()) continue;;
if ($file->getExtension()=="jpeg" || $file->getExtension()=="jpg") {
echo '<a href="src/images/2018Luethje/';
echo $file;
echo '"data-lightbox="mygallery"><img src="src/images/2018Luethje/';
echo $file;
echo '"></a>';
}
}
?>
</div>

23
tab/G2019Luehtjes.php Normal file
View File

@@ -0,0 +1,23 @@
<div class="titel">
<img src="inc/bg/1609858275128.png"></img>
<h3>2019 Lühtje</h3>
</div>
<br>
<div class="gimages">
<?php
$path = 'src/images/2019Luehtjes/';
foreach (new DirectoryIterator($path) as $file) {
if ($file->isDot() || $file->isDir()) continue;;
if ($file->getExtension()=="jpeg" || $file->getExtension()=="jpg") {
echo '<a href="src/images/2019Luehtjes/';
echo $file;
echo '"data-lightbox="mygallery"><img src="src/images/2019Luehtjes/';
echo $file;
echo '"></a>';
}
}
?>
</div>

23
tab/G2019WeihTobi.php Normal file
View File

@@ -0,0 +1,23 @@
<div class="titel">
<img src="inc/bg/1609858275128.png"></img>
<h3>2019 Tobi</h3>
</div>
<br>
<div class="gimages">
<?php
$path = 'src/images/2019WeihTobi/';
foreach (new DirectoryIterator($path) as $file) {
if ($file->isDot() || $file->isDir()) continue;;
if ($file->getExtension()=="jpeg" || $file->getExtension()=="jpg") {
echo '<a href="src/images/2019WeihTobi/';
echo $file;
echo '"data-lightbox="mygallery"><img src="src/images/2019WeihTobi/';
echo $file;
echo '"></a>';
}
}
?>
</div>

View File

@@ -0,0 +1,23 @@
<div class="titel">
<img src="inc/bg/1609858275128.png"></img>
<h3>2019 Lübeck</h3>
</div>
<br>
<div class="gimages">
<?php
$path = 'src/images/2019WeihMarktLuebeck/';
foreach (new DirectoryIterator($path) as $file) {
if ($file->isDot() || $file->isDir()) continue;;
if ($file->getExtension()=="jpeg" || $file->getExtension()=="jpg") {
echo '<a href="src/images/2019WeihMarktLuebeck/';
echo $file;
echo '"data-lightbox="mygallery"><img src="src/images/2019WeihMarktLuebeck/';
echo $file;
echo '"></a>';
}
}
?>
</div>

23
tab/G2020WeihTobi.php Normal file
View File

@@ -0,0 +1,23 @@
<div class="titel">
<img src="inc/bg/1609858275128.png"></img>
<h3>2020 Tobi</h3>
</div>
<br>
<div class="gimages">
<?php
$path = 'src/images/2020WeihTobi/';
foreach (new DirectoryIterator($path) as $file) {
if ($file->isDot() || $file->isDir()) continue;;
if ($file->getExtension()=="jpeg" || $file->getExtension()=="jpg") {
echo '<a href="src/images/2020WeihTobi/';
echo $file;
echo '"data-lightbox="mygallery"><img src="src/images/2020WeihTobi/';
echo $file;
echo '"></a>';
}
}
?>
</div>

View File

@@ -3,30 +3,16 @@
<h3>Galerie</h3>
</div>
<br>
<style>
.sGalerie{
display: inline-block;
}
.sGalerie div{
background-color: #fff;
padding: 1rem;
border-top: 2px solid gray;
}
.sGalerie button{
padding: 0.5rem 0 0 0
}
.sGalerie img {
max-width: 6rem;
padding: 0;
}
</style>
<div class="sGalerie">
<button onclick="window.location.href='?tab=home';"><img src="inc/bg/spotify.png"></img><div>Weihnachten.. </div></button>
<span id="leer">
<button onclick="window.location.href='?tab=G2018Luehtjes';"><img src="src/images/2018Luethje/PSX_20211122_165852.jpg"></img><div>2018 Lühtjes</div></button></span>
<span id="leer">
<button onclick="window.location.href='?tab=G2019WeihnachtsMLuebeck';"><img src="src/images/2019WeihMarktLuebeck/20191216_175633.jpg"></img><div>2019 Lübeck</div></button></span>
<span id="leer">
<button onclick="window.location.href='?tab=G2019WeihTobi';"><img src="src/images/2019WeihTobi/20191221_165331.jpg"></img><div>2019 mit Tobi<br></div></button></span>
<span id="leer">
<button onclick="window.location.href='?tab=G2019Luehtjes';"><img src="src/images/2019Luehtjes/20191224_172651.jpg"></img><div>2019 Lüthjes</div></button></span>
<span id="leer">
<button onclick="window.location.href='?tab=G2020WeihTobi';"><img src="src/images/2020WeihTobi/20201225_172206.jpg"></img><div>2020 nit Tobi</div></button></span>
</div>

View File

@@ -110,12 +110,11 @@
}
}
document.getElementById("textmessage").innerHTML = textmessage;
if (t <= 0) {
clearInterval(x);
$("#clockdiv").hide();
$("#messagebox").hide();
$("#kstart").hide();
$("header b").html("Frohe Weihnachten!!!")
imageLoopFunc();

View File

@@ -2,149 +2,169 @@
<div class="active" id="ak1">
<a href="?tab=tuer&nr=1">
<h3 id="hiddenTuer">Tür 01</h3>
<div class="left"><span>1</span></div>
<h3 id="hiddenTuer">Tür 01</h3>
<div class="left"><span>1</span></div>
</a>
</div>
<div class="active" id="ak2">
<a href="?tab=tuer&nr=2">
<h3 id="hiddenTuer">Tür 02</h3>
<div class="left"><span>2</span></div>
<h3 id="hiddenTuer">Tür 02</h3>
<div class="left"><span>2</span></div>
</a>
</div>
<div class="active" id="ak3">
<a href="?tab=tuer&nr=3">
<h3 id="hiddenTuer">Tür 03</h3>
<div class="left"><span>3</span></div>
<h3 id="hiddenTuer">Tür 03</h3>
<div class="left"><span>3</span></div>
</a>
</div>
<div class="active" id="ak4">
<a href="?tab=tuer&nr=4">
<h3 id="hiddenTuer">Tür 04</h3>
<div class="left"><span>4</span></div>
<h3 id="hiddenTuer">Tür 04</h3>
<div class="left"><span>4</span></div>
</a>
</div>
<div class="active" id="ak5">
<a href="?tab=tuer&nr=5">
<h3 id="hiddenTuer">Tür 05</h3>
<div class="left"><span>5</span></div>
<h3 id="hiddenTuer">Tür 05</h3>
<div class="left"><span>5</span></div>
</a>
</div>
<div class="active" id="ak6">
<a href="?tab=tuer&nr=6">
<h3 id="hiddenTuer">Tür 06</h3>
<div class="left"><span>6</span></div>
<h3 id="hiddenTuer">Tür 06</h3>
<div class="left"><span>6</span></div>
</a>
</div>
<div class="active" id="ak7">
<a href="?tab=tuer&nr=7">
<h3 id="hiddenTuer">Tür 07</h3>
<div class="left"><span>7</span></div>
<h3 id="hiddenTuer">Tür 07</h3>
<div class="left"><span>7</span></div>
</a>
</div>
<div class="active" id="ak8">
<a href="?tab=tuer&nr=8">
<h3 id="hiddenTuer">Tür 08</h3>
<div class="left"><span>8</span></div>
<h3 id="hiddenTuer">Tür 08</h3>
<div class="left"><span>8</span></div>
</a>
</div>
<div class="active" id="ak9">
<a href="?tab=tuer&nr=9">
<h3 id="hiddenTuer">Tür 09</h3>
<div class="left"><span>9</span></div>
<h3 id="hiddenTuer">Tür 09</h3>
<div class="left"><span>9</span></div>
</a>
</div>
<div class="active" id="ak10">
<a href="?tab=tuer&nr=10">
<h3 id="hiddenTuer">Tür 10</h3>
<div class="left"><span>10</span></div>
<h3 id="hiddenTuer">Tür 10</h3>
<div class="left"><span>10</span></div>
</a>
</div>
<div class="active" id="ak11">
<a href="?tab=tuer&nr=11">
<h3 id="hiddenTuer">Tür 11</h3>
<div class="left"><span>11</span></div>
<h3 id="hiddenTuer">Tür 11</h3>
<div class="left"><span>11</span></div>
</a>
</div>
<div class="active" id="ak12">
<a href="?tab=tuer&nr=12">
<h3 id="hiddenTuer">Tür 12</h3>
<div class="left"><span>12</span></div>
<h3 id="hiddenTuer">Tür 12</h3>
<div class="left"><span>12</span></div>
</a>
</div>
<div class="active" id="ak13">
<a href="?tab=tuer&nr=13">
<h3 id="hiddenTuer">Tür 13</h3>
<div class="left"><span>13</span></div>
<h3 id="hiddenTuer">Tür 13</h3>
<div class="left"><span>13</span></div>
</a>
</div>
<div class="active" id="ak14">
<a href="?tab=tuer&nr=14">
<h3 id="hiddenTuer">Tür 14</h3>
<div class="left"><span>14</span></div>
<h3 id="hiddenTuer">Tür 14</h3>
<div class="left"><span>14</span></div>
</a>
</div>
<div class="active" id="ak15">
<a href="?tab=tuer&nr=15">
<h3 id="hiddenTuer">Tür 15</h3>
<div class="left"><span>15</span></div>
<h3 id="hiddenTuer">Tür 15</h3>
<div class="left"><span>15</span></div>
</a>
</div>
<div class="active" id="ak16">
<a href="?tab=tuer&nr=16">
<h3 id="hiddenTuer">Tür 16</h3>
<div class="left"><span>16</span></div>
<h3 id="hiddenTuer">Tür 16</h3>
<div class="left"><span>16</span></div>
</a>
</div>
<div class="active" id="ak17">
<a href="?tab=tuer&nr=17">
<h3 id="hiddenTuer">Tür 17</h3>
<div class="left"><span>17</span></div>
<h3 id="hiddenTuer">Tür 17</h3>
<div class="left"><span>17</span></div>
</a>
</div>
<div class="active" id="ak18">
<a href="?tab=tuer&nr=18">
<h3 id="hiddenTuer">Tür 18</h3>
<div class="left"><span>18</span></div>
<h3 id="hiddenTuer">Tür 18</h3>
<div class="left"><span>18</span></div>
</a>
</div>
<div class="active" id="ak19">
<a href="?tab=tuer&nr=19">
<h3 id="hiddenTuer">Tür 19</h3>
<div class="left"><span>19</span></div>
<h3 id="hiddenTuer">Tür 19</h3>
<div class="left"><span>19</span></div>
</a>
</div>
<div class="active" id="ak20">
<a href="?tab=tuer&nr=20">
<h3 id="hiddenTuer">Tür 20</h3>
<div class="left"><span>20</span></div>
<h3 id="hiddenTuer">Tür 20</h3>
<div class="left"><span>20</span></div>
</a>
</div>
<div class="active" id="ak21">
<a href="?tab=tuer&nr=21">
<h3 id="hiddenTuer">Tür 21</h3>
<div class="left"><span>21</span></div>
<h3 id="hiddenTuer">Tür 21</h3>
<div class="left"><span>21</span></div>
</a>
</div>
<div class="active" id="ak22">
<a href="?tab=tuer&nr=22">
<h3 id="hiddenTuer">Tür 22</h3>
<div class="left"><span>22</span></div>
<h3 id="hiddenTuer">Tür 22</h3>
<div class="left"><span>22</span></div>
</a>
</div>
<div class="active" id="ak23">
<a href="?tab=tuer&nr=23">
<h3 id="hiddenTuer">Tür 23</h3>
<div class="left"><span>23</span></div>
<h3 id="hiddenTuer">Tür 23</h3>
<div class="left"><span>23</span></div>
</a>
</div>
<div class="active" id="ak24">
<a href="?tab=tuer&nr=24">
<h3 id="hiddenTuer">Tür 24</h3>
<div class="left"><span>24</span></div>
<h3 id="hiddenTuer">Tür 24</h3>
<div class="left"><span>24</span></div>
</a>
</div>
<script>
<?php
$numberArray = [];
for($i=1; $i<=24; $i++) {
array_push($numberArray, $i);
}
shuffle($numberArray);
echo "var dayMap = ". json_encode($numberArray) . ";\n";
?>
console.log(dayMap);
for(let i=1; i<=24; i++) {
let id = "ak"+i;
let n = dayMap[i-1];
let parent = $("#"+id);
parent.find("span").html(n);
parent.find("h3").html("Tür "+n);
parent.find("a").attr("href","?tab=tuer&nr="+n);
}
</script>

View File

@@ -1,13 +1,13 @@
<div class="titel">
<img src="inc/bg/1609858275128.png"></img>
<h3>Radio</h3>
<h3>Musik</h3>
</div>
<br>
<div class="üList">Music</div>
<div class="üList">Music Playlist</div>
<div class="pList">
<button onclick="window.location.href='spotify://playlist/37i9dQZF1DX1LCddwjCqDK';"><img src="inc/bg/spotify.png"></img><div>Weihnachtsklassiker</div></button>
</div>

View File

@@ -2,8 +2,13 @@
<?php
$nr = $_GET["nr"];
$tag = strtotime($nr." December 2021");
if(time()<$tag) {
$tag = strtotime($nr." December 2020");
if(isset($_GET["debug"])) {
$now = strtotime($_GET["debug"]);
} else {
$now = time();
}
if($now<$tag) {
$nr = -1;
}
?>
@@ -12,64 +17,85 @@ if(time()<$tag) {
<?php
switch ($nr) {
case 1:
echo('<div id="txt">
<h3>Tag 1</h3>
<p>
Lange musstest du warten und heute ist es endlich so weit und das Warten hat ein Ende. <p> Die folter der Zeit, will ich nun Benden und direkt mit der ersten Tür anfangen... <p> Hinter Tür Nr.1 muss du dich zur Dachterasse begeben, dort findest du Tür 1..., viel spas beim suchen...
</p>
echo('<div id="txt"><h3>Tag 1</h3>
<p>
Lange musstest du warten und heute ist es endlich so weit und das Warten hat ein Ende. <p> Die folter der Zeit, will ich nun Benden und direkt mit der ersten Tür anfangen, dein Rücken wird sich freuen. <p> Um es zu finden muss du ins Offene Zimmer, auf dem Tresen.
</p>
</div>');
break;
case 2:
echo('<div id="txt"><h3>Tag 2</h3>
<p>test</p>
<p>
Der Kalte Winter ist manchmal so kalt das man die Finger und Hände nicht bewegen kann und vor zittern einen erstarren Lässt. <p> Deshalb gibt es heute was für die Hände <p> Zu finden ist es im Flur damit es die Hände beim rausgehen warm haben.
</p>
</div>');
break;
case 3:
echo('<div id="txt"><h3>Tag 3</h3>
<p>test</p>
<p>
Da ein Handwärmer vielleicht zu wenig ist, da man ja 2 Hände hat mit 2 Tachen, gibt es natürlich heute noch einen. Damit es beide Hände warm haben. <p> Finden tust du es vor der Terrassen Tür
</p>
</div>');
break;
case 4:
echo('<div id="txt"><h3>Tag 4</h3>
<p>test</p>
<p>
Mit das Wichtigste Utensiel einer Frau ist die Handtasche, meist mit klein Kram gefüllt. Und doch findet man an in den kleinsten Ecken Staub und Sand. <p> Den wollen wir Heute auf den Kragen gehen, deswegen gibt es was für deine Handtasche. <p> Der Ort liegt denke ich mal auf der Hand oder Handtasche
</p>
</div>');
break;
case 5:
echo('<div id="txt">
<h3>Tag 5</h3>
<p>
Ps: Morgen kommt der Nikolaus, sind den alle Stifel Geputzt?
</p>
echo('<div id="txt"><h3>Tag 5</h3>
<p>
Ein Spaß für Groß und Klein und für Große und Kleine Fans, eine Kugel zum Wellness und geau das richtige für die Kalten Tage und sich wider aufzuwärmen. <p> Der Perfekte Ort ist? in der Badewanne. <p>
Ps: Morgen kommt der Nikolaus, sind den alle Stifel Geputzt?
</p>
</div>');
break;
case 6:
echo('<div id="txt">
<h3>Tag 6</h3>
<p>
wahrst du den immer Artig? sind die stiffel geputz?
</p>
echo('<div id="txt"><h3>Tag 6</h3>
<p>
Wahrst du den immer Artig? sind die stiffel geputz?<p>Ja... Die stiffel sehen schon mal gut aus und wie sieht es mit dir aus mein Liebes Kind? <p>
Ein blick in mein Buch wird es mir Verraten... <br>wo haben wir dich denn... <br>ah da bist du ja. <p> Das sieht doch alles wunder Bahr aus und das soll belohnt werden. <p>
Die heutige Tüt liegt natürlich bei deinen Schuhen.
</p>
</div>');
break;
case 7:
echo('<div id="txt"><h3>Tag 7</h3>
<p>test</p>
<p>
Notizen und Ideen sind was wichtiges im Leben, für Alltag, aber auch für die Arbeit und deswegen gibt es heute ein Kleinen Block für dich und ein Stift dessen Tinte Radirbahr ist.<p>
Siehe auf dem Stuben Tisch nach ob du dort deine Tür Findest.
</p>
</div>');
break;
case 8:
echo('<div id="txt"><h3>Tag 8</h3>
<p>test</p>
<p>
2 Handwärmer sind wenn es kalt ist vielleicht zu wenig, ein Ersatz muss her.<p> Denn wir wissen ja Tobi und Jason sind nicht die schnellsten und bevor es zu Kalt duch den Winder geht.<p>
Nicht der bester Ort Aber auf der Treppe Richtung Dachterrasse wirst du Fündig.
</p>
</div>');
break;
case 9:
echo('<div id="txt"><h3>Tag 9</h3>
<p>test</p>
<p>
Wenn es draußen zu Kalt ist vergisst man vielleicht einige Stellen, wie die Lippen und damit sie es im Winnter Gut haben und und nicht Austrocknen gib es nun was feines für sie. <p>
Deine Lippen finden es im Großen Bade Zimmer.
</p>
</div>');
break;