-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
76 lines (68 loc) · 3.22 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="main.css" type="text/css" rel="stylesheet" />
<title>BC Altstetten — research</title>
<script type="text/javascript">
function loadIframeDone() {
console.log('iframe loaded');
}
function loadIframe() {
console.log('iframe loading')
var base = "https://calendar.google.com/calendar/embed?height=400&wkst=2&bgcolor=%23ffffff&ctz=Europe%2FZurich"
var options = "&mode=AGENDA&showTitle=0&showNav=0&showDate=0&showTz=0&showTabs=0&showPrint=0&showCalendars=0"
var sources = [
"&src=NWYyMWQ2N2QyNmEzNmIyY2I3OGY2YjYxNjgwN2NkNGYxYjYyODZiMDIyY2ZkNzg4NDgxODUyYmI1ZGU4OGFiZEBncm91cC5jYWxlbmRhci5nb29nbGUuY29t",
"&src=NDA4NWMyNjE3ZjIxZjk4MzkyOTBjMjY4MDU4OTc0YmYyMDg2ZDU4NWUyMDIwYjcxNzg3MTM2NWI4ZWViYWRjYkBncm91cC5jYWxlbmRhci5nb29nbGUuY29t",
"&src=MmMzYzhjYWM1NWZhYmNmYjEwOTI1NjM5ODQ5YWJkOWVmNjM2MDRkNzQ3YjJiZDZlYzk0OWE4NDEwZTA3MDZhMEBncm91cC5jYWxlbmRhci5nb29nbGUuY29t"
]
var colors = [
"&color=%23D81B60",
"&color=%23000000",
"&color=%2333B679"
];
var iframes = document.getElementsByClassName("calendar_embeds");
console.log(iframes);
[...iframes].forEach((element, index) => {
element.src = base+options+sources[index]+colors[index];
});
}
</script>
</head>
<body>
<header>
</header>
<main>
<h1>BC Altstetten</h1>
<h2>Game Plan</h2>
<h3 style="color:#ff8db8">Erstes Team (3. Liga)</h3>
<iframe class="calendar_embeds" id="calender_embed_0" src=""
onLoad="loadIframeDone();" frameborder="0" scrolling="no"></iframe>
<h3 style="color:#C1D3FF">Zweites Team (4. Liga)</h3>
<iframe class="calendar_embeds" id="calender_embed_1" src=""
onLoad="loadIframeDone();" frameborder="0" scrolling="no"></iframe>
<h3 style="color:#62ae87">Mixed Team</h3>
<iframe class="calendar_embeds" id="calender_embed_2" src=""
onLoad="loadIframeDone();" frameborder="0" scrolling="no"></iframe>
<script type="text/javascript">
// needs page to already be rendered up to this point
loadIframe();
var isDarkReaderEnabled = "querySelector" in document &&
!!document.querySelector("meta[name=darkreader]");
if (isDarkReaderEnabled) {
[...document.getElementsByClassName('calendar_embeds')].forEach(e => {
e.className += ' darkreader'
})
}
</script>
</main>
<footer>
<h2>Kontakt</h2>
<p>
<a href="mailto:zh_altstetten@probasket.ch">BC Altstetten @ Probasket</a>
</p>
</footer>
</body>
</html>