From 7f4c9272a42312ca5f36078bc444c4c9a4befa5d Mon Sep 17 00:00:00 2001
From: DrMaxNix <git@drmaxnix.de>
Date: Sat, 27 Jul 2024 19:23:47 +0200
Subject: [PATCH] :sparkles: step-by-step usage guide (fix #54)

---
 page/start/index.php   | 143 ++++++++++++++++++++++++++++++++++++
 page/start/strings.php | 159 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 302 insertions(+)

diff --git a/page/start/index.php b/page/start/index.php
index 00966a9..ebe9854 100644
--- a/page/start/index.php
+++ b/page/start/index.php
@@ -64,6 +64,143 @@
 			<h2><?= $dict->get("page_title_h2") ?></h2>
 		</div>
 		
+		
+		
+		<div id="steps" class="wrapper copylink-id">
+			<div class="section">
+				<div class="header">
+					<span class="icon ti ti-route"></span>
+					<span class="text"><?= $dict->get("sect_steps_title") ?></span>
+					<button class="copylink ti ti-link"></button>
+				</div>
+				<div class="content">
+					<span class="note inline gray align-left"><?= $dict->get("steps_note") ?></span>
+					
+					<div class="timeline no-line">
+						<div id="step-1" class="wrapper copylink-id"></div>
+						<div id="inform" class="wrapper copylink-id">
+							<div class="item done">
+								<div class="connector">
+									<span class="waypoint ti ti-number-1"></span>
+								</div>
+								<div class="box">
+									<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("step_1_title") ?></span>
+									
+									<?php
+										$text = $dict->get("step_1_text");
+										foreach($text as $one_text_line){
+											echo("<span>" . $one_text_line . "</span>");
+										}
+										
+										$list = $dict->get("step_1_list");
+										echo("<ul>");
+										foreach($list as $one_list_item){
+											echo("<li><span>" . $one_list_item . "</span></li>");
+										}
+										echo("</ul>");
+									?>
+								</div>
+							</div>
+						</div>
+						
+						<div id="step-2" class="wrapper copylink-id"></div>
+						<div id="registration" class="wrapper copylink-id">
+							<div class="item next">
+								<div class="connector">
+									<span class="waypoint ti ti-number-2"></span>
+								</div>
+								<div class="box">
+									<span class="extra"><i class="ti ti-calendar"></i><?= $dict->get("step_2_date") ?></span>
+									<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("step_2_title") ?></span>
+									
+									<?php
+										$text = $dict->get("step_2_text");
+										foreach($text as $one_text_line){
+											echo("<span>" . $one_text_line . "</span>");
+										}
+									?>
+								</div>
+							</div>
+						</div>
+						
+						<div id="step-3" class="wrapper copylink-id"></div>
+						<div id="declaration" class="wrapper copylink-id">
+							<div class="item">
+								<div class="connector">
+									<span class="waypoint ti ti-number-3"></span>
+								</div>
+								<div class="box">
+									<span class="extra"><i class="ti ti-calendar"></i><?= $dict->get("step_3_date") ?></span>
+									<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("step_3_title") ?></span>
+									
+									<?php
+										$text = $dict->get("step_3_text");
+										foreach($text as $one_text_line){
+											echo("<span>" . $one_text_line . "</span>");
+										}
+									?>
+								</div>
+							</div>
+						</div>
+						
+						<div id="step-4" class="wrapper copylink-id"></div>
+						<div id="ids" class="wrapper copylink-id">
+							<div class="item">
+								<div class="connector">
+									<span class="waypoint ti ti-number-4"></span>
+								</div>
+								<div class="box">
+									<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("step_4_title") ?></span>
+									
+									<?php
+										$text = $dict->get("step_4_text");
+										foreach($text as $one_text_line){
+											echo("<span>" . $one_text_line . "</span>");
+										}
+										
+										$list = $dict->get("step_4_list");
+										echo("<ul>");
+										foreach($list as $one_list_item){
+											echo("<li><span>" . $one_list_item . "</span></li>");
+										}
+										echo("</ul>");
+									?>
+								</div>
+							</div>
+						</div>
+						
+						<div id="step-5" class="wrapper copylink-id"></div>
+						<div id="unofficial" class="wrapper copylink-id">
+							<div class="item">
+								<div class="connector">
+									<span class="waypoint ti ti-number-5"></span>
+								</div>
+								<div class="box">
+									<span class="title"><button class="copylink ti ti-link"></button><?= $dict->get("step_5_title") ?></span>
+									
+									<?php
+										$text = $dict->get("step_5_text");
+										foreach($text as $one_text_line){
+											echo("<span>" . $one_text_line . "</span>");
+										}
+										
+										$list = $dict->get("step_5_list");
+										echo("<ul>");
+										foreach($list as $one_list_item){
+											echo("<li><span>" . $one_list_item . "</span></li>");
+										}
+										echo("</ul>");
+									?>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		
+		
+		
 		<div id="timeline" class="wrapper copylink-id">
 			<div class="section">
 				<div class="header">
@@ -91,6 +228,8 @@
 			</div>
 		</div>
 		
+		
+		
 		<div id="news" class="wrapper copylink-id">
 			<div class="section">
 				<div class="header">
@@ -188,6 +327,8 @@
 			</div>
 		</div>
 		
+		
+		
 		<div id="recommendations" class="wrapper copylink-id">
 			<div class="section">
 				<div class="header">
@@ -227,6 +368,8 @@
 			</div>
 		</div>
 		
+		
+		
 		<div id="about" class="wrapper copylink-id">
 			<div class="section">
 				<div class="header">
diff --git a/page/start/strings.php b/page/start/strings.php
index 9dbf1b6..ce51e3e 100644
--- a/page/start/strings.php
+++ b/page/start/strings.php
@@ -17,6 +17,165 @@
 		
 		
 		
+		"sect_steps_title" => [
+			"de" => "In 5 Schritten zur Personenstandsänderung",
+			"en" => "Changing Civil Status in 5 Steps",
+		],
+		
+		"steps_note" => [
+			"de" => "Folgende Anleitung umreißt die für die Personenstandsänderung einer volljährigen geschäftsfähigen Person mit deutscher Staatsangehörigkeit nach SBGG notwendigen Schritte und Überlegungen. Zusatzinformationen für minderjährige bzw. nicht geschäftsfähige Personen und Menschen ohne deutsche Staatsangehörigkeit finden sich weiter unten im <a href=\"#faq\">FAQ</a>.",
+			"en" => "TODO",
+		],
+		
+		
+		
+		
+		
+		"step_1_title" => [
+			"de" => "Informieren",
+			"en" => "TODO",
+		],
+		"step_1_text" => [
+			"de" => [
+				"Da es bei der genauen Interpretation des Gesetzes große Unterschiede zwischen den Standesämtern gibt, ist es zu empfehlen, sich im Vorfeld zu informieren. Ausschlaggebend hierbei ist das für dich zuständige Standesamt. Das ist in der Regel das Standesamt, das dich in das Geburtenregister eingetragen hat (<i>Geburtsstandesamt</i>, weitere Infos zur Zuständigkeit im FAQ). Wenn Du deine Erklärung bei einem anderen Standesamt abgeben möchtest ist es ratsam, sich zusätzlich auch über dessen Vorgaben zu informieren.",
+				"Viele Standesämter, vor allem in großen Städten, haben hierzu bereits Informationen auf ihrer Webseite. Ist dies nicht der Fall, kannst Du dem Standesamt einfach eine kurze E-Mail schreiben oder dort anrufen. Wichtige Fragen, die Du klären solltest, sind unter Anderem:",
+			],
+			"en" => [
+				"TODO",
+				"TODO",
+			],
+		],
+		"step_1_list" => [
+			"de" => [
+				"Wie findet die Anmeldung statt? Geht die Anmeldung auch Telefonisch? Gibt es ein Formular für eine schriftliche Anmeldung?",
+				"Welche Dokumente sind für die Anmeldung und/oder die Erklärung notwendig? <span class=\"inline gray\">(Viele Standesämter verlangen eine Geburtsurkunde, diese muss ggf. bereits im Voraus beantragt werden)</span>",
+				"Muss die Anzahl der gewählten neuen Vornamen gleich der alten Anzahl an Vornamen sein? <span class=\"inline gray\">(Mehr dazu im <a href=\"#faq\">FAQ</a>)</span>",
+			],
+			"en" => [
+				"TODO",
+				"TODO",
+				"TODO",
+			],
+		],
+		
+		
+		
+		
+		
+		"step_2_date" => [
+			"de" => "ab 01 Aug 2024",
+			"en" => "TODO",
+		],
+		"step_2_title" => [
+			"de" => "Anmeldung",
+			"en" => "TODO",
+		],
+		"step_2_text" => [
+			"de" => [
+				"Damit Du deinen Geschlechtseintrag und deine Vornamen ändern kannst, musst Du dich mindestens drei Monate vorher anmelden. Diese Anmeldung muss bei dem selben Standesamt geschehen, bei dem Du danach auch deine Personenstandsänderung vornehmen lassen möchtest (<i>Erklärung</i>).",
+				"Diese Anmeldung kannst Du entweder persönlich vor Ort erklären, oder in Schriftform per Post an das Standesamt senden. Viele Standesämter haben hierfür bereits Formulare auf ihrer Webseite. Gibt es kein Formular, kannst Du die Anmeldung auch formlos vornehmen, z.B. mit dem Satz \"<i>Hiermit Melde ich die Abgabe einer Erklärung zur Änderung meines Geschlechtseintrags und meiner Vornamen nach § 4 SBGG an.</i>\". Wichtig hierbei ist, dass deine Anmeldung deinen derzeit rechtskräftigen Namen, dein Geburtsdatum und deinen Geburtsort, deine Meldeadresse und deine Unterschrift enthält!",
+				"Abhängig vom Standesamt ist die Anmeldung auch telefonisch oder per Fax möglich.",
+			],
+			"en" => [
+				"TODO",
+				"TODO",
+				"TODO",
+			],
+		],
+		
+		
+		
+		
+		
+		"step_3_date" => [
+			"de" => "ab 01 Nov 2024, 3-6 Monate nach Anmeldung",
+			"en" => "TODO",
+		],
+		"step_3_title" => [
+			"de" => "Erklärung",
+			"en" => "TODO",
+		],
+		"step_3_text" => [
+			"de" => [
+				"Drei Monate nach der Anmeldung hast Du weitere drei Monate Zeit, die tatsächliche Erklärung zur Änderung deines Personenstands vor Ort abzugeben. Nimmst Du die Erklärung nicht innerhalb von sechs Monaten nach der Anmeldung wahr, musst Du dich erneut anmelden und drei Monate warten. Hast Du dich beispielsweise am 1. August angemeldet, kannst Du die Erklärung im November, Dezember oder Januar vornehmen.",
+				"Zur Erklärung solltest Du einen Ausweis (z.B. Personalausweis oder Reisepass) mitbringen. Viele Standesämter verlangen zusätzlich eine Geburtsurkunde und ggf. eine Ehe- oder Lebenspartnerschaftsurkunde. Je nach Standesamt kann es ratsam sein, für die Abgabe der Erklärung einen Termin zu vereinbaren.",
+				"Nun musst Du dich für einen neuen Geschlechtseintrag und neue Vornamen entscheiden. Mögliche Geschlechtsangaben sind <i>\"weiblich\"</i>, <i>\"männlich\"</i>, <i>\"divers\"</i> oder die Streichung des Eintrags. Dein neuer Vorname bzw. deine neuen Vornamen müssen zu deinem gewählten Geschlechtseintrag passen. <span class=\"inline gray\">(Mehr dazu im <a href=\"#faq\">FAQ</a>)</span>",
+				"Zuletzt musst Du versichern, dass dein gewählter Geschlechtseintrag deiner Geschlechtsidentität am besten entspricht und, dass dir die Tragweite der durch die Erklärung bewirkten Folgen bewusst ist.",
+			],
+			"en" => [
+				"TODO",
+				"TODO",
+				"TODO",
+				"TODO",
+			],
+		],
+		
+		
+		
+		
+		
+		"step_4_title" => [
+			"de" => "Beantragen neuer Ausweisdokumente und Zeugnisse",
+			"en" => "TODO",
+		],
+		"step_4_text" => [
+			"de" => [
+				"Nachdem Du nun einen anderen rechtskräftigen Namen führst, musst Du auch Ausweise und andere Zeugnisse neu ausstellen lassen. <span class=\"inline gray\">(Mehr zu den Kosten im <a href=\"#faq\">FAQ</a>)</span>",
+				"Dokumente, die Du mit deinem neuen Namen beantragen solltest, sind unter Anderem:",
+			],
+			"en" => [
+				"TODO",
+				"TODO",
+			],
+		],
+		"step_4_list" => [
+			"de" => [
+				"Personalausweis und Reisepass",
+				"Führerschein",
+				"Zeugnisse (z.B. Schulabschluss)",
+			],
+			"en" => [
+				"TODO",
+				"TODO",
+				"TODO",
+			],
+		],
+		
+		
+		
+		
+		
+		"step_5_title" => [
+			"de" => "Änderung des Personenstands in nichtamtlichen Registern",
+			"en" => "TODO",
+		],
+		"step_5_text" => [
+			"de" => [
+				"Deine persönlichen Angaben finden sich auch in den Akten vieler nichtamtlicher Organisationen wieder. Diese werden im Normalfall nicht automatisch über deine Personenstandsänderung in Kenntnis gesetzt, sondern sind darauf angewiesen, dass Du sie über die Änderung deines Geschlechtseintrags und deiner Vornamen informierst. Hier einige Beispiele:",
+			],
+			"en" => [
+				"TODO",
+			],
+		],
+		"step_5_list" => [
+			"de" => [
+				"Deine Schule, deine Uni und/oder dein Arbeitgeber",
+				"Deine Bank und/oder Zahlungsdienstleister",
+				"Versicherungen",
+				"Vereine, bei denen Du Mitglied bist",
+			],
+			"en" => [
+				"TODO",
+				"TODO",
+				"TODO",
+				"TODO",
+			],
+		],
+		
+		
+		
+		
+		
 		"timeline_moved_title" => [
 			"de" => "Timeline",
 			"en" => "Timeline",