commented index.php and modified text blocks

public/index.php

@@ -31,7 +31,7 @@ if (!$municipality) {
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Bürgerbeteiligungsportal <?= htmlspecialchars($municipality['name']) ?></title>
     <link rel="icon" href="assets/icon-municipality.png" type="image/png">
-    <meta name="description" content="Bürgerbeteiligungsportal der Stadt Lohne (Oldenburg). Hinweise und Vorschläge auf der Karte eintragen.">
+    <meta name="description" content="Bürgerbeteiligungsportal. Hinweise und Vorschläge auf der Karte eintragen.">
 
 
     <!-- ============================================================= -->
@@ -90,7 +90,7 @@ if (!$municipality) {
         <nav class="header-nav">
             <button class="nav-btn" onclick="showInfoModal()">
                 <i class="fa-solid fa-circle-info"></i>
-                <span class="nav-label">Info</span>
+                <span class="nav-label">Informationen</span>
             </button>
             <button class="nav-btn" onclick="showPrivacyModal()">
                 <i class="fa-solid fa-shield-halved"></i>
@@ -114,15 +114,15 @@ if (!$municipality) {
     <!-- ============================================================= -->
     <main id="app-main">
 
-        <!-- Leaflet Sidebar v2 -->
+        <!-- Leaflet Sidebar -->
         <div id="sidebar" class="leaflet-sidebar collapsed">
 
             <!-- Sidebar Tab Icons -->
             <div class="leaflet-sidebar-tabs">
                 <ul role="tablist">
                     <li><a href="#tab-home" role="tab"><i class="fa-solid fa-house"></i></a></li>
-                    <li><a href="#tab-list" role="tab"><i class="fa-solid fa-list"></i></a></li>
                     <li><a href="#tab-help" role="tab"><i class="fa-solid fa-circle-question"></i></a></li>
+                    <li><a href="#tab-list" role="tab"><i class="fa-solid fa-list"></i></a></li>
                     <li><a href="#tab-news" role="tab"><i class="fa-solid fa-newspaper"></i></a></li>
                 </ul>
             </div>
@@ -133,12 +133,12 @@ if (!$municipality) {
                 <!-- Home Tab -->
                 <div class="leaflet-sidebar-pane" id="tab-home">
                     <h2 class="leaflet-sidebar-header">
-                        Übersicht
+                        Start
                         <span class="leaflet-sidebar-close"><i class="fa-solid fa-xmark"></i></span>
                     </h2>
                     <div class="sidebar-body">
                         <p>Willkommen beim Bürgerbeteiligungsportal <strong><?= htmlspecialchars($municipality['name']) ?></strong>.</p>
-                        <p>Nutzen Sie die Karte, um Hinweise und Aufgaben zu erstellen oder bestehende Beiträge einzusehen.</p>
+                        <p>Verwenden Sie die Karte, um Hinweise und Aufgaben für die Stadtverwaltung hinzuzufügen oder bestehende Beiträge der Bürgerschaft zu betrachten.</p>
 
                         <h3>Kategorien</h3>
                         <div id="category-filter">
@@ -179,13 +179,13 @@ if (!$municipality) {
                         <p>Verschieben Sie die Karte per Mausklick und Ziehen. Zoomen Sie mit dem Mausrad oder den Zoom-Buttons.</p>
 
                         <h3><i class="fa-solid fa-plus"></i> Beitrag erstellen</h3>
-                        <p>Nutzen Sie die Zeichenwerkzeuge rechts auf der Karte, um einen Punkt, eine Linie oder eine Fläche zu zeichnen. Anschließend können Sie Kategorie und Beschreibung eingeben.</p>
+                        <p>Verwenden Sie die Zeichenwerkzeuge rechts, um Beiträge als Punkte, Linien oder Flächen zu zeichnen. Anschließend können Sie Kategorie und Beschreibung hinzufügen.</p>
 
                         <h3><i class="fa-solid fa-thumbs-up"></i> Abstimmen</h3>
-                        <p>Klicken Sie auf einen bestehenden Beitrag und nutzen Sie die Like/Dislike-Buttons, um Ihre Meinung zu äußern.</p>
+                        <p>Klicken Sie auf bestehende Beiträge und nutzen Sie die Like/Dislike Funktion, um Ihre Meinung kundzugeben.</p>
 
                         <h3><i class="fa-solid fa-magnifying-glass"></i> Suchen</h3>
-                        <p>Nutzen Sie die Adresssuche oben rechts auf der Karte, um einen bestimmten Ort zu finden.</p>
+                        <p>Verwenden Sie die Adresssuche rechts, um bestimmte Orte auf der Karte zu finden.</p>
                     </div>
                 </div>
 
@@ -201,14 +201,14 @@ if (!$municipality) {
                             <h3>Portal gestartet</h3>
                             <p>Das Bürgerbeteiligungsportal für <?= htmlspecialchars($municipality['name']) ?> ist online. Wir freuen uns auf Ihre Hinweise und Vorschläge!</p>
                         </div>
-                        <!-- More News Items can be added here or loaded from Database -->
+                        <!-- News Items can be added or loaded from Database here -->
                     </div>
                 </div>
 
             </div>
         </div>
 
-        <!-- Map -->
+        <!-- Leaflet Map -->
         <div id="map"></div>
 
     </main>
@@ -220,13 +220,13 @@ if (!$municipality) {
     <footer id="app-footer">
         <div class="footer-content">
             <img src="assets/logo-company.png" alt="Company Logo" class="footer-logo" onerror="this.style.display='none'">
-            <span class="footer-text">© <?= date('Y') ?> <?= htmlspecialchars($municipality['name']) ?> — Bürgerbeteiligungsportal</span>
+            <span class="footer-text"> Bürgerbeteiligungsportal <?= htmlspecialchars($municipality['name']) ?> </span>
         </div>
     </footer>
 
 
     <!-- ============================================================= -->
-    <!-- Welcome Modal (shown on first Visit)                          -->
+    <!-- Welcome Modal shown on first Visit                            -->
     <!-- ============================================================= -->
     <div id="welcome-modal" class="modal-overlay" style="display:none;">
         <div class="modal-content">
@@ -234,11 +234,10 @@ if (!$municipality) {
             <p>Herzlich willkommen beim Bürgerbeteiligungsportal <strong><?= htmlspecialchars($municipality['name']) ?></strong>.</p>
             <p>Hier können Sie:</p>
             <ul>
-                <li>Hinweise und Verbesserungsvorschläge auf der Karte eintragen</li>
+                <li>Hinweise und Verbesserungsvorschläge für die Stadtverwaltung hinzufügen</li>
-                <li>Bestehende Beiträge einsehen und bewerten</li>
+                <li>Bestehende Beiträge der Bürgerschaft betrachten und bewerten</li>
-                <li>Aufgaben der Stadtverwaltung unterstützen</li>
             </ul>
-            <p>Zum Erstellen von Beiträgen geben Sie bitte zunächst Ihren Namen ein.</p>
+            <p>Zum Hinzufügen von Beiträgen geben Sie bitte zunächst Ihren Namen ein.</p>
             <div class="modal-actions">
                 <button class="btn btn-primary" onclick="closeWelcomeAndShowLogin()">Loslegen</button>
             </div>
@@ -247,7 +246,8 @@ if (!$municipality) {
 
 
     <!-- ============================================================= -->
-    <!-- Login Modal (Name Entry — later: full Authentication)         -->
+    <!-- Login Modal for Identification                                -->
+    <!-- ToDo's: User Authentification and Administration              -->
     <!-- ============================================================= -->
     <div id="login-modal" class="modal-overlay" style="display:none;">
         <div class="modal-content modal-small">
@@ -258,7 +258,7 @@ if (!$municipality) {
                 <input type="text" id="user-name-input" class="form-input" placeholder="Vor- und Nachname">
             </div>
             <div class="modal-actions">
-                <button class="btn btn-secondary" onclick="skipLogin()">Nur ansehen</button>
+                <button class="btn btn-secondary" onclick="skipLogin()">Gastuser</button>
                 <button class="btn btn-primary" onclick="submitLogin()">Anmelden</button>
             </div>
         </div>
@@ -270,7 +270,7 @@ if (!$municipality) {
     <!-- ============================================================= -->
     <div id="create-modal" class="modal-overlay" style="display:none;">
         <div class="modal-content">
-            <h2><i class="fa-solid fa-plus-circle"></i> Neuer Beitrag</h2>
+            <h2><i class="fa-solid fa-plus-circle"></i> Beitrag</h2>
  
             <div class="form-group">
                 <label for="create-category">Kategorie</label>