-
Notifications
You must be signed in to change notification settings - Fork 14
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #160 from ZeusWPI/both/63/fix-calendar
Both/63/fix calendar
- Loading branch information
Showing
2 changed files
with
260 additions
and
177 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,117 +1,166 @@ | ||
<!-- Based on http://www.ugent.be/nl/onderwijs/administratie/kalender --> | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> | ||
<meta name="viewport" content="width=device-width" /> | ||
<link href="webview.css" rel="stylesheet" type="text/css" /> | ||
<link href="kalender.css" rel="stylesheet" type="text/css" /> | ||
<script type="text/javascript"> | ||
function toggleDiv(el){ | ||
element = document.getElementById(el + '-det'); | ||
arrow = document.getElementById(el + '-arrow'); | ||
if (element.className === "det hidden") { | ||
element.className = "det background" | ||
arrow.className = "arrow arrow-down" | ||
} else { | ||
element.className = "det hidden" | ||
arrow.className = "arrow arrow-right" | ||
} | ||
} | ||
</script> | ||
</head> | ||
<body> | ||
<head> | ||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> | ||
<meta name="viewport" content="width=device-width" /> | ||
<link href="webview.css" rel="stylesheet" type="text/css" /> | ||
<link href="kalender.css" rel="stylesheet" type="text/css" /> | ||
<script type="text/javascript"> | ||
function toggleDiv(el) { | ||
element = document.getElementById(el + '-det'); | ||
arrow = document.getElementById(el + '-arrow'); | ||
if (element.className === "det hidden") { | ||
element.className = "det background"; | ||
arrow.className = "arrow arrow-down"; | ||
} else { | ||
element.className = "det hidden"; | ||
arrow.className = "arrow arrow-right"; | ||
} | ||
} | ||
</script> | ||
</head> | ||
|
||
<h2 style="margin:8px">Onderwijs- en examenperiodes</h2> | ||
<div class="wrapper"> | ||
<div onclick="toggleDiv('1sem');" class="title-background"> | ||
<div id="1sem" class="left"><h3>Eerste semester </h3> <p>23 sep tot 12 dec '13</p></div> | ||
<div id="1sem-arrow" class="arrow arrow-down"></div> | ||
</div> | ||
<div id="1sem-det" class="det background" > | ||
<ul class="detailed"> | ||
<li>ma 23 sep '13: start academiejaar</li> | ||
<li>di 1 okt '13: plechtige opening</li> | ||
<li class="gesloten">vr 1 nov '13: Allerheiligen (gesloten)</li> | ||
<li class="gesloten">ma 11 nov '13: Wapenstilstand (gesloten)</li> | ||
<li class="gesloten">vr 15 nov '13: Koningsdag (gesloten)</li> | ||
<li>ma 16 dec t.e.m. za 21 dec '13:<br /> | ||
<span class="indent">1 week inhaalactiviteiten</span></li> | ||
<li class="gesloten">ma 23 dec '13 t.e.m. za 4 jan '14:<br /> | ||
<span class="indent">2 weken kerstreces</span></li> | ||
</ul> | ||
</div> | ||
</div> | ||
<div class="wrapper"> | ||
<div id="1exam" onclick="toggleDiv('1exam');" class="title-background"> | ||
<div class="left"><h3>Eerste examenperiode </h3> <p>6 jan tot 1 feb '14</p></div> | ||
<div id="1exam-arrow" class="arrow arrow-right"></div> | ||
</div> | ||
<div id="1exam-det" class="det hidden"> | ||
<ul class="detailed"> | ||
<li>ma 03 feb t.e.m. za 08 feb '14:<br /><span class="indent"></span>1 week intersemestriële vakantie</li> | ||
</ul> | ||
</div> | ||
</div> | ||
<div class="wrapper"> | ||
<div id="2sem" onclick="toggleDiv('2sem');" class="title-background"> | ||
<div class="left"><h3>Tweede semester </h3> <p>10 feb tot 24 mei '14</p></div> | ||
<div id="2sem-arrow"class="arrow arrow-right"></div> | ||
</div> | ||
<div id="2sem-det" class="det hidden"> | ||
<ul class="detailed"> | ||
<li>ma 10 feb t.e.m. za 05 apr '14:<br /> | ||
<span class="indent">8 weken onderwijsactiviteiten 2e semester</span></li> | ||
<li class="gesloten">ma 03/03/2014 t.e.m. di 04/03/2014: <br /> <span class="indent">krokus (gesloten)</span></li> | ||
<li class="gesloten">vr 21 maa '14: Dies Natalis (gesloten)</li> | ||
<li>ma 22 apr t.e.m. za 17 mei '14:<br /> | ||
<span class="indent">4 weken onderwijsactiviteiten 2e semester</span></li> | ||
<li class="gesloten">ma 21 apr '14: Paasmaandag (gesloten)</li> | ||
<li>ma 19 mei t.e.m. za 24 mei '14:<br /> | ||
<span class="indent">1 week inhaalactiviteiten</span></li> | ||
<li class="gesloten">do 1 mei '14: Feest van de arbeid (gesloten)</li> | ||
</ul> | ||
</div> | ||
</div> | ||
<div class="wrapper"> | ||
<div id="2exam" onclick="toggleDiv('2exam');" class="title-background"> | ||
<div class="left"><h3>Tweede examenperiode </h3> <p>26 mei tot 5 jul '14</p></div> | ||
<div id="2exam-arrow"class="arrow arrow-right"></div> | ||
</div> | ||
<div id="2exam-det" class="det hidden"> | ||
<ul class="detailed"> | ||
<li class="gesloten">do 29 mei '14: O.L.H. Hemelvaart (gesloten)</li> | ||
<li class="gesloten">vr 30 mei '14: brugdag (gesloten)</li> | ||
<li class="gesloten">ma 9 jun '14: Pinkstermaandag (gesloten)</li> | ||
</ul> | ||
</div> | ||
</div> | ||
<div class="wrapper"> | ||
<div id="vak" onclick="toggleDiv('vak');" class="title-background"> | ||
<div class="left"><h3>Zomervakantie</h3> <p>7 jul tot 16 aug '14</p></div> | ||
<div id="vak-arrow"class="arrow arrow-right"></div> | ||
</div> | ||
<div id="vak-det" class="det hidden"> | ||
<ul class="detailed"> | ||
<li class="gesloten">do 11 jul '14:<br /><span class="indent">Feest Vlaamse gemeenschap (gesloten)</span></li> | ||
<li class="gesloten">ma 22 jul t.e.m. ma 29 jul '14:<br /> <span class="indent">week Gentse feesten (gesloten)</span></li> | ||
<li class="gesloten">vr 15 aug '14: O.L.V. Hemelvaart (gesloten)</li> | ||
</ul> | ||
</div> | ||
</div><div class="wrapper"> | ||
<div id="3exam" onclick="toggleDiv('3exam');" class="title-background"> | ||
<div class="left"><h3>Derde examenperiode </h3> <p>18 aug tot 13 sep '14</p></div> | ||
<div id="3exam-arrow" class="arrow arrow-right"></div> | ||
</div> | ||
<div id="3exam-det" class="det hidden"> | ||
<ul class="detailed"> | ||
<li>Deze periode duurt 4 weken</li> | ||
<li>Er zijn geen gesloten dagen</li> | ||
<li>ma 15 sep t.e.m. za 20 sep '14: feedback alle examenperiodes en heroriëntaties</li> | ||
</ul> | ||
</div> | ||
</div> | ||
<div class="title-background"> | ||
<h3>Start volgend academiejaar </h3> <p>22 sep '14</p> | ||
</div></body> | ||
<body> | ||
<div class="wrapper"> | ||
<div onclick="toggleDiv('1sem');" class="title-background"> | ||
<div id="1sem" class="left"> | ||
<h3>Eerste semester</h3> | ||
<p>23 september tot 21 december 2013</p> | ||
</div> | ||
<div id="1sem-arrow" class="arrow arrow-right"></div> | ||
</div> | ||
<div id="1sem-det" class="det hidden"> | ||
<ul class="detailed"> | ||
<li>ma 23 sep 2013: start academiejaar</li> | ||
<li>di 1 okt 2013: plechtige opening</li> | ||
<li class="gesloten">vr 1 nov 2013: Allerheiligen (gesloten)</li> | ||
<li class="gesloten">ma 11 nov 2013: Wapenstilstand (gesloten)</li> | ||
<li class="gesloten">vr 15 nov 2013: Koningsdag (gesloten)</li> | ||
<li>ma 16 dec t.e.m. za 21 dec 2013:<br /> | ||
<span class="indent">1 week inhaalactiviteiten</span> | ||
</li> | ||
</ul> | ||
</div> | ||
</div> | ||
|
||
<div class="wrapper"> | ||
<div class="title-background"> | ||
<div class="left"> | ||
<h3>Kerstreces</h3> | ||
<p>23 december 2013 tot 4 jan 2014</p> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<div class="wrapper"> | ||
<div class="title-background"> | ||
<div class="left"> | ||
<h3>Eerste examenperiode</h3> | ||
<p>6 januari tot 1 februari 2014</p> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<div class="wrapper"> | ||
<div class="title-background"> | ||
<div class="left"> | ||
<h3>Intersemestriële vakantie</h3> | ||
<p>3 februari t.e.m. 8 februari 2014</p> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<div class="wrapper"> | ||
<div id="2sem" onclick="toggleDiv('2sem');" class="title-background"> | ||
<div class="left"> | ||
<h3>Tweede semester</h3> | ||
<p>10 februari tot 24 mei 2014</p> | ||
</div> | ||
<div id="2sem-arrow" class="arrow arrow-right"></div> | ||
</div> | ||
<div id="2sem-det" class="det hidden"> | ||
<ul class="detailed"> | ||
<li>ma 10 februari t.e.m. za 5 april 2014:<br /> | ||
<span class="indent">8 weken onderwijsactiviteiten 2e semester</span> | ||
</li> | ||
<li class="gesloten">ma 3 maart t.e.m. di 4 maart:<br /> | ||
<span class="indent">krokus (gesloten)</span> | ||
</li> | ||
<li class="gesloten">vr 21 maart 2014: Dies Natalis (gesloten)</li> | ||
<li>ma 7 april t.e.m. za 21 april 2014:<br /> | ||
<span class="indent">4 weken paasreces (gesloten)</span> | ||
</li> | ||
<li class="gesloten">ma 21 april 2014: Paasmaandag (gesloten)</li> | ||
<li>ma 22 april t.e.m. za 17 mei 2014:<br /> | ||
<span class="indent">4 weken onderwijsactiviteiten 2e semester</span> | ||
</li> | ||
<li class="gesloten">do 1 mei 2014: Feest van de arbeid (gesloten)</li> | ||
<li>ma 19 mei t.e.m. za 24 mei 2014:<br /> | ||
<span class="indent">1 week inhaalactiviteiten</span> | ||
</li> | ||
</ul> | ||
</div> | ||
</div> | ||
|
||
<div class="wrapper"> | ||
<div id="2exam" onclick="toggleDiv('2exam');" class="title-background"> | ||
<div class="left"> | ||
<h3>Tweede examenperiode</h3> | ||
<p>26 mei tot 5 juli 2014</p> | ||
</div> | ||
<div id="2exam-arrow" class="arrow arrow-right"></div> | ||
</div> | ||
<div id="2exam-det" class="det hidden"> | ||
<ul class="detailed"> | ||
<li class="gesloten">do 29 mei 2014: O.L.H. Hemelvaart (gesloten)</li> | ||
<li class="gesloten">vr 30 mei 2014: brugdag (gesloten)</li> | ||
<li class="gesloten">ma 9 juni 2014: Pinkstermaandag (gesloten)</li> | ||
</ul> | ||
</div> | ||
</div> | ||
|
||
<div class="wrapper"> | ||
<div id="vak" onclick="toggleDiv('vak');" class="title-background"> | ||
<div class="left"> | ||
<h3>Zomervakantie</h3> | ||
<p>7 juli tot 16 augustus 2014</p> | ||
</div> | ||
<div id="vak-arrow" class="arrow arrow-right"></div> | ||
</div> | ||
<div id="vak-det" class="det hidden"> | ||
<ul class="detailed"> | ||
<li class="gesloten">vr 11 juli 2014:<br /> | ||
<span class="indent">Feest Vlaamse gemeenschap (gesloten)</span> | ||
</li> | ||
<li class="gesloten">ma 22 juli t.e.m. ma 29 juli 2014:<br /> | ||
<span class="indent">week Gentse feesten (gesloten)</span> | ||
</li> | ||
<li class="gesloten">vr 15 augustus 2014: O.L.V. Hemelvaart (gesloten)</li> | ||
</ul> | ||
</div> | ||
</div> | ||
|
||
<div class="wrapper"> | ||
<div id="3exam" onclick="toggleDiv('3exam');" class="title-background"> | ||
<div class="left"> | ||
<h3>Derde examenperiode</h3> | ||
<p>18 augustus tot 20 september 2014</p> | ||
</div> | ||
<div id="3exam-arrow" class="arrow arrow-right"></div> | ||
</div> | ||
<div id="3exam-det" class="det hidden"> | ||
<ul class="detailed"> | ||
<li>ma 15 september t.e.m. za 20 september 2014:<br /> | ||
<span class="indent">feedback alle examenperiodes en heroriëntaties</span> | ||
</li> | ||
</ul> | ||
</div> | ||
</div> | ||
|
||
<div class="title-background"> | ||
<h3>Start volgend academiejaar</h3> | ||
<p>ma 22 september 2014</p> | ||
</div> | ||
</body> | ||
</html> |
Oops, something went wrong.