From 29966b2b5a154ca6f17e43df0e4dec3647ecb064 Mon Sep 17 00:00:00 2001
From: DrMaxNix <git@drmaxnix.de>
Date: Fri, 26 Jul 2024 16:21:10 +0200
Subject: [PATCH] :truck: move why section to timeline page (fix #114)

---
 page/start/index.php      |  17 -
 page/start/strings.php    |  28 --
 page/timeline/index.php   | 726 ++++++++++++++++++++------------------
 page/timeline/strings.php |  34 ++
 4 files changed, 411 insertions(+), 394 deletions(-)

diff --git a/page/start/index.php b/page/start/index.php
index 4146be8..00966a9 100644
--- a/page/start/index.php
+++ b/page/start/index.php
@@ -64,23 +64,6 @@
 			<h2><?= $dict->get("page_title_h2") ?></h2>
 		</div>
 		
-		<div id="why" class="wrapper copylink-id">
-			<div class="section">
-				<div class="content">
-					<div class="box">
-						<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("why_title") ?></span>
-						
-						<?php
-							$why_text = $dict->get("why_text");
-							foreach($why_text as $one_why_text_line){
-								echo("<span>" . $one_why_text_line . "</span>");
-							}
-						?>
-					</div>
-				</div>
-			</div>
-		</div>
-		
 		<div id="timeline" class="wrapper copylink-id">
 			<div class="section">
 				<div class="header">
diff --git a/page/start/strings.php b/page/start/strings.php
index 1a0b79a..c4f1538 100644
--- a/page/start/strings.php
+++ b/page/start/strings.php
@@ -8,10 +8,6 @@
 			"en" => "SBGG.jetzt - Everything about the German Self-Determination Law",
 		],
 		
-		
-		
-		
-		
 		"page_title_h2" => [
 			"de" => "Alle Infos zum Selbstbestimmungsgesetz",
 			"en" => "Everything about the German Self-Determination Law",
@@ -21,30 +17,6 @@
 		
 		
 		
-		"why_title" => [
-			"de" => "Warum ein neues Gesetz?",
-			"en" => "Why a new Law?",
-		],
-		
-		"why_text" => [
-			"de" => [
-				"Das 1980 eingeführte Transsexuellengesetz regelt in Deutschland bis heute, wie Trans* Menschen ihren Namen und Geschlechtseintrag rechtlich ändern können.",
-				"Dieses Gesetz wird seinen Ansprüchen aber keinesfalls gerecht. Stattdessen werden Trans* Menschen Steine in den Weg gelegt:",
-				"Der Prozess zur Änderung von Namen und Geschlechtseintrag erfordert zwei unabhängige Sachverständigengutachten und ein Gerichtsverfahren. Das ist diskriminierend, dauert eine Ewigkeit und ist sehr teuer.",
-				"Das Selbstbestimmungsgesetz soll das TSG ablösen und eine Änderung des Namens und des Geschlechtseintrags ganz einfach per Selbstauskunft beim Standesamt ermöglichen.",
-			],
-			"en" => [
-				"The<i>Transsexuellengesetz</i> (Transsexual Law), introduced in 1980, regulates how trans* people can legally change their name and gender entry in Germany.",
-				"However, this law does not live up to its claims. Instead, obstacles are put in the way of trans* people:",
-				"The process of changing name and gender entry requires two independent psychological assessments and a court hearing. This is discriminatory, takes forever and is very expensive.",
-				"The Self-Determination Act is intended to replace the TSG and make it easy to change the name and gender entry by self-disclosure at the <i>Standesamt</i> (registry office).",
-			],
-		],
-		
-		
-		
-		
-		
 		"timeline_moved_title" => [
 			"de" => "Timeline",
 			"en" => "Timeline",
diff --git a/page/timeline/index.php b/page/timeline/index.php
index 2d382e2..9a558cb 100644
--- a/page/timeline/index.php
+++ b/page/timeline/index.php
@@ -47,389 +47,417 @@
 	<div id="page" class="page">
 		<div class="title">
 			<h1><?= $dict->get("name") ?></h1>
-			<h2><?= $dict->get("timeline_title") ?></h2>
+			<h2><?= $dict->get("page_title_h2") ?></h2>
 		</div>
 		
-		<div class="section">
-			<div class="content">
-				<div class="timeline">
-					<div id="koalitionsvertrag" class="wrapper copylink-id">
-						<div class="item done">
-							<div class="connector">
-								<span class="waypoint ti ti-heart-handshake"></span>
-							</div>
-							<div class="box">
-								<?php
-									$timeline_date = $dict->get("timeline_koalitionsvertrag_date");
-									if($timeline_date !== null){
-								?>
-										<span class="extra"><i class="ti ti-calendar"></i><?= $timeline_date ?></span>
-								<?php } ?>
-								
-								<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("timeline_koalitionsvertrag_title") ?></span>
-								
-								<?php
-									$timeline_koalitionsvertrag_text = $dict->get("timeline_koalitionsvertrag_text");
-									foreach($timeline_koalitionsvertrag_text as $one_timeline_koalitionsvertrag_text_line){
-										echo("<span>" . $one_timeline_koalitionsvertrag_text_line . "</span>");
-									}
-								?>
-								
-								<div class="button-list">
-									<a href="https://web.archive.org/web/20230630200056/https://www.spd.de/fileadmin/Dokumente/Koalitionsvertrag/Koalitionsvertrag_2021-2025.pdf" target="_blank" class="button">
-										<span class="text"><?= $dict->get("timeline_koalitionsvertrag_button") ?></span>
-										<span class="icon ti ti-external-link"></span>
-									</a>
+		
+		
+		<div id="why" class="wrapper copylink-id">
+			<div class="section">
+				<div class="content">
+					<div class="box">
+						<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("why_title") ?></span>
+						
+						<?php
+							$why_text = $dict->get("why_text");
+							foreach($why_text as $one_why_text_line){
+								echo("<span>" . $one_why_text_line . "</span>");
+							}
+						?>
+					</div>
+				</div>
+			</div>
+		</div>
+		
+		
+		
+		<div id="timeline" class="wrapper copylink-id">
+			<div class="section">
+				<div class="header">
+					<span class="icon ti ti-clock"></span>
+					<span class="text"><?= $dict->get("timeline_title") ?></span>
+					<button class="copylink ti ti-link"></button>
+				</div>
+				<div class="content">
+					<div class="timeline">
+						<div id="koalitionsvertrag" class="wrapper copylink-id">
+							<div class="item done">
+								<div class="connector">
+									<span class="waypoint ti ti-heart-handshake"></span>
+								</div>
+								<div class="box">
+									<?php
+										$timeline_date = $dict->get("timeline_koalitionsvertrag_date");
+										if($timeline_date !== null){
+									?>
+											<span class="extra"><i class="ti ti-calendar"></i><?= $timeline_date ?></span>
+									<?php } ?>
+									
+									<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("timeline_koalitionsvertrag_title") ?></span>
+									
+									<?php
+										$timeline_koalitionsvertrag_text = $dict->get("timeline_koalitionsvertrag_text");
+										foreach($timeline_koalitionsvertrag_text as $one_timeline_koalitionsvertrag_text_line){
+											echo("<span>" . $one_timeline_koalitionsvertrag_text_line . "</span>");
+										}
+									?>
+									
+									<div class="button-list">
+										<a href="https://web.archive.org/web/20230630200056/https://www.spd.de/fileadmin/Dokumente/Koalitionsvertrag/Koalitionsvertrag_2021-2025.pdf" target="_blank" class="button">
+											<span class="text"><?= $dict->get("timeline_koalitionsvertrag_button") ?></span>
+											<span class="icon ti ti-external-link"></span>
+										</a>
+									</div>
 								</div>
 							</div>
 						</div>
-					</div>
-					
-					<div id="eckpunktepapier" class="wrapper copylink-id">
-						<div class="item done">
-							<div class="connector">
-								<span class="waypoint ti ti-border-corners"></span>
-							</div>
-							<div class="box">
-								<?php
-									$timeline_date = $dict->get("timeline_eckpunktepapier_date");
-									if($timeline_date !== null){
-								?>
-										<span class="extra"><i class="ti ti-calendar"></i><?= $timeline_date ?></span>
-								<?php } ?>
-								
-								<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("timeline_eckpunktepapier_title") ?></span>
-								
-								<?php
-									$timeline_eckpunktepapier_text = $dict->get("timeline_eckpunktepapier_text");
-									foreach($timeline_eckpunktepapier_text as $one_timeline_eckpunktepapier_text_line){
-										echo("<span>" . $one_timeline_eckpunktepapier_text_line . "</span>");
-									}
-								?>
-								
-								<div class="button-list">
-									<a href="https://web.archive.org/web/20230418072943/https://www.bmfsfj.de/resource/blob/199382/1e751a6b7f366eec396d146b3813eed2/20220630-selbstbestimmungsgesetz-eckpunkte-data.pdf" target="_blank" class="button">
-										<span class="text"><?= $dict->get("timeline_eckpunktepapier_button") ?></span>
-										<span class="icon ti ti-external-link"></span>
-									</a>
+						
+						<div id="eckpunktepapier" class="wrapper copylink-id">
+							<div class="item done">
+								<div class="connector">
+									<span class="waypoint ti ti-border-corners"></span>
+								</div>
+								<div class="box">
+									<?php
+										$timeline_date = $dict->get("timeline_eckpunktepapier_date");
+										if($timeline_date !== null){
+									?>
+											<span class="extra"><i class="ti ti-calendar"></i><?= $timeline_date ?></span>
+									<?php } ?>
+									
+									<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("timeline_eckpunktepapier_title") ?></span>
+									
+									<?php
+										$timeline_eckpunktepapier_text = $dict->get("timeline_eckpunktepapier_text");
+										foreach($timeline_eckpunktepapier_text as $one_timeline_eckpunktepapier_text_line){
+											echo("<span>" . $one_timeline_eckpunktepapier_text_line . "</span>");
+										}
+									?>
+									
+									<div class="button-list">
+										<a href="https://web.archive.org/web/20230418072943/https://www.bmfsfj.de/resource/blob/199382/1e751a6b7f366eec396d146b3813eed2/20220630-selbstbestimmungsgesetz-eckpunkte-data.pdf" target="_blank" class="button">
+											<span class="text"><?= $dict->get("timeline_eckpunktepapier_button") ?></span>
+											<span class="icon ti ti-external-link"></span>
+										</a>
+									</div>
 								</div>
 							</div>
 						</div>
-					</div>
-					
-					<div id="referentenentwurf" class="wrapper copylink-id">
-						<div class="item done">
-							<div class="connector">
-								<span class="waypoint ti ti-pencil"></span>
-							</div>
-							<div class="box">
-								<?php
-									$timeline_date = $dict->get("timeline_referentenentwurf_date");
-									if($timeline_date !== null){
-								?>
-										<span class="extra"><i class="ti ti-calendar"></i><?= $timeline_date ?></span>
-								<?php } ?>
-								
-								<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("timeline_referentenentwurf_title") ?></span>
-								
-								<?php
-									$timeline_referentenentwurf_text = $dict->get("timeline_referentenentwurf_text");
-									foreach($timeline_referentenentwurf_text as $one_timeline_referentenentwurf_text_line){
-										echo("<span>" . $one_timeline_referentenentwurf_text_line . "</span>");
-									}
-								?>
-								
-								<div class="button-list">
-									<a href="https://web.archive.org/web/20230610171918/https://www.bmfsfj.de/resource/blob/224548/4d24ff0698216058eb758ada5c84bd90/entwurf-selbstbestimmungsgesetz-data.pdf" target="_blank" class="button">
-										<span class="text"><?= $dict->get("timeline_referentenentwurf_button") ?></span>
-										<span class="icon ti ti-external-link"></span>
-									</a>
-									<a href="https://web.archive.org/web/20230714124925/https://www.bmj.de/SharedDocs/Downloads/DE/Themen/FamilieUndPartnerschaft/Fragen_und_Antworten_SBGG.pdf?__blob=publicationFile" target="_blank" class="button">
-										<span class="text"><?= $dict->get("timeline_referentenentwurf_button2") ?></span>
-										<span class="icon ti ti-external-link"></span>
-									</a>
+						
+						<div id="referentenentwurf" class="wrapper copylink-id">
+							<div class="item done">
+								<div class="connector">
+									<span class="waypoint ti ti-pencil"></span>
+								</div>
+								<div class="box">
+									<?php
+										$timeline_date = $dict->get("timeline_referentenentwurf_date");
+										if($timeline_date !== null){
+									?>
+											<span class="extra"><i class="ti ti-calendar"></i><?= $timeline_date ?></span>
+									<?php } ?>
+									
+									<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("timeline_referentenentwurf_title") ?></span>
+									
+									<?php
+										$timeline_referentenentwurf_text = $dict->get("timeline_referentenentwurf_text");
+										foreach($timeline_referentenentwurf_text as $one_timeline_referentenentwurf_text_line){
+											echo("<span>" . $one_timeline_referentenentwurf_text_line . "</span>");
+										}
+									?>
+									
+									<div class="button-list">
+										<a href="https://web.archive.org/web/20230610171918/https://www.bmfsfj.de/resource/blob/224548/4d24ff0698216058eb758ada5c84bd90/entwurf-selbstbestimmungsgesetz-data.pdf" target="_blank" class="button">
+											<span class="text"><?= $dict->get("timeline_referentenentwurf_button") ?></span>
+											<span class="icon ti ti-external-link"></span>
+										</a>
+										<a href="https://web.archive.org/web/20230714124925/https://www.bmj.de/SharedDocs/Downloads/DE/Themen/FamilieUndPartnerschaft/Fragen_und_Antworten_SBGG.pdf?__blob=publicationFile" target="_blank" class="button">
+											<span class="text"><?= $dict->get("timeline_referentenentwurf_button2") ?></span>
+											<span class="icon ti ti-external-link"></span>
+										</a>
+									</div>
 								</div>
 							</div>
 						</div>
-					</div>
-					
-					<div id="regierungsentwurf" class="wrapper copylink-id">
-						<div class="item done">
-							<div class="connector">
-								<span class="waypoint ti ti-notes"></span>
-							</div>
-							<div class="box">
-								<?php
-									$timeline_date = $dict->get("timeline_regierungsentwurf_date");
-									if($timeline_date !== null){
-								?>
-										<span class="extra"><i class="ti ti-calendar"></i><?= $timeline_date ?></span>
-								<?php } ?>
-								
-								<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("timeline_regierungsentwurf_title") ?></span>
-								
-								<?php
-									$timeline_regierungsentwurf_text = $dict->get("timeline_regierungsentwurf_text");
-									foreach($timeline_regierungsentwurf_text as $one_timeline_regierungsentwurf_text_line){
-										echo("<span>" . $one_timeline_regierungsentwurf_text_line . "</span>");
-									}
-								?>
-								
-								<div class="button-list">
-									<a href="https://web.archive.org/web/20230823122446/https://www.bmj.de/SharedDocs/Downloads/DE/Gesetzgebung/RegE/RegE_Selbstbestimmung.pdf?__blob=publicationFile&v=2" target="_blank" class="button">
-										<span class="text"><?= $dict->get("timeline_regierungsentwurf_button") ?></span>
-										<span class="icon ti ti-external-link"></span>
-									</a>
+						
+						<div id="regierungsentwurf" class="wrapper copylink-id">
+							<div class="item done">
+								<div class="connector">
+									<span class="waypoint ti ti-notes"></span>
+								</div>
+								<div class="box">
+									<?php
+										$timeline_date = $dict->get("timeline_regierungsentwurf_date");
+										if($timeline_date !== null){
+									?>
+											<span class="extra"><i class="ti ti-calendar"></i><?= $timeline_date ?></span>
+									<?php } ?>
+									
+									<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("timeline_regierungsentwurf_title") ?></span>
+									
+									<?php
+										$timeline_regierungsentwurf_text = $dict->get("timeline_regierungsentwurf_text");
+										foreach($timeline_regierungsentwurf_text as $one_timeline_regierungsentwurf_text_line){
+											echo("<span>" . $one_timeline_regierungsentwurf_text_line . "</span>");
+										}
+									?>
+									
+									<div class="button-list">
+										<a href="https://web.archive.org/web/20230823122446/https://www.bmj.de/SharedDocs/Downloads/DE/Gesetzgebung/RegE/RegE_Selbstbestimmung.pdf?__blob=publicationFile&v=2" target="_blank" class="button">
+											<span class="text"><?= $dict->get("timeline_regierungsentwurf_button") ?></span>
+											<span class="icon ti ti-external-link"></span>
+										</a>
+									</div>
 								</div>
 							</div>
 						</div>
-					</div>
-					
-					<div id="bundesrat" class="wrapper copylink-id"></div>
-					<div id="bundesrat-1" class="wrapper copylink-id">
-						<div class="item done">
-							<div class="connector">
-								<span class="waypoint ti ti-zoom-check"></span>
-							</div>
-							<div class="box">
-								<?php
-									$timeline_date = $dict->get("timeline_bundesrat_date");
-									if($timeline_date !== null){
-								?>
-										<span class="extra"><i class="ti ti-calendar"></i><?= $timeline_date ?></span>
-								<?php } ?>
-								
-								<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("timeline_bundesrat_title") ?></span>
-								
-								<?php
-									$timeline_bundesrat_text = $dict->get("timeline_bundesrat_text");
-									foreach($timeline_bundesrat_text as $one_timeline_bundesrat_text_line){
-										echo("<span>" . $one_timeline_bundesrat_text_line . "</span>");
-									}
-								?>
-								
-								<div class="button-list">
-									<a href="https://yt.artemislena.eu/watch?v=n0chw7-cAsQ" target="_blank" class="button">
-										<span class="text"><?= $dict->get("timeline_bundesrat_button") ?></span>
-										<span class="icon ti ti-external-link"></span>
-									</a>
-									<a href="https://web.archive.org/web/20231020142352/https://www.bundesrat.de/SharedDocs/drucksachen/2023/0401-0500/432-1-23.pdf?__blob=publicationFile&v=1" target="_blank" class="button">
-										<span class="text"><?= $dict->get("timeline_bundesrat_button2") ?></span>
-										<span class="icon ti ti-external-link"></span>
-									</a>
+						
+						<div id="bundesrat" class="wrapper copylink-id"></div>
+						<div id="bundesrat-1" class="wrapper copylink-id">
+							<div class="item done">
+								<div class="connector">
+									<span class="waypoint ti ti-zoom-check"></span>
+								</div>
+								<div class="box">
+									<?php
+										$timeline_date = $dict->get("timeline_bundesrat_date");
+										if($timeline_date !== null){
+									?>
+											<span class="extra"><i class="ti ti-calendar"></i><?= $timeline_date ?></span>
+									<?php } ?>
+									
+									<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("timeline_bundesrat_title") ?></span>
+									
+									<?php
+										$timeline_bundesrat_text = $dict->get("timeline_bundesrat_text");
+										foreach($timeline_bundesrat_text as $one_timeline_bundesrat_text_line){
+											echo("<span>" . $one_timeline_bundesrat_text_line . "</span>");
+										}
+									?>
+									
+									<div class="button-list">
+										<a href="https://yt.artemislena.eu/watch?v=n0chw7-cAsQ" target="_blank" class="button">
+											<span class="text"><?= $dict->get("timeline_bundesrat_button") ?></span>
+											<span class="icon ti ti-external-link"></span>
+										</a>
+										<a href="https://web.archive.org/web/20231020142352/https://www.bundesrat.de/SharedDocs/drucksachen/2023/0401-0500/432-1-23.pdf?__blob=publicationFile&v=1" target="_blank" class="button">
+											<span class="text"><?= $dict->get("timeline_bundesrat_button2") ?></span>
+											<span class="icon ti ti-external-link"></span>
+										</a>
+									</div>
 								</div>
 							</div>
 						</div>
-					</div>
-					
-					<div id="lesung-1" class="wrapper copylink-id">
-						<div class="item done">
-							<div class="connector">
-								<span class="waypoint ti ti-podium"></span>
-							</div>
-							<div class="box">
-								<?php
-									$timeline_date = $dict->get("timeline_lesung_1_date");
-									if($timeline_date !== null){
-								?>
-										<span class="extra"><i class="ti ti-calendar"></i><?= $timeline_date ?></span>
-								<?php } ?>
-								
-								<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("timeline_lesung_1_title") ?></span>
-								
-								<?php
-									$timeline_lesung_1_text = $dict->get("timeline_lesung_1_text");
-									foreach($timeline_lesung_1_text as $one_timeline_lesung_1_text_line){
-										echo("<span>" . $one_timeline_lesung_1_text_line . "</span>");
-									}
-								?>
-								
-								<div class="button-list">
-									<a href="https://www.bundestag.de/dokumente/textarchiv/2023/kw46-de-geschlechtseintrag-976420" target="_blank" class="button">
-										<span class="text"><?= $dict->get("timeline_lesung_1_button") ?></span>
-										<span class="icon ti ti-external-link"></span>
-									</a>
+						
+						<div id="lesung-1" class="wrapper copylink-id">
+							<div class="item done">
+								<div class="connector">
+									<span class="waypoint ti ti-podium"></span>
+								</div>
+								<div class="box">
+									<?php
+										$timeline_date = $dict->get("timeline_lesung_1_date");
+										if($timeline_date !== null){
+									?>
+											<span class="extra"><i class="ti ti-calendar"></i><?= $timeline_date ?></span>
+									<?php } ?>
+									
+									<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("timeline_lesung_1_title") ?></span>
+									
+									<?php
+										$timeline_lesung_1_text = $dict->get("timeline_lesung_1_text");
+										foreach($timeline_lesung_1_text as $one_timeline_lesung_1_text_line){
+											echo("<span>" . $one_timeline_lesung_1_text_line . "</span>");
+										}
+									?>
+									
+									<div class="button-list">
+										<a href="https://www.bundestag.de/dokumente/textarchiv/2023/kw46-de-geschlechtseintrag-976420" target="_blank" class="button">
+											<span class="text"><?= $dict->get("timeline_lesung_1_button") ?></span>
+											<span class="icon ti ti-external-link"></span>
+										</a>
+									</div>
 								</div>
 							</div>
 						</div>
-					</div>
-					
-					<div id="ausschuss-anhoerung" class="wrapper copylink-id">
-						<div class="item done">
-							<div class="connector">
-								<span class="waypoint ti ti-messages"></span>
-							</div>
-							<div class="box">
-								<?php
-									$timeline_date = $dict->get("timeline_ausschuss_anhoerung_date");
-									if($timeline_date !== null){
-								?>
-										<span class="extra"><i class="ti ti-calendar"></i><?= $timeline_date ?></span>
-								<?php } ?>
-								
-								<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("timeline_ausschuss_anhoerung_title") ?></span>
-								
-								<?php
-									$timeline_ausschuss_anhoerung_text = $dict->get("timeline_ausschuss_anhoerung_text");
-									foreach($timeline_ausschuss_anhoerung_text as $one_timeline_ausschuss_anhoerung_text_line){
-										echo("<span>" . $one_timeline_ausschuss_anhoerung_text_line . "</span>");
-									}
-								?>
-								
-								<div class="button-list">
-									<a href="https://www.bundestag.de/dokumente/textarchiv/2023/kw48-pa-familie-selbstbestimmungsgesetz-978748" target="_blank" class="button">
-										<span class="text"><?= $dict->get("timeline_ausschuss_anhoerung_button") ?></span>
-										<span class="icon ti ti-external-link"></span>
-									</a>
+						
+						<div id="ausschuss-anhoerung" class="wrapper copylink-id">
+							<div class="item done">
+								<div class="connector">
+									<span class="waypoint ti ti-messages"></span>
+								</div>
+								<div class="box">
+									<?php
+										$timeline_date = $dict->get("timeline_ausschuss_anhoerung_date");
+										if($timeline_date !== null){
+									?>
+											<span class="extra"><i class="ti ti-calendar"></i><?= $timeline_date ?></span>
+									<?php } ?>
+									
+									<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("timeline_ausschuss_anhoerung_title") ?></span>
+									
+									<?php
+										$timeline_ausschuss_anhoerung_text = $dict->get("timeline_ausschuss_anhoerung_text");
+										foreach($timeline_ausschuss_anhoerung_text as $one_timeline_ausschuss_anhoerung_text_line){
+											echo("<span>" . $one_timeline_ausschuss_anhoerung_text_line . "</span>");
+										}
+									?>
+									
+									<div class="button-list">
+										<a href="https://www.bundestag.de/dokumente/textarchiv/2023/kw48-pa-familie-selbstbestimmungsgesetz-978748" target="_blank" class="button">
+											<span class="text"><?= $dict->get("timeline_ausschuss_anhoerung_button") ?></span>
+											<span class="icon ti ti-external-link"></span>
+										</a>
+									</div>
 								</div>
 							</div>
 						</div>
-					</div>
-					
-					<div id="lesung-2" class="wrapper copylink-id"></div>
-					<div id="lesung-3" class="wrapper copylink-id"></div>
-					<div id="lesung-2-3" class="wrapper copylink-id">
-						<div class="item done">
-							<div class="connector">
-								<span class="waypoint ti ti-hand-stop"></span>
-							</div>
-							<div class="box">
-								<?php
-									$timeline_date = $dict->get("timeline_lesung_2_3_date");
-									if($timeline_date !== null){
-								?>
-										<span class="extra"><i class="ti ti-calendar"></i><?= $timeline_date ?></span>
-								<?php } ?>
-								
-								<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("timeline_lesung_2_3_title") ?></span>
-								
-								<?php
-									$timeline_lesung_3_text = $dict->get("timeline_lesung_2_3_text");
-									foreach($timeline_lesung_3_text as $one_timeline_lesung_3_text_line){
-										echo("<span>" . $one_timeline_lesung_3_text_line . "</span>");
-									}
-								?>
-								
-								<div class="button-list">
-									<a href="https://www.bundestag.de/dokumente/textarchiv/2024/kw15-de-geschlechtseintrag-997406" target="_blank" class="button">
-										<span class="text"><?= $dict->get("timeline_lesung_2_3_button") ?></span>
-										<span class="icon ti ti-external-link"></span>
-									</a>
+						
+						<div id="lesung-2" class="wrapper copylink-id"></div>
+						<div id="lesung-3" class="wrapper copylink-id"></div>
+						<div id="lesung-2-3" class="wrapper copylink-id">
+							<div class="item done">
+								<div class="connector">
+									<span class="waypoint ti ti-hand-stop"></span>
+								</div>
+								<div class="box">
+									<?php
+										$timeline_date = $dict->get("timeline_lesung_2_3_date");
+										if($timeline_date !== null){
+									?>
+											<span class="extra"><i class="ti ti-calendar"></i><?= $timeline_date ?></span>
+									<?php } ?>
+									
+									<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("timeline_lesung_2_3_title") ?></span>
+									
+									<?php
+										$timeline_lesung_3_text = $dict->get("timeline_lesung_2_3_text");
+										foreach($timeline_lesung_3_text as $one_timeline_lesung_3_text_line){
+											echo("<span>" . $one_timeline_lesung_3_text_line . "</span>");
+										}
+									?>
+									
+									<div class="button-list">
+										<a href="https://www.bundestag.de/dokumente/textarchiv/2024/kw15-de-geschlechtseintrag-997406" target="_blank" class="button">
+											<span class="text"><?= $dict->get("timeline_lesung_2_3_button") ?></span>
+											<span class="icon ti ti-external-link"></span>
+										</a>
+									</div>
 								</div>
 							</div>
 						</div>
-					</div>
-					
-					<div id="bundesrat-2" class="wrapper copylink-id">
-						<div class="item done">
-							<div class="connector">
-								<span class="waypoint ti ti-zoom-check"></span>
-							</div>
-							<div class="box">
-								<?php
-									$timeline_date = $dict->get("timeline_bundesrat_2_date");
-									if($timeline_date !== null){
-								?>
-										<span class="extra"><i class="ti ti-calendar"></i><?= $timeline_date ?></span>
-								<?php } ?>
-								
-								<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("timeline_bundesrat_2_title") ?></span>
-								
-								<?php
-									$timeline_bundesrat_2_text = $dict->get("timeline_bundesrat_2_text");
-									foreach($timeline_bundesrat_2_text as $one_timeline_bundesrat_2_text_line){
-										echo("<span>" . $one_timeline_bundesrat_2_text_line . "</span>");
-									}
-								?>
-								
-								<div class="button-list">
-									<a href="https://www.bundesrat.de/DE/service/mediathek/mediathek-node.html?cms_id=0_tb5fzq89" target="_blank" class="button">
-										<span class="text"><?= $dict->get("timeline_bundesrat_2_button") ?></span>
-										<span class="icon ti ti-external-link"></span>
-									</a>
+						
+						<div id="bundesrat-2" class="wrapper copylink-id">
+							<div class="item done">
+								<div class="connector">
+									<span class="waypoint ti ti-zoom-check"></span>
+								</div>
+								<div class="box">
+									<?php
+										$timeline_date = $dict->get("timeline_bundesrat_2_date");
+										if($timeline_date !== null){
+									?>
+											<span class="extra"><i class="ti ti-calendar"></i><?= $timeline_date ?></span>
+									<?php } ?>
+									
+									<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("timeline_bundesrat_2_title") ?></span>
+									
+									<?php
+										$timeline_bundesrat_2_text = $dict->get("timeline_bundesrat_2_text");
+										foreach($timeline_bundesrat_2_text as $one_timeline_bundesrat_2_text_line){
+											echo("<span>" . $one_timeline_bundesrat_2_text_line . "</span>");
+										}
+									?>
+									
+									<div class="button-list">
+										<a href="https://www.bundesrat.de/DE/service/mediathek/mediathek-node.html?cms_id=0_tb5fzq89" target="_blank" class="button">
+											<span class="text"><?= $dict->get("timeline_bundesrat_2_button") ?></span>
+											<span class="icon ti ti-external-link"></span>
+										</a>
+									</div>
 								</div>
 							</div>
 						</div>
-					</div>
-					
-					<div id="bundesgesetzblatt" class="wrapper copylink-id">
-						<div class="item done done-stop">
-							<div class="connector">
-								<span class="waypoint ti ti-news"></span>
-							</div>
-							<div class="box">
-								<?php
-									$timeline_date = $dict->get("timeline_bundesgesetzblatt_date");
-									if($timeline_date !== null){
-								?>
-										<span class="extra"><i class="ti ti-calendar"></i><?= $timeline_date ?></span>
-								<?php } ?>
-								
-								<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("timeline_bundesgesetzblatt_title") ?></span>
-								
-								<?php
-									$timeline_bundesgesetzblatt_text = $dict->get("timeline_bundesgesetzblatt_text");
-									foreach($timeline_bundesgesetzblatt_text as $one_timeline_bundesgesetzblatt_text_line){
-										echo("<span>" . $one_timeline_bundesgesetzblatt_text_line . "</span>");
-									}
-								?>
-								
-								<div class="button-list">
-									<a href="https://web.archive.org/web/20240621093602/https://www.recht.bund.de/bgbl/1/2024/206/regelungstext.pdf?__blob=publicationFile&v=3" target="_blank" class="button">
-										<span class="text"><?= $dict->get("timeline_bundesgesetzblatt_button") ?></span>
-										<span class="icon ti ti-external-link"></span>
-									</a>
+						
+						<div id="bundesgesetzblatt" class="wrapper copylink-id">
+							<div class="item done done-stop">
+								<div class="connector">
+									<span class="waypoint ti ti-news"></span>
+								</div>
+								<div class="box">
+									<?php
+										$timeline_date = $dict->get("timeline_bundesgesetzblatt_date");
+										if($timeline_date !== null){
+									?>
+											<span class="extra"><i class="ti ti-calendar"></i><?= $timeline_date ?></span>
+									<?php } ?>
+									
+									<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("timeline_bundesgesetzblatt_title") ?></span>
+									
+									<?php
+										$timeline_bundesgesetzblatt_text = $dict->get("timeline_bundesgesetzblatt_text");
+										foreach($timeline_bundesgesetzblatt_text as $one_timeline_bundesgesetzblatt_text_line){
+											echo("<span>" . $one_timeline_bundesgesetzblatt_text_line . "</span>");
+										}
+									?>
+									
+									<div class="button-list">
+										<a href="https://web.archive.org/web/20240621093602/https://www.recht.bund.de/bgbl/1/2024/206/regelungstext.pdf?__blob=publicationFile&v=3" target="_blank" class="button">
+											<span class="text"><?= $dict->get("timeline_bundesgesetzblatt_button") ?></span>
+											<span class="icon ti ti-external-link"></span>
+										</a>
+									</div>
 								</div>
 							</div>
 						</div>
-					</div>
-					
-					<div id="anmeldung" class="wrapper copylink-id">
-						<div class="item next">
-							<div class="connector">
-								<span class="waypoint ti ti-ticket"></span>
-							</div>
-							<div class="box">
-								<?php
-									$timeline_date = $dict->get("timeline_anmeldung_date");
-									if($timeline_date !== null){
-								?>
-										<span class="extra"><i class="ti ti-calendar"></i><?= $timeline_date ?></span>
-								<?php } ?>
-								
-								<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("timeline_anmeldung_title") ?></span>
-								
-								<?php
-									$timeline_anmeldung_text = $dict->get("timeline_anmeldung_text");
-									foreach($timeline_anmeldung_text as $one_timeline_anmeldung_text_line){
-										echo("<span>" . $one_timeline_anmeldung_text_line . "</span>");
-									}
-								?>
+						
+						<div id="anmeldung" class="wrapper copylink-id">
+							<div class="item next">
+								<div class="connector">
+									<span class="waypoint ti ti-ticket"></span>
+								</div>
+								<div class="box">
+									<?php
+										$timeline_date = $dict->get("timeline_anmeldung_date");
+										if($timeline_date !== null){
+									?>
+											<span class="extra"><i class="ti ti-calendar"></i><?= $timeline_date ?></span>
+									<?php } ?>
+									
+									<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("timeline_anmeldung_title") ?></span>
+									
+									<?php
+										$timeline_anmeldung_text = $dict->get("timeline_anmeldung_text");
+										foreach($timeline_anmeldung_text as $one_timeline_anmeldung_text_line){
+											echo("<span>" . $one_timeline_anmeldung_text_line . "</span>");
+										}
+									?>
+								</div>
 							</div>
 						</div>
-					</div>
-					
-					<div id="inkrafttreten" class="wrapper copylink-id">
-						<div class="item">
-							<div class="connector">
-								<span class="waypoint ti ti-gavel"></span>
-							</div>
-							<div class="box">
-								<?php
-									$timeline_date = $dict->get("timeline_inkrafttreten_date");
-									if($timeline_date !== null){
-								?>
-										<span class="extra"><i class="ti ti-calendar"></i><?= $timeline_date ?></span>
-								<?php } ?>
-								
-								<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("timeline_inkrafttreten_title") ?></span>
-								
-								<?php
-									$timeline_inkrafttreten_text = $dict->get("timeline_inkrafttreten_text");
-									foreach($timeline_inkrafttreten_text as $one_timeline_inkrafttreten_text_line){
-										echo("<span>" . $one_timeline_inkrafttreten_text_line . "</span>");
-									}
-								?>
+						
+						<div id="inkrafttreten" class="wrapper copylink-id">
+							<div class="item">
+								<div class="connector">
+									<span class="waypoint ti ti-gavel"></span>
+								</div>
+								<div class="box">
+									<?php
+										$timeline_date = $dict->get("timeline_inkrafttreten_date");
+										if($timeline_date !== null){
+									?>
+											<span class="extra"><i class="ti ti-calendar"></i><?= $timeline_date ?></span>
+									<?php } ?>
+									
+									<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("timeline_inkrafttreten_title") ?></span>
+									
+									<?php
+										$timeline_inkrafttreten_text = $dict->get("timeline_inkrafttreten_text");
+										foreach($timeline_inkrafttreten_text as $one_timeline_inkrafttreten_text_line){
+											echo("<span>" . $one_timeline_inkrafttreten_text_line . "</span>");
+										}
+									?>
+								</div>
 							</div>
 						</div>
 					</div>
diff --git a/page/timeline/strings.php b/page/timeline/strings.php
index 30bca3e..1a107f5 100644
--- a/page/timeline/strings.php
+++ b/page/timeline/strings.php
@@ -8,6 +8,40 @@
 			"en" => "SBGG.jetzt - Timeline",
 		],
 		
+		"page_title_h2" => [
+			"de" => "Timeline",
+			"en" => "Timeline",
+		],
+		
+		
+		
+		
+		
+		"why_title" => [
+			"de" => "Warum ein neues Gesetz?",
+			"en" => "Why a new Law?",
+		],
+		
+		"why_text" => [
+			"de" => [
+				"Das 1980 eingeführte Transsexuellengesetz regelte in Deutschland für 44 Jahre, wie Trans* Menschen ihren Namen und Geschlechtseintrag rechtlich ändern können.",
+				"Dieses Gesetz wurde seinen Ansprüchen aber keinesfalls gerecht. Stattdessen wurden Trans* Menschen Steine in den Weg gelegt:",
+				"Der Prozess zur Änderung von Namen und Geschlechtseintrag erforderte zwei unabhängige Sachverständigengutachten und ein Gerichtsverfahren. Das war diskriminierend, dauerte eine Ewigkeit und war sehr teuer.",
+				"Das Selbstbestimmungsgesetz löste das TSG ab und ermöglicht nun eine Änderung des Namens und des Geschlechtseintrags ganz einfach per Selbstauskunft beim Standesamt.",
+			],
+			"en" => [
+				"The<i>Transsexuellengesetz</i> (Transsexual Law), introduced in 1980, regulated how trans* people can legally change their name and gender entry in Germany for 44 years.",
+				"However, this law did not live up to its claims. Instead, obstacles were put in the way of trans* people:",
+				"The process of changing name and gender entry required two independent psychological assessments and a court hearing. This was discriminatory, took forever and was very expensive.",
+				"The Self-Determination Law replaced the TSG and made it easy to change name and gender entry by self-disclosure at the <i>Standesamt</i> (registry office).",
+			],
+		],
+		
+		
+		
+		
+		
+		
 		"timeline_title" => [
 			"de" => "Timeline",
 			"en" => "Timeline",