From 411b4ef216a4810f68edd628fa745d4535e11e14 Mon Sep 17 00:00:00 2001
From: Xandeo Lucius David van der Ham <x.l.d.vanderham@student.tudelft.nl>
Date: Sat, 20 Dec 2025 17:22:29 +0100
Subject: [PATCH 1/2] Fix layout

---
 assets/scss/dies2026/dies2026.scss    |  23 ++++-
 templates/dies2026/dies2026.html.twig | 116 +++++++++++++-------------
 2 files changed, 80 insertions(+), 59 deletions(-)

diff --git a/assets/scss/dies2026/dies2026.scss b/assets/scss/dies2026/dies2026.scss
index 5bb893f87..b3375113a 100644
--- a/assets/scss/dies2026/dies2026.scss
+++ b/assets/scss/dies2026/dies2026.scss
@@ -69,6 +69,22 @@ nav {
 		}
 	}
 }
+.uitklapknop{
+	background-color: $tertiary;
+	//background-color: rgba($color: $tertiary, $alpha: 0.7);
+}
+.uitklapknop:hover {
+	//background-color:$tertiary;
+	background-color:rgba($color: $font-color-secondary, $alpha: 0.7);
+}
+.tijdentitel {
+	font-family: $font-header;
+	color: $kleur-zwart;
+	text-align: center;
+	font-size: 2.5rem;
+	margin: 0 auto; // center
+}
+
 
 .posteract {
 	width: 70%;
@@ -240,7 +256,12 @@ section {
 		}
 	}
 }
-
+.activiteit {
+	background-color: $primary;
+	border-radius: 10px;
+	padding: 16px;
+	margin-bottom: 16px;
+}
 .sponsor {
 	display: flex;
 	justify-content: center;
diff --git a/templates/dies2026/dies2026.html.twig b/templates/dies2026/dies2026.html.twig
index b623a94ac..0499eee6a 100644
--- a/templates/dies2026/dies2026.html.twig
+++ b/templates/dies2026/dies2026.html.twig
@@ -72,8 +72,8 @@
 		<div class="d-flex dag flex-column">
 			<h2 class="ondertitel col-md-12">Dinsdag 10 februari</h2>
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapseReturnoftheDies" aria-expanded="false" aria-controls="collapseReturnoftheDies">18:00 Entrada</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseReturnoftheDies" aria-expanded="false" aria-controls="collapseReturnoftheDies">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapseReturnoftheDies" aria-expanded="false" aria-controls="collapseReturnoftheDies">18:00 Entrada</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseReturnoftheDies" aria-expanded="false" aria-controls="collapseReturnoftheDies">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -111,8 +111,8 @@
 			</div>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapseSoundOfMusic" aria-expanded="false" aria-controls="collapseSoundOfMusic">20:30 Santo por Siempre</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSoundOfMusic" aria-expanded="false" aria-controls="collapseSoundOfMusic">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapseSoundOfMusic" aria-expanded="false" aria-controls="collapseSoundOfMusic">20:30 Santo por Siempre</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSoundOfMusic" aria-expanded="false" aria-controls="collapseSoundOfMusic">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -126,8 +126,8 @@
 			</div>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapseIdeeFDTD13" aria-expanded="false" aria-controls="collapseIdeeFDTD13">23:00 Bar-celona</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseIdeeFDTD13" aria-expanded="false" aria-controls="collapseIdeeFDTD13">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapseIdeeFDTD13" aria-expanded="false" aria-controls="collapseIdeeFDTD13">23:00 Bar-celona</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseIdeeFDTD13" aria-expanded="false" aria-controls="collapseIdeeFDTD13">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -139,8 +139,8 @@
 			</div>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapse12AM" aria-expanded="false" aria-controls="collapse12AM">23:00 El duelo</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse12AM" aria-expanded="false" aria-controls="collapse12AM">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapse12AM" aria-expanded="false" aria-controls="collapse12AM">23:00 El duelo</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse12AM" aria-expanded="false" aria-controls="collapse12AM">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -165,8 +165,8 @@
 			<h2 class="ondertitel col-md-12">Woensdag 11 februari</h2>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapseCMAR" aria-expanded="false" aria-controls="collapseCMAR">15:00 El macho</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseCMAR" aria-expanded="false" aria-controls="collapseCMAR">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapseCMAR" aria-expanded="false" aria-controls="collapseCMAR">15:00 El macho</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseCMAR" aria-expanded="false" aria-controls="collapseCMAR">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -197,8 +197,8 @@
 			</div>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapseCP" aria-expanded="false" aria-controls="collapseCP">18:00 Tipsy Tapas</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseCP" aria-expanded="false" aria-controls="collapseCP">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapseCP" aria-expanded="false" aria-controls="collapseCP">18:00 Tipsy Tapas</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseCP" aria-expanded="false" aria-controls="collapseCP">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -226,8 +226,8 @@
 			</div>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapse12-23" aria-expanded="false" aria-controls="collapse12-23">23:00 Bar-celona</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse12-23" aria-expanded="false" aria-controls="collapse12-23">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapse12-23" aria-expanded="false" aria-controls="collapse12-23">23:00 Bar-celona</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse12-23" aria-expanded="false" aria-controls="collapse12-23">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -239,8 +239,8 @@
 			</div>
 
 			 <div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapse12AM14" aria-expanded="false" aria-controls="collapse12AM14">23:30 El Duelo</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse12AM14" aria-expanded="false" aria-controls="collapse12AM14">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapse12AM14" aria-expanded="false" aria-controls="collapse12AM14">23:30 El Duelo</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse12AM14" aria-expanded="false" aria-controls="collapse12AM14">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -257,8 +257,8 @@
 			<h2 class="ondertitel col-md-12">Donderdag 12 februari</h2>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapseTGG" aria-expanded="false" aria-controls="collapseTGG">18:30 Compania</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTGG" aria-expanded="false" aria-controls="collapseTGG">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapseTGG" aria-expanded="false" aria-controls="collapseTGG">18:30 Compania</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTGG" aria-expanded="false" aria-controls="collapseTGG">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -270,8 +270,8 @@
 			</div>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapse13-22" aria-expanded="false" aria-controls="collapse13-22">22:00 Waaiers en Draaiers</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse13-22" aria-expanded="false" aria-controls="collapse13-22">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapse13-22" aria-expanded="false" aria-controls="collapse13-22">22:00 Waaiers en Draaiers</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse13-22" aria-expanded="false" aria-controls="collapse13-22">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -288,8 +288,8 @@
 			<h2 class="ondertitel col-md-12">Vrijdag 13 februari</h2>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapseKnivesOut" aria-expanded="false" aria-controls="collapseKnivesOut">12:45 El Classico</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseKnivesOut" aria-expanded="false" aria-controls="collapseKnivesOut">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapseKnivesOut" aria-expanded="false" aria-controls="collapseKnivesOut">12:45 El Classico</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseKnivesOut" aria-expanded="false" aria-controls="collapseKnivesOut">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -300,8 +300,8 @@
 			</div>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapseDirtyDancing" aria-expanded="false" aria-controls="collapseDirtyDancing">17:00 Bar-celona</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseDirtyDancing" aria-expanded="false" aria-controls="collapseDirtyDancing">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapseDirtyDancing" aria-expanded="false" aria-controls="collapseDirtyDancing">17:00 Bar-celona</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseDirtyDancing" aria-expanded="false" aria-controls="collapseDirtyDancing">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -313,8 +313,8 @@
 			</div>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapse12AM16" aria-expanded="false" aria-controls="collapse12AM16">17:00 El Duelo</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse12AM16" aria-expanded="false" aria-controls="collapse12AM16">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapse12AM16" aria-expanded="false" aria-controls="collapse12AM16">17:00 El Duelo</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse12AM16" aria-expanded="false" aria-controls="collapse12AM16">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -326,8 +326,8 @@
 			</div>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapseFDTD16" aria-expanded="false" aria-controls="collapseFDTD16">19:30 Go Flamenco</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFDTD16" aria-expanded="false" aria-controls="collapseFDTD16">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapseFDTD16" aria-expanded="false" aria-controls="collapseFDTD16">19:30 Go Flamenco</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFDTD16" aria-expanded="false" aria-controls="collapseFDTD16">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -358,8 +358,8 @@
 			<h2 class="ondertitel col-md-12">Zaterdag 14 februari</h2>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapseGBU" aria-expanded="false" aria-controls="collapseGBU">14:00 La Cucaracha</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseGBU" aria-expanded="false" aria-controls="collapseGBU">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapseGBU" aria-expanded="false" aria-controls="collapseGBU">14:00 La Cucaracha</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseGBU" aria-expanded="false" aria-controls="collapseGBU">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -390,8 +390,8 @@
 			<h2 class="ondertitel col-md-12">Zondag 15 februari</h2>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapseTheoryOfEverything" aria-expanded="false" aria-controls="collapseTheoryOfEverything">10:00 La Sagrada Familia</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTheoryOfEverything" aria-expanded="false" aria-controls="collapseTheoryOfEverything">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapseTheoryOfEverything" aria-expanded="false" aria-controls="collapseTheoryOfEverything">10:00 La Sagrada Familia</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTheoryOfEverything" aria-expanded="false" aria-controls="collapseTheoryOfEverything">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -403,8 +403,8 @@
 			</div>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapseJumanji" aria-expanded="false" aria-controls="collapseJumanji">15:00 Ole Ole</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseJumanji" aria-expanded="false" aria-controls="collapseJumanji">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapseJumanji" aria-expanded="false" aria-controls="collapseJumanji">15:00 Ole Ole</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseJumanji" aria-expanded="false" aria-controls="collapseJumanji">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -423,8 +423,8 @@
 			<h2 class="ondertitel col-md-12">Maandag 16 februari</h2>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapseOUAT" aria-expanded="false" aria-controls="collapseOUAT">18:00 Stierengevecht</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOUAT" aria-expanded="false" aria-controls="collapseOUAT">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapseOUAT" aria-expanded="false" aria-controls="collapseOUAT">18:00 Stierengevecht</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOUAT" aria-expanded="false" aria-controls="collapseOUAT">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -450,8 +450,8 @@
 			</div>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapseInsommia" aria-expanded="false" aria-controls="collapseInsommia">20:00 80 Urige Oorlog</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseInsommia" aria-expanded="false" aria-controls="collapseInsommia">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapseInsommia" aria-expanded="false" aria-controls="collapseInsommia">20:00 80 Urige Oorlog</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseInsommia" aria-expanded="false" aria-controls="collapseInsommia">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -470,8 +470,8 @@
 			<h2 class="ondertitel col-md-12">Dinsdag 17 februari</h2>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapseHangover" aria-expanded="false" aria-controls="collapseHangover">20:00 El Teatro</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseHangover" aria-expanded="false" aria-controls="collapseHangover">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapseHangover" aria-expanded="false" aria-controls="collapseHangover">20:00 El Teatro</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseHangover" aria-expanded="false" aria-controls="collapseHangover">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -491,8 +491,8 @@
 			</div>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapseDuskTillDawn20" aria-expanded="false" aria-controls="collapseDuskTillDawn20">22:30 Bar-celona</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseDuskTillDawn20" aria-expanded="false" aria-controls="collapseDuskTillDawn20">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapseDuskTillDawn20" aria-expanded="false" aria-controls="collapseDuskTillDawn20">22:30 Bar-celona</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseDuskTillDawn20" aria-expanded="false" aria-controls="collapseDuskTillDawn20">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -505,8 +505,8 @@
 				</div>
 			</div>
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapse12AM20" aria-expanded="false" aria-controls="collapse12AM20">23:00 El Duelo</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse12AM20" aria-expanded="false" aria-controls="collapse12AM20">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapse12AM20" aria-expanded="false" aria-controls="collapse12AM20">23:00 El Duelo</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse12AM20" aria-expanded="false" aria-controls="collapse12AM20">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -524,8 +524,8 @@
 			<h2 class="ondertitel col-md-12">Woensdag 18 februari</h2>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapsePOTC" aria-expanded="false" aria-controls="collapsePOTC">14:00 De Dans Ontspringen</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapsePOTC" aria-expanded="false" aria-controls="collapsePOTC">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapsePOTC" aria-expanded="false" aria-controls="collapsePOTC">14:00 De Dans Ontspringen</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapsePOTC" aria-expanded="false" aria-controls="collapsePOTC">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -535,8 +535,8 @@
 			</div>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapseSR" aria-expanded="false" aria-controls="collapseSR">20:00 Meedansen</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSR" aria-expanded="false" aria-controls="collapseSR">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapseSR" aria-expanded="false" aria-controls="collapseSR">20:00 Meedansen</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSR" aria-expanded="false" aria-controls="collapseSR">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -547,8 +547,8 @@
 			</div>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapseBorrel19" aria-expanded="false" aria-controls="collapseBorrel19">22:30 Bar-celona</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseBorrel19" aria-expanded="false" aria-controls="collapseBorrel19">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapseBorrel19" aria-expanded="false" aria-controls="collapseBorrel19">22:30 Bar-celona</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseBorrel19" aria-expanded="false" aria-controls="collapseBorrel19">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -561,8 +561,8 @@
 			</div>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapse19-23" aria-expanded="false" aria-controls="collapse19-23">23:00 El Duelo</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse19-23" aria-expanded="false" aria-controls="collapse19-23">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapse19-23" aria-expanded="false" aria-controls="collapse19-23">23:00 El Duelo</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse19-23" aria-expanded="false" aria-controls="collapse19-23">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -581,8 +581,8 @@
 			<h2 class="ondertitel col-md-12">Donderdag 19 februari</h2>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapseRata" aria-expanded="false" aria-controls="collapseRata">18:30 Los Gezelligitos</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseRata" aria-expanded="false" aria-controls="collapseRata">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapseRata" aria-expanded="false" aria-controls="collapseRata">18:30 Los Gezelligitos</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseRata" aria-expanded="false" aria-controls="collapseRata">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -595,8 +595,8 @@
 			</div>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapseBornStar" aria-expanded="false" aria-controls="collapseBornStar">20:00 De Rode Draad</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseBornStar" aria-expanded="false" aria-controls="collapseBornStar">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapseBornStar" aria-expanded="false" aria-controls="collapseBornStar">20:00 De Rode Draad</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseBornStar" aria-expanded="false" aria-controls="collapseBornStar">
 					{{ icon('caret-down') }}
 				</button>
 
@@ -612,8 +612,8 @@
 			<h2 class="ondertitel col-md-12">Vrijdag 20 februari</h2>
 
 			<div class="activiteit row">
-				<h3 class="col-md-11" data-bs-toggle="collapse" data-bs-target="#collapseGaLaLand" aria-expanded="false" aria-controls="collapseGaLaLand">15:00 Grande Finale</h3>
-				<button class="btn btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseGaLaLand" aria-expanded="false" aria-controls="collapseGaLaLand">
+				<h3 class="col-md-11 tijdentitel" data-bs-toggle="collapse" data-bs-target="#collapseGaLaLand" aria-expanded="false" aria-controls="collapseGaLaLand">15:00 Grande Finale</h3>
+				<button class="btn uitklapknop btn-primary col-md-1 collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseGaLaLand" aria-expanded="false" aria-controls="collapseGaLaLand">
 					{{ icon('caret-down') }}
 				</button>
 

From 8a9d1f51e8ef10e45e69d824191303e12c1ae94f Mon Sep 17 00:00:00 2001
From: Xandeo Lucius David van der Ham <x.l.d.vanderham@student.tudelft.nl>
Date: Fri, 26 Dec 2025 14:59:03 +0100
Subject: [PATCH 2/2] Add tekstjes

---
 templates/dies2026/dies2026.html.twig | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/dies2026/dies2026.html.twig b/templates/dies2026/dies2026.html.twig
index 0499eee6a..e5248441a 100644
--- a/templates/dies2026/dies2026.html.twig
+++ b/templates/dies2026/dies2026.html.twig
@@ -264,7 +264,7 @@
 
 				<div class="collapse" id="collapseTGG">
 					<div class="d-flex row">
-						<p class="col-md-12 actbeschrijving">TODO</p>
+						<p class="col-md-12 actbeschrijving">De heupjes moeten nog wat soepel worden, want vanavond is het feest! Het opwarmen van uw spieren en stembanden zal u gezellig samen met uw verticale doen. Samen eten en bijpraten over alles wat er al is gebeurd in de Dies! Hierna zult u met spullen voor de PrakCie naar Confide gaan voor een mooi feest</p>
 					</div>
 				</div>
 			</div>
@@ -619,7 +619,7 @@
 
 				<div class="collapse" id="collapseGaLaLand">
 					<div class="d-flex row">
-						<p class="col-md-12 actbeschrijving">TODO
+						<p class="col-md-12 actbeschrijving">De Flamencodans wordt afgesloten met een Grande Finale!
 						</p>
 						{# Galaketzer #}
 						<div class="dies-activiteit-ketzers col-md-12">