csrdelft · Jobkanis · Aug 31, 2023 · Apr 23, 2023 · Apr 23, 2023 · Aug 31, 2023
diff --git a/htdocs/images/lustrum12/00_overzicht/commissie_foto.png b/htdocs/images/lustrum12/00_overzicht/commissie_foto.png
diff --git a/htdocs/images/lustrum12/00_overzicht/ideeendoos.png b/htdocs/images/lustrum12/00_overzicht/ideeendoos.png
diff --git a/htdocs/images/lustrum12/InstagramNametag.png → ...ages/lustrum12/00_overzicht/instagram.png b/htdocs/images/lustrum12/InstagramNametag.png → ...ages/lustrum12/00_overzicht/instagram.png
diff --git a/htdocs/images/lustrum12/00_overzicht/link_dies.png b/htdocs/images/lustrum12/00_overzicht/link_dies.png
diff --git a/htdocs/images/lustrum12/00_overzicht/link_dies_themabekendmaking.png b/htdocs/images/lustrum12/00_overzicht/link_dies_themabekendmaking.png
diff --git a/htdocs/images/lustrum12/00_overzicht/link_hoogtijd.jpg b/htdocs/images/lustrum12/00_overzicht/link_hoogtijd.jpg
diff --git a/htdocs/images/lustrum12/00_overzicht/link_lustrum_merge.png b/htdocs/images/lustrum12/00_overzicht/link_lustrum_merge.png
diff --git a/.../images/lustrum12/home-Lustrumopening.png → ...m12/00_overzicht/link_lustrum_opening.png b/.../images/lustrum12/home-Lustrumopening.png → ...m12/00_overzicht/link_lustrum_opening.png
diff --git a/htdocs/images/lustrum12/00_overzicht/link_lustrumgala.png b/htdocs/images/lustrum12/00_overzicht/link_lustrumgala.png
diff --git a/htdocs/images/lustrum12/00_overzicht/link_lustrumreis.png b/htdocs/images/lustrum12/00_overzicht/link_lustrumreis.png
diff --git a/htdocs/images/lustrum12/home-Lustrumweek.png → ...overzicht/link_lustrumweek_stressloos.png b/htdocs/images/lustrum12/home-Lustrumweek.png → ...overzicht/link_lustrumweek_stressloos.png
diff --git a/htdocs/images/lustrum12/00_overzicht/link_lustrumweek_tndt.png b/htdocs/images/lustrum12/00_overzicht/link_lustrumweek_tndt.png
diff --git a/htdocs/images/lustrum12/00_overzicht/link_sjoeltoernooi.png b/htdocs/images/lustrum12/00_overzicht/link_sjoeltoernooi.png
diff --git a/...mages/lustrum12/home-Themapresentatie.png → ...2/00_overzicht/link_thema_presentatie.png b/...mages/lustrum12/home-Themapresentatie.png → ...2/00_overzicht/link_thema_presentatie.png
diff --git a/htdocs/images/lustrum12/00_overzicht/link_zingmee.png b/htdocs/images/lustrum12/00_overzicht/link_zingmee.png
diff --git a/htdocs/images/lustrum12/thematitel.png → ...s/lustrum12/00_overzicht/thema_header.png b/htdocs/images/lustrum12/thematitel.png → ...s/lustrum12/00_overzicht/thema_header.png
diff --git a/htdocs/images/lustrum12/CommissieFoto.png → ...atie/thema_presentatie_commissie_foto.jpg b/htdocs/images/lustrum12/CommissieFoto.png → ...atie/thema_presentatie_commissie_foto.jpg
diff --git a/htdocs/images/lustrum12/lo-poster.png → ...ustrum_opening/lustrum_opening_poster.jpg b/htdocs/images/lustrum12/lo-poster.png → ...ustrum_opening/lustrum_opening_poster.jpg
diff --git a/htdocs/images/lustrum12/lw-poster.png → ...umweek_stressloos/lustrumweek1_poster.jpg b/htdocs/images/lustrum12/lw-poster.png → ...umweek_stressloos/lustrumweek1_poster.jpg
diff --git a/htdocs/images/lustrum12/04_zing_mee/zing_mee_poster.jpg b/htdocs/images/lustrum12/04_zing_mee/zing_mee_poster.jpg
diff --git a/...cs/images/lustrum12/05_lustrumweek_tndt/lustrumweek2_activiteiten_donderdag.jpg b/...cs/images/lustrum12/05_lustrumweek_tndt/lustrumweek2_activiteiten_donderdag.jpg
diff --git a/htdocs/images/lustrum12/05_lustrumweek_tndt/lustrumweek2_activiteiten_maandag.jpg b/htdocs/images/lustrum12/05_lustrumweek_tndt/lustrumweek2_activiteiten_maandag.jpg
diff --git a/...cs/images/lustrum12/05_lustrumweek_tndt/lustrumweek2_activiteiten_overzicht.jpg b/...cs/images/lustrum12/05_lustrumweek_tndt/lustrumweek2_activiteiten_overzicht.jpg
diff --git a/htdocs/images/lustrum12/lw2-divider.png → ...lustrumweek_tndt/lustrumweek2_divider.png b/htdocs/images/lustrum12/lw2-divider.png → ...lustrumweek_tndt/lustrumweek2_divider.png
diff --git a/htdocs/images/lustrum12/lw2-poster.jpg → ..._lustrumweek_tndt/lustrumweek2_poster.jpg b/htdocs/images/lustrum12/lw2-poster.jpg → ..._lustrumweek_tndt/lustrumweek2_poster.jpg
diff --git a/htdocs/images/lustrum12/diesposter.jpg → ...ndmaking/dies_themapresentatie_poster.jpg b/htdocs/images/lustrum12/diesposter.jpg → ...ndmaking/dies_themapresentatie_poster.jpg
diff --git a/htdocs/images/lustrum12/07_dies/dies_gents_poster.jpg b/htdocs/images/lustrum12/07_dies/dies_gents_poster.jpg
diff --git a/htdocs/images/lustrum12/07_dies/dies_poster.jpg b/htdocs/images/lustrum12/07_dies/dies_poster.jpg
diff --git a/htdocs/images/lustrum12/07_dies/dies_programma.jpg b/htdocs/images/lustrum12/07_dies/dies_programma.jpg
diff --git a/...mages/lustrum12/slotactiviteit-poster.jpg → ...lustrum12/09_hoogtijd/hoogtijd_poster.jpg b/...mages/lustrum12/slotactiviteit-poster.jpg → ...lustrum12/09_hoogtijd/hoogtijd_poster.jpg
diff --git a/...cs/images/lustrum12/lustrumreis-dag-1.jpg → ...um12/10_lustrumreis/lustrumreis-dag-1.jpg b/...cs/images/lustrum12/lustrumreis-dag-1.jpg → ...um12/10_lustrumreis/lustrumreis-dag-1.jpg
diff --git a/...cs/images/lustrum12/lustrumreis-dag-2.jpg → ...um12/10_lustrumreis/lustrumreis-dag-2.jpg b/...cs/images/lustrum12/lustrumreis-dag-2.jpg → ...um12/10_lustrumreis/lustrumreis-dag-2.jpg
diff --git a/...cs/images/lustrum12/lustrumreis-dag-3.jpg → ...um12/10_lustrumreis/lustrumreis-dag-3.jpg b/...cs/images/lustrum12/lustrumreis-dag-3.jpg → ...um12/10_lustrumreis/lustrumreis-dag-3.jpg
diff --git a/...cs/images/lustrum12/lustrumreis-dag-4.jpg → ...um12/10_lustrumreis/lustrumreis-dag-4.jpg b/...cs/images/lustrum12/lustrumreis-dag-4.jpg → ...um12/10_lustrumreis/lustrumreis-dag-4.jpg
diff --git a/...cs/images/lustrum12/lustrumreis-dag-5.jpg → ...um12/10_lustrumreis/lustrumreis-dag-5.jpg b/...cs/images/lustrum12/lustrumreis-dag-5.jpg → ...um12/10_lustrumreis/lustrumreis-dag-5.jpg
diff --git a/...cs/images/lustrum12/lustrumreis-dag-6.jpg → ...um12/10_lustrumreis/lustrumreis-dag-6.jpg b/...cs/images/lustrum12/lustrumreis-dag-6.jpg → ...um12/10_lustrumreis/lustrumreis-dag-6.jpg
diff --git a/...cs/images/lustrum12/lustrumreis-dag-7.jpg → ...um12/10_lustrumreis/lustrumreis-dag-7.jpg b/...cs/images/lustrum12/lustrumreis-dag-7.jpg → ...um12/10_lustrumreis/lustrumreis-dag-7.jpg
diff --git a/...cs/images/lustrum12/lustrumreis-dag-8.jpg → ...um12/10_lustrumreis/lustrumreis-dag-8.jpg b/...cs/images/lustrum12/lustrumreis-dag-8.jpg → ...um12/10_lustrumreis/lustrumreis-dag-8.jpg
diff --git a/htdocs/images/lustrum12/10_lustrumreis/lustrumreis_poster.jpg b/htdocs/images/lustrum12/10_lustrumreis/lustrumreis_poster.jpg
diff --git a/htdocs/images/lustrum12/11_lustrum_gala/dies_gala_poster.jpg b/htdocs/images/lustrum12/11_lustrum_gala/dies_gala_poster.jpg
diff --git a/htdocs/images/lustrum12/99_lustrum_merge/lustrum_das.jpg b/htdocs/images/lustrum12/99_lustrum_merge/lustrum_das.jpg
diff --git a/htdocs/images/lustrum12/99_lustrum_merge/mannen_trui.jpg b/htdocs/images/lustrum12/99_lustrum_merge/mannen_trui.jpg
diff --git a/htdocs/images/lustrum12/99_lustrum_merge/mannen_trui_afmetingen.jpg b/htdocs/images/lustrum12/99_lustrum_merge/mannen_trui_afmetingen.jpg
diff --git a/htdocs/images/lustrum12/99_lustrum_merge/mannen_trui_afmetingen_oude_tabel.jpg b/htdocs/images/lustrum12/99_lustrum_merge/mannen_trui_afmetingen_oude_tabel.jpg
diff --git a/htdocs/images/lustrum12/99_lustrum_merge/vrouwen_trui.jpg b/htdocs/images/lustrum12/99_lustrum_merge/vrouwen_trui.jpg
diff --git a/htdocs/images/lustrum12/99_lustrum_merge/vrouwen_trui_afmetingen.jpg b/htdocs/images/lustrum12/99_lustrum_merge/vrouwen_trui_afmetingen.jpg
diff --git a/htdocs/images/lustrum12/99_lustrum_merge/vrouwen_trui_afmetingen_oude_tabel.jpg b/htdocs/images/lustrum12/99_lustrum_merge/vrouwen_trui_afmetingen_oude_tabel.jpg
diff --git a/htdocs/images/lustrum12/dies-programma.jpg b/htdocs/images/lustrum12/dies-programma.jpg
diff --git a/htdocs/images/lustrum12/dies-bord.png → htdocs/images/lustrum12/dies_bord.png b/htdocs/images/lustrum12/dies-bord.png → htdocs/images/lustrum12/dies_bord.png
diff --git a/htdocs/images/lustrum12/DiesDividerLarge.png → htdocs/images/lustrum12/dies_divider.png b/htdocs/images/lustrum12/DiesDividerLarge.png → htdocs/images/lustrum12/dies_divider.png
diff --git a/htdocs/images/lustrum12/lw2-activiteiten.jpg b/htdocs/images/lustrum12/lw2-activiteiten.jpg
diff --git a/templates/lustrum12/dies.html.twig b/templates/lustrum12/dies.html.twig
diff --git a/templates/lustrum12/diesgala.html.twig b/templates/lustrum12/diesgala.html.twig
@@ -1,3 +1,9 @@
+{#
+I.v.m. de corona pandemie is het echte gala verzet naar oktober. Als alternatief voor het gala hebben we een
+'dies-gala' georganiseerd, waarvan de informatie is verstrekt via de normale dies pagina.
+Deze pagina is uiteindelijk gebruikt als template voor de lustrumgala.html.twig pagina.
+#}
+
 <!doctype html>
 <html lang="en">
 
@@ -23,78 +29,96 @@
 </head>
 
 <body class="zijbalk_verborgen">
-{#	{%  include 'lustrum12/zandloper.html.twig' %}#}
-
-	{{ cms('dies-gala') }}
-
-{#<nav class="site-header">#}
-{#	<a class="logo-titel d-inline-block" href="./">#}
-{#		<img src="/images/lustrum12/themaheader.png"#}
-{#				 alt="Logo menu" />#}
-{#	</a>#}
-{#	<div class="container">#}
-{#		<div class="menu d-flex flex-column flex-md-row justify-content-between align-items-center">#}
-{#			<a class="d-none d-md-inline-block" href="./">Dies Pagina</a>#}
-{#			<a class="d-none d-md-inline-block" href="#informatie">Gala Informatie</a>#}
-{#			<a class="d-none d-md-inline-block" href="#ketzers">Gala Ketzers</a>#}
-{#		</div>#}
-{#	</div>#}
-{#</nav>#}
-{#<a id="informatie"></a>#}
-{#<section id="gala beschrijving" class="galabeschrijving column-overzicht helemaal-boven">#}
-{#	<div class="container">#}
-{#		<h1>Gala informatie</h1>#}
-{#		<div class="fluid-columns">#}
-
-{#			<p class="heavy">Beste leden, lieve novieten,</p>#}
-{#			<p  class="heavy">We hopen dat u allen genoten heeft van de thembekendmaking gisteren! In februari gaat de LustrumCie twee hele mooie dies weken voor u neerzetten onder het thema: Deja Vu. Wij hebben er in ieder geval al heel veel zin in! Als klap op de vuurpijl kunt u deze dies een gala verwachten als nooit te voren. Omdat het een lustrumgala is pakken we extra uit dit jaar. Zo zijn eens in de vijf jaar oud-leden ook welkom om te genieten van dit mooie feest. Het gala is dit jaar wat langer, namelijk inclusief overnachting! Het belooft een gala te worden voor in de boeken, dit wilt u niet missen!</p>#}
-
-{#			<h4>Wat kunt u allemaal verwachten?</h4>#}
-{#			<p>Op vrijdag 18 februari rond 2 uur vertrekt de bus richting de locatie, de PotenCie zal een enorm jeuke activiteit voor u in de bus organiseren aangezien het een tijdje rijden is. Na aankomst krijgt u de mogelijkheid om uzelf in uw mooiste rokkostuum of galajurk te hijsen en gezellig op te tutten. 's Avonds kunt u genieten van een heerlijk uitgeserveerd diner, met een aantal speeches  met aansluitend het laatste debat.</p>#}
-
-
-{#			<p>Het feest barst daarna los! We slapen op de locatie dus u kunt zo lang doorfeesten als u zelf wilt en zit niet aan een vertrektijd van de bussen vast, ideaal!#}
-{#			De dag erop zal er een heerlijke brunch voor u klaarstaan zodat u uw brakheid kunt verwerken. Na afloop van de brunch zullen de bussen weer richting Delft gaan.#}
-{#			Op de locatie zijn 2-persoons en 4-persoons kamers aanwezig. Afhankelijk van de hoeveelheid mensen die zich aanmeldt zijn er beperkt 2-persoonskamers. Hier volgt nog een vragenlijst over. </p>#}
-
-{#			<div>#}
-{#				<h4>Kosten</h4>#}
-{#				<p>Helaas hebben leuke dingen ook een prijs. De LustrumCie heeft er alles aan gedaan om het gala zo goedkoop mogelijk te maken. U kunt rekenen op een prijs van rond de €120 per persoon. Wij realiseren ons dat dit vrij prijzig is ten opzichte van het voorgaande jaren. Omdat het het 12e lustrum is en we afgelopen jaar helemaal geen gala/feesten/partijen hebben mogen meemaken hebben wij hiervoor gekozen. Voor diner, overnachting en brunch is dit een zeer schappelijke prijs.</p>#}
-{#			</div>#}
-
-{#			<div>#}
-{#				<h4>COVID-19</h4>#}
-{#				<p>Voor nu gaan wij en de locatie ervan uit dat het gala in februari gewoon door kan blijven gaan. Wanneer hier verandering in komt, brengen we u zo snel mogelijk op de hoogte. Indien het niet mogelijk is binnen de maatregelen wordt het verzet naar een ander te bepalen datum.</p>#}
-{#			</div>#}
-
-{#			<p>Wanneer u zich inketzt, bent u ingeketzt als koppel. Geef naarmate het gala nadert zo snel mogelijk in de ketzer aan wie jouw date is en welk gerecht je wil eten (keuze uit vega en niet-vega).#}
-{#			Als u nog vragen heeft, stel ze gerust. Heel veel plezier met het schrijven van de brieven en we hopen jullie allen te zien op dit prachtige gala!#}
-{#			TLNG: 18 februari LUSTRUMGALA, wordt ziek leip, inketzen!</p>#}
-{#		</div>#}
-{#	</div>#}
-{#</section>#}
-
-{#<div id="ketzers" class="divider">#}
-{#	<img class="tussen" src="/images/lustrum12/DiesDividerLarge.png">#}
-{#</div>#}
-
-{#<section id="gala ketzers">#}
-{#	<h2 class="titel">Gala Ketzers</h2>#}
-{#	<h3 class="titel ondertitel"><em>Oudleden: U heeft een mail met informatie over inschrijven</em></h3>#}
-
-{#	<div class="ketzers">#}
-{#		<div class="ketzer">#}
-{#			[activiteit=11656]#}
-{#			[activiteit=2149]#}
-{#			{{ '[activiteit=2149]'|bbcode }}#}
-{#		</div>#}
-{#		<div class="ketzer">#}
-{#	[activiteit=11658]#}
-{#			[activiteit=2150]#}
-
-{#			{{ '[activiteit=2150]'|bbcode }}#}
-{#		</div>#}
-{#	</div>#}
-{#	<a class="divider onder"></a>#}
-{#</section>#}
+{#  {%  include 'lustrum12/zandloper.html.twig' %} #}
+
+<nav class="site-header">
+	<a class="logo-titel d-inline-block" href="./">
+		<img src="/images/lustrum12/themaheader.png"
+				 alt="Logo menu" />
+	</a>
+	<a class="logo-titel dies-logo-titel d-inline-block" href="./">
+		<img src="/images/lustrum12/dies_bord.png"
+				 alt="Logo menu" />
+	</a>
+	<div class="container">
+		<div class="menu d-flex flex-column flex-md-row justify-content-between align-items-center">
+			<a class="d-none d-md-inline-block" href="./">Dies Pagina</a>
+			<a class="d-none d-md-inline-block" href="#informatie">Gala Informatie</a>
+			<a class="d-none d-md-inline-block" href="#ketzers">Gala Ketzers</a>
+			<a class="d-none d-md-inline-block" href="./etiquette">Etiquette</a>
+		</div>
+	</div>
+</nav>
+<a id="informatie"></a>
+<section id="gala beschrijving" class="galabeschrijving column-overzicht helemaal-boven">
+	<div class="container">
+		<h1>Gala informatie</h1>
+		<div class="fluid-columns">
+
+			<p class="heavy">Beste leden, lieve novieten,</p>
+			<p class="heavy">We hopen dat u allen genoten heeft van de thembekendmaking gisteren! In februari gaat de
+				LustrumCie twee hele mooie dies weken voor u neerzetten onder het thema: Deja Vu. Wij hebben er in ieder geval
+				al heel veel zin in! Als klap op de vuurpijl kunt u deze dies een gala verwachten als nooit te voren. Omdat het
+				een lustrumgala is pakken we extra uit dit jaar. Zo zijn eens in de vijf jaar oud-leden ook welkom om te
+				genieten van dit mooie feest. Het gala is dit jaar wat langer, namelijk inclusief overnachting! Het belooft een
+				gala te worden voor in de boeken, dit wilt u niet missen!</p>
+
+			<h4>Wat kunt u allemaal verwachten?</h4>
+			<p>Op vrijdag 18 februari rond 2 uur vertrekt de bus richting de locatie, de PotenCie zal een enorm jeuke
+				activiteit voor u in de bus organiseren aangezien het een tijdje rijden is. Na aankomst krijgt u de mogelijkheid
+				om uzelf in uw mooiste rokkostuum of galajurk te hijsen en gezellig op te tutten. 's Avonds kunt u genieten van
+				een heerlijk uitgeserveerd diner, met een aantal speeches met aansluitend het laatste debat.</p>
+
+
+			<p>Het feest barst daarna los! We slapen op de locatie dus u kunt zo lang doorfeesten als u zelf wilt en zit niet
+				aan een vertrektijd van de bussen vast, ideaal!
+				De dag erop zal er een heerlijke brunch voor u klaarstaan zodat u uw brakheid kunt verwerken. Na afloop van de
+				brunch zullen de bussen weer richting Delft gaan.
+				Op de locatie zijn 2-persoons en 4-persoons kamers aanwezig. Afhankelijk van de hoeveelheid mensen die zich
+				aanmeldt zijn er beperkt 2-persoonskamers. Hier volgt nog een vragenlijst over. </p>
+
+			<div>
+				<h4>Kosten</h4>
+				<p>Helaas hebben leuke dingen ook een prijs. De LustrumCie heeft er alles aan gedaan om het gala zo goedkoop
+					mogelijk te maken. U kunt rekenen op een prijs van rond de €120 per persoon. Wij realiseren ons dat dit vrij
+					prijzig is ten opzichte van het voorgaande jaren. Omdat het het 12e lustrum is en we afgelopen jaar helemaal
+					geen gala/feesten/partijen hebben mogen meemaken hebben wij hiervoor gekozen. Voor diner, overnachting en
+					brunch is dit een zeer schappelijke prijs.</p>
+			</div>
+
+			<div>
+				<h4>COVID-19</h4>
+				<p>Voor nu gaan wij en de locatie ervan uit dat het gala in februari gewoon door kan blijven gaan. Wanneer hier
+					verandering in komt, brengen we u zo snel mogelijk op de hoogte. Indien het niet mogelijk is binnen de
+					maatregelen wordt het verzet naar een ander te bepalen datum.</p>
+			</div>
+
+			<p>Wanneer u zich inketzt, bent u ingeketzt als koppel. Geef naarmate het gala nadert zo snel mogelijk in de
+				ketzer aan wie jouw date is en welk gerecht je wil eten (keuze uit vega en niet-vega).
+				Als u nog vragen heeft, stel ze gerust. Heel veel plezier met het schrijven van de brieven en we hopen jullie
+				allen te zien op dit prachtige gala!
+				TLNG: 18 februari LUSTRUMGALA, wordt ziek leip, inketzen!</p>
+		</div>
+	</div>
+</section>
+
+<div id="ketzers" class="divider">
+	<img class="tussen" src="/images/lustrum12/dies_divider.png">
+</div>
+
+<section id="gala ketzers">
+	<h2 class="titel">Gala Ketzers</h2>
+	<h3 class="titel ondertitel"><em>Oudleden: U heeft een mail met informatie over inschrijven</em></h3>
+
+	<div class="ketzers">
+		<div class="ketzer">
+			{{ '[activiteit=11656]'|bbcode }}
+		</div>
+		<div class="ketzer">
+			{{ '[activiteit=11658]'|bbcode }}
+		</div>
+	</div>
+
+	<a class="divider onder"></a>
+</section>
 </body>
diff --git a/templates/lustrum12/diesthema.html.twig b/templates/lustrum12/diesthema.html.twig
@@ -23,73 +23,85 @@
 </head>
 
 <body class="zijbalk_verborgen">
-	{%  include 'lustrum12/zandloper.html.twig' %}
-
-	{{ cms('lustrum-diesthema') }}
-{#	<nav class="site-header">#}
-{#		<a class="logo-titel d-inline-block" href="./">#}
-{#			<img src="/images/lustrum12/themaheader.png"#}
-{#					 alt="Logo menu" />#}
-{#		</a>#}
-{#		<div class="container">#}
-{#			<div class="menu d-flex flex-column flex-md-row justify-content-between align-items-center">#}
-{#				<a class="d-none d-md-inline-block" href="./">Home</a>#}
-{#				<a class="d-none d-md-inline-block" href="#top">Top</a>#}
-{#				<a class="d-none d-md-inline-block" href="#poster">Poster</a>#}
-{#				<a class="d-none d-md-inline-block" href="#themafilm">Themafilm</a>#}
-{#				<a class="d-none d-md-inline-block" href="#game">Game</a>#}
-{#			</div>#}
-{#		</div>#}
-{#	</nav>#}
-
-{#	<div class="divider">#}
-{#		<img id="poster" class="helemaal-boven" src="/images/lustrum12/DividerBoven.png">#}
-{#	</div>#}
-
-{#	<div class="poster">#}
-{#		<h2 class="titel">Poster</h2>#}
-{#		<img src="https://csrdelft.nl/forum/plaatjes/bekijken/ccc36817408f449d70995dd2f3efe604" alt="Logo menu" />#}
-{#	</div>#}
-
-{#	<div class="divider">#}
-{#		<img id="themafilm" class="tussen" src="/images/lustrum12/DividerTussen.png">#}
-{#	</div>#}
-
-{#	<div class="video">#}
-{#		<h2 class="titel">Themafilm</h2>#}
-{#		<div class="container video-container">#}
-{#			<div class="youtube-container closed">#}
-{#				<div class="embed-responsive ratio ratio-16x9" id="player">#}
-{#					<iframe src="https://www.youtube-nocookie.com/embed/iery2Lp7daA?controls=0" frameborder="0" 	allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>#}
-{#					</iframe>#}
-{#				</div>#}
-{#			</div>#}
-{#		</div>#}
-{#	</div>#}
-
-{#	<div class="divider">#}
-{#		<img id="game" class="tussen" src="/images/lustrum12/DividerTussen.png">#}
-{#	</div>#}
-
-{#	<div class="game">#}
-{#		<a class="anchor glow" id="game"> </a>#}
-{#		<h2 class="titel">Game</h2>#}
-{#		<div class="game-container" id="game-container">#}
-{#			<iframe class="unity-container" src="https://jobkanis.github.io/diesgame/" allow="fullscreen" scrolling="no"></iframe>#}
-{#		</div>#}
-{#	</div>#}
-{#	<div class="beschrijving" >#}
-{#		Wil je weten welke deur je moet hebben?#}
-{#		<a href=https://csrdelft.nl/forum/reactie/131155>Vind het hier op het forum!</a>#}
-{#		<p></p>#}
-{#	</div>#}
-{#	<div id="fotos" class="ketzers">#}
-{#		<h4 class="titel">Foto's tijdens filmen</h4>#}
-{#		<div class="ketzers-container overflow-hidden">#}
-{#			[fotoalbum]/2021-2022/21-10-01 Tot 21-10-03 Lustrumcie Weekend[/fotoalbum]#}
-{#		</div>#}
-{#	</div>#}
-{#	<div class="divider">#}
-{#		<img class="onder" src="/images/lustrum12/DividerOnder.png">#}
-{#	</div>#}
+{% include 'lustrum12/zandloper.html.twig' %}
+
+<nav class="site-header">
+	<a class="logo-titel d-inline-block" href="./">
+		<img src="/images/lustrum12/themaheader.png"
+				 alt="Logo menu" />
+	</a>
+	<div class="container">
+		<div class="menu d-flex flex-column flex-md-row justify-content-between align-items-center">
+			<a class="d-none d-md-inline-block" href="./">Home</a>
+			<a class="d-none d-md-inline-block" href="#top">Top</a>
+			<a class="d-none d-md-inline-block" href="#poster">Poster</a>
+			<a class="d-none d-md-inline-block" href="#themafilm">Themafilm</a>
+			<a class="d-none d-md-inline-block" href="#game">Game</a>
+			<a class="d-none d-md-inline-block" href="#fotos">Foto's</a>
+		</div>
+	</div>
+</nav>
+
+<div class="divider">
+	<img id="poster" class="helemaal-boven" src="/images/lustrum12/DividerBoven.png">
+</div>
+
+<div class="poster">
+	<h2 class="titel">Poster</h2>
+	<img src="/images/lustrum12/06_dies_themabekendmaking/dies_themapresentatie_poster.jpg" alt="Logo menu" />
+</div>
+
+<div class="divider">
+	<img id="themafilm" class="tussen" src="/images/lustrum12/DividerTussen.png">
+</div>
+
+<div class="video">
+	<h2 class="titel">Themafilm</h2>
+	<div class="container video-container">
+		<div class="youtube-container closed">
+			<div class="embed-responsive ratio ratio-16x9" id="player">
+				<iframe src="https://www.youtube-nocookie.com/embed/iery2Lp7daA?controls=0" frameborder="0"
+								allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
+				</iframe>
+			</div>
+		</div>
+	</div>
+</div>
+
+<div class="divider">
+	<img id="game" class="tussen" src="/images/lustrum12/DividerTussen.png">
+</div>
+
+<div class="game">
+	<a class="anchor glow" id="game"> </a>
+	<h2 class="titel">Game</h2>
+	<div class="game-container" id="game-container">
+		<iframe class="unity-container" src="https://jobkanis.github.io/diesgame/" allow="fullscreen"
+						scrolling="no"></iframe>
+	</div>
+</div>
+<div class="beschrijving">
+	Wil je weten welke deur je moet hebben?
+	<a href=https://csrdelft.nl/forum/reactie/131155>Vind het hier op het forum!</a>
+	<p></p>
+</div>
+
+<div id="fotos" class="divider">
+	<img id="game" class="tussen" src="/images/lustrum12/DividerTussen.png">
+</div>
+
+<div class="ketzers">
+	<h4 class="titel">Foto's tijdens filmen</h4>
+	<div class="ketzers-container overflow-hidden">
+		{{'[fotoalbum]/2021-2022/21-10-01 Tot 21-10-03 Lustrumcie Weekend[/fotoalbum]'|bbcode }}
+	</div>
+
+	<h4 class="titel">Foto's de thema presentatie</h4>
+	<div class="ketzers-container overflow-hidden">
+		{{'[fotoalbum]/2021-2022/21-11-25 Dies Themapresentatie[/fotoalbum]'|bbcode }}
+	</div>
+</div>
+<div class="divider">
+	<img class="onder" src="/images/lustrum12/DividerOnder.png">
+</div>
 </body>