From 35d8316c1232916b4632ed651a2a6fa2cd88f8b1 Mon Sep 17 00:00:00 2001
From: DrMaxNix <contact@drmaxnix.de>
Date: Sat, 22 Apr 2023 21:24:14 +0200
Subject: [PATCH] :sparkles: "why" section

---
 page/start/index.php | 15 +++++++++++++++
 page/start/style.css |  7 ++++---
 page/strings.php     | 28 ++++++++++++++++++++++++++--
 3 files changed, 45 insertions(+), 5 deletions(-)

diff --git a/page/start/index.php b/page/start/index.php
index 2913218..4f09e4a 100644
--- a/page/start/index.php
+++ b/page/start/index.php
@@ -38,6 +38,21 @@
 			<span class="abolish"><?= $dict->get("page_title_abolish") ?></span>
 			<span class="introduce"><?= $dict->get("page_title_introduce") ?></span>
 		</div>
+		
+		<div class="section">
+			<div class="content">
+				<div class="box">
+					<span class="title"><?= $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>
 
diff --git a/page/start/style.css b/page/start/style.css
index f210a91..9aa7bc6 100644
--- a/page/start/style.css
+++ b/page/start/style.css
@@ -91,9 +91,9 @@ a {
 	justify-content: flex-start;
 }
 .page {
-	max-width: 60vw;
+	max-width: 50vw;
 	
-	padding: 4rem 2rem;
+	padding: 6rem 2rem;
 	
 	display: flex;
 	flex-direction: column;
@@ -174,6 +174,7 @@ a {
 .box {
 	display: flex;
 	flex-direction: column;
+	align-items: center;
 	gap: 1rem;
 	
 	padding: 2rem;
@@ -196,7 +197,7 @@ a {
 	gap: 1rem;
 	
 	color: var(--theme);
-	font-size: 2rem;
+	font-size: 1.5rem;
 }
 
 
diff --git a/page/strings.php b/page/strings.php
index 3e06d4f..bf9603f 100644
--- a/page/strings.php
+++ b/page/strings.php
@@ -15,7 +15,7 @@
 		
 		
 		"page_title_abolish" => [
-			"de" => "Trans&shy;sexuellen&shy;gesetz abschaffen,",
+			"de" => "TSG abschaffen,",
 			"en" => "Abolish the TSG,"
 		],
 		"page_title_introduce" => [
@@ -27,9 +27,33 @@
 		
 		
 		
+		"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 psychologische Gutachten 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)."
+			]
+		],
+		
+		
+		
+		
+		
 		"text_sourcecode" => [
 			"de" => "Quellcode",
-			"en" => "Sourcecode"
+			"en" => "Source Code"
 		],
 		
 		"text_imprint" => [