-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
155 lines (140 loc) · 6.29 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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<title>Windesheim iCal</title>
<style>
* {
box-sizing: border-box;
}
.btn-thirds {
width: 33%;
}
.flex-container {
display: flex;
width: 100%;
flex-direction: row-reverse;
}
div#donation {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 1%
}
div#donation>div {
width: 100%;
}
div#buttons {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.search {
margin-top: 5%;
margin-bottom: 5%;
}
@media (max-width:1100px) {
.flex-container {
flex-direction: column;
}
}
</style>
</head>
<body onload="init()">
<div class="alert alert-dismissible alert-success">
<button type="button" class="close" data-dismiss="alert">×</button>
<h4 class="alert-heading">Bug wintertijd/zomertijd</h4>
<p class="mb-0">De tijden worden nu automatisch aangepast op de zomertijd/wintertijd (Bedankt gerben838665!) en zijn weer net zoals in de Windesheim app.</p>
</div>
<div class="modal" id="thanks">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="success">Hé, bedankt voor het gebruiken van deze website.</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body text-white">
<p>
Deze site is gratis en zonder advertenties en dat wil ik graag zo houden.
Het in de lucht houden van een website is helaas niet zonder kosten.
Daarom zou ik het fijn vinden als je mij een klein beetje helpt.
<br />
<br />
Dit kun je doen op 2 manieren:
<br />
<br />
1. Deel deze site met je mede-studenten
<br />
2. Doneer via Tikkie (met 4 euro aan donaties helpen jullie de website voor een maand!)
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" onclick="return copyLink();">Kopieer deze website om het te delen</button>
<a href="https://tikkie.me/pay/octtpnotunto7kfb0hji" class="btn btn-thirds btn-success"
role="button">Doneer</a>
</div>
</div>
</div>
</div>
<div class="flex-container">
<div class="col search">
<div class="col-md-6 m-auto" id="main">
<h3 class="text-center mb-3">
<i class="fa fa-search" aria-hidden="true"></i>
Zoek je klascode
</h3>
<h5 class="text-center">
<i>Druk op enter of klik op "Download" om het ical bestand te downloaden. <br>Om je rooster automatisch te laten updaten, klik op "Kopieer ICS URL" en volg de instructies door op de "Hoe werkt dit?" knop te drukken.</i>
</h5>
<div class="input-group">
<input type="search" id="search" class="form-control" placeholder="Voer je klascode in">
</div>
<div id="buttons">
<button class="btn btn-thirds btn-primary" onclick="return checkSubmit(13);" data-toggle="modal"
data-target="#exampleModal"><i class="fa fa-download" aria-hidden="true"></i>
Download</button>
<button class="btn btn-thirds btn-info" onclick="return copyURL()" data-toggle="modal"
data-target="#exampleModal"><i class="fa fa-clipboard" aria-hidden="true"></i>
Kopieer ICS URL</button>
<a href="/windesheim/icalinfo.html" class="btn btn-thirds btn-warning" role="button">Hoe gebruik ik
dit?</a>
</div>
</div>
</div>
<div id="donation">
<div class="card text-white bg-success mb-1" style="max-width: 25rem;">
<div class="card-body">
<h5 class="card-title">Wil je dit project steunen? Stuur een donatie! <a
href="https://tikkie.me/pay/octtpnotunto7kfb0hji"
class="btn btn-thirds btn-primary pull-right" role="button">Doneer</a></h5>
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 0%;"></div>
</div>
<p class="card-text">
Er is 4 euro per maand nodig om deze site in de lucht te houden<br>
Jullie hebben in totaal al €2,82 gedoneerd. Bedankt daarvoor!
</p>
</div>
</div>
<div class="card text-white bg-primary mb-1" style="max-width: 25rem;">
<h5 class="card-header">Ontvangen donaties:</h5>
<div class="card-body">
<p>Maaike (€0,50)</p>
<p>J. Broer (€0,16)</p>
<p>Tom (€1,00)</p>
<p>J. Kamp (0,16)</p>
<p>(1,00)</p>
</div>
</div>
</div>
</div>
<script src="js/main.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap.native/2.0.15/bootstrap-native-v4.min.js"></script>
</body>
</html>