bernd.reuther/openlp-html
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

änderbare Daten in einstellungen.js ausgelagert

Browse Source
This commit is contained in:
Bernd Reuther 2020-03-11 11:59:05 +01:00
parent 2066fc9079
commit 073168d4ef
4 changed files with 31 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
willkommen/einstellungen.js Normal file
View File

@ -0,0 +1,12 @@
parameter = {
// Titel
"titel": "Herzlich Willkommen",
// Text
"text": "Denn Gott hat die Menschen so sehr geliebt, dass er seinen einzigen Sohn für sie hergab. Jeder, der an ihn glaubt, wird nicht zugrunde gehen, sondern das ewige Leben haben.",
"zusatz": "Johannes 3, 16",
// Countdown Ende
"stunde": 10,
"minute": 0,
// Hintergrundbild
"hintergrund": "https://images.unsplash.com/photo-1495195129352-aeb325a55b65?ixlib=rb-1.2.1&auto=format&fit=zoom&w=1024&q=80"
};

4
willkommen/willkommen.css
View File

@ -1,5 +1,4 @@
body {
background-image: url("https://images.unsplash.com/photo-1495195129352-aeb325a55b65?ixlib=rb-1.2.1&auto=format&fit=zoom&w=1024&q=80");
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
@ -33,6 +32,7 @@ body {
}
.txt2 span {
font-size: 60%;
margin-left: 8px;
}
footer {
background-color: rgba(020,020,020,0.4);
@ -51,4 +51,4 @@ footer {
position: relative;
top: 46%;
margin-left: 9%;
}
}

8
willkommen/willkommen.html
View File

@ -5,17 +5,17 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>OpenLP-Web</title>
<link rel="stylesheet" href="willkommen.css">
<script src="einstellungen.js"></script>
<script src="willkommen.js" async></script>
</head>
<body>
<div id="willkommenCt" class="ct1">
<div id="willkommenTxt" class="txt1">Herzlich Willkommen</div>
<div id="willkommenTxt" class="txt1"></div>
</div>
<div id="versCt" class="ct2">
<div id="versTxt" class="txt2">
Denn Gott hat die Menschen so sehr geliebt, dass er seinen einzigen Sohn für sie hergab. Jeder, der an ihn glaubt, wird nicht zugrunde gehen, sondern das ewige Leben haben.
<span>Johannes 3, 16</span>
<span id="versZusatz"></span>
</div>
</div>
@ -23,4 +23,4 @@
<div id="countdown" class="txt3"></div>
</footer>
</body>
</html>
</html>

25
willkommen/willkommen.js
View File

@ -1,15 +1,16 @@
var params = window.location.search.slice(1).split("&");
console.log(params);
for(var p=0; p<params.length; p++) {
var nv = params[p].split("=");
var name = nv[0], value = nv[1];
console.log(name + " = " + value);
}
// Stopzeitpunkt setzten
// h = Stunde
// m = Minute -> 0 stoppt zur vollen Stunde
var h = 16;
var m = 45;
var h = parameter.stunde;
var m = parameter.minute;
// Hintergrundbild setzen
document.getElementsByTagName("body")[0].style.backgroundImage = "url("+ parameter.hintergrund + ")";
// Titel eintragen
document.getElementById("willkommenTxt").innerHTML = parameter.titel;
// Text eintragen
document.getElementById("versTxt").firstChild.data = parameter.text;
document.getElementById("versZusatz").textContent = parameter.zusatz;
var d = new Date();
var countdownEnde = new Date(d.getFullYear(), d.getMonth(), d.getDate(), h, m).getTime();
@ -59,4 +60,4 @@ var grNeu = function() {
grNeu();
// Überwachen der Anzeigegröße und anpassen der Element
window.addEventListener("resize", function() { grNeu(); }, true);
window.addEventListener("resize", function() { grNeu(); }, true);