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
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 { 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-repeat: no-repeat;
background-size: cover; background-size: cover;
background-attachment: fixed; background-attachment: fixed;
@@ -33,6 +32,7 @@ body {
} }
.txt2 span { .txt2 span {
font-size: 60%; font-size: 60%;
margin-left: 8px;
} }
footer { footer {
background-color: rgba(020,020,020,0.4); background-color: rgba(020,020,020,0.4);
@@ -51,4 +51,4 @@ footer {
position: relative; position: relative;
top: 46%; top: 46%;
margin-left: 9%; margin-left: 9%;
} }

8
willkommen/willkommen.html
View File

@@ -5,17 +5,17 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>OpenLP-Web</title> <title>OpenLP-Web</title>
<link rel="stylesheet" href="willkommen.css"> <link rel="stylesheet" href="willkommen.css">
<script src="einstellungen.js"></script>
<script src="willkommen.js" async></script> <script src="willkommen.js" async></script>
</head> </head>
<body> <body>
<div id="willkommenCt" class="ct1"> <div id="willkommenCt" class="ct1">
<div id="willkommenTxt" class="txt1">Herzlich Willkommen</div> <div id="willkommenTxt" class="txt1"></div>
</div> </div>
<div id="versCt" class="ct2"> <div id="versCt" class="ct2">
<div id="versTxt" class="txt2"> <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 id="versZusatz"></span>
<span>Johannes 3, 16</span>
</div> </div>
</div> </div>
@@ -23,4 +23,4 @@
<div id="countdown" class="txt3"></div> <div id="countdown" class="txt3"></div>
</footer> </footer>
</body> </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 // Stopzeitpunkt setzten
// h = Stunde var h = parameter.stunde;
// m = Minute -> 0 stoppt zur vollen Stunde var m = parameter.minute;
var h = 16;
var m = 45; // 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 d = new Date();
var countdownEnde = new Date(d.getFullYear(), d.getMonth(), d.getDate(), h, m).getTime(); var countdownEnde = new Date(d.getFullYear(), d.getMonth(), d.getDate(), h, m).getTime();
@@ -59,4 +60,4 @@ var grNeu = function() {
grNeu(); grNeu();
// Überwachen der Anzeigegröße und anpassen der Element // Überwachen der Anzeigegröße und anpassen der Element
window.addEventListener("resize", function() { grNeu(); }, true); window.addEventListener("resize", function() { grNeu(); }, true);