fix various issues

.gitignore

@@ -1,2 +1,6 @@
 node_modules
-assets
+assets/css
+assets/js
+assets/styles
+assets/feather.js
+assets/feather.min.js

app_only.html

@@ -17,7 +17,7 @@
                 <li class="progress-step is-complete">
                     <div class="progress-marker" data-text="1"></div>
                     <div class="progress-text">
-                        <h4 class="progress-title">Wildtier gefunden</h4>
+                        <a href="#1"><h4 class="progress-title">Wildtier gefunden</h4></a>
                     </div>
                 </li>
 
@@ -39,7 +39,7 @@
                 <li class="progress-step is-complete">
                 <div class="progress-marker" data-text="1">
                     <div class="progress-text">
-                    <h4 class="progress-title">Wildtier gefunden</h4>
+                    <a href="#1"><h4 class="progress-title">Wildtier gefunden</h4></a>
                     </div>
                 </div>
                 </li>
@@ -72,7 +72,7 @@
         <div class="card">
             <div class="card-body">
                 <div class="media">
-                    <img class="d-flex mr-3 rounded-circle img-thumbnail thumb-lg" src="https://upload.wikimedia.org/wikipedia/commons/9/9d/Unknown_Member.jpg?20170805162126" alt="Generic placeholder image" />
+                    <img class="d-flex mr-3 rounded-circle img-thumbnail thumb-lg" src="assets/images/unknown_member.jpg" alt="Generic placeholder image" />
                     <div class="media-body">
                         <h5 class="mt-0 font-18 mb-1"></h5>
                         <p class="text-muted font-14"></p>
@@ -140,6 +140,10 @@
         padding: 0 0.25rem;
         margin: 1rem auto !important;
     }
+    .progress-tracker a {
+        text-decoration: none;
+        color: unset;
+    }
     .progress-tracker-mobile {
         display: none;
     }
@@ -327,76 +331,78 @@
         padding-top: 2px;
         margin-left: -5px;
     }
+    .descriptionContainer {
+        margin-top: 2rem;
+    }
 
- </style>
+    .thumb-lg {
- <style>
+        height: 70px;
-        .thumb-lg {
+        width: 70px;
-            height: 70px;
+    }
-            width: 70px;
+    .card {
-        }
+        border: 1px solid #d5d9d9;
-        .card {
+        border-radius: 8px;
-            border: 1px solid #d5d9d9;
+        margin-bottom: 1.5rem;
-            border-radius: 8px;
+    }
-            margin-bottom: 1.5rem;
+    .card-body {
-        }
+        padding: 0rem !important;
-        .card-body {
+        display: flex;
-            padding: 0rem !important;
+        flex-direction: column;
-            display: flex;
+    }
-            flex-direction: column;
+    .card-body svg {
-        }
+        height: 1rem;
-        .card-body svg {
+        stroke-width: 2;
-            height: 1rem;
+        min-width: 2rem;
-            stroke-width: 2;
+        margin-top: 0.2rem;
-            min-width: 2rem;
+    }
-        }
+    .m-b-30 {
-        .m-b-30 {
+        margin-bottom: 30px;
-            margin-bottom: 30px;
+    }
-        }
+    .social-links {
-        .social-links {
+        list-style: none;
-            list-style: none;
+        padding-left: 0;
-            padding-left: 0;
+        display: flex;
-            display: flex;
+        flex-direction: column;
-            flex-direction: column;
+        gap: 0.5rem 0;
-            gap: 0.5rem 0;
+    }
-        }
+    .social-links i {
-        .social-links i {
+        padding-top: 0.3rem;
-            padding-top: 0.3rem;
+    }
-        }
+    .social-links li {
-        .social-links li {
+        color: rgba(33, 37, 41, 0.75);
-            color: rgba(33, 37, 41, 0.75);
+        display: flex;
-            display: flex;
+        flex-direction: row;
-            flex-direction: row;
+        align-items: top;
-            align-items: center;
+        gap: 0.5rem;
-            gap: 0.5rem;
+    }
-        }
+    .social-links li a {
-        .social-links li a {
+        color: rgba(33, 37, 41, 0.75);
-            color: rgba(33, 37, 41, 0.75);
+        text-decoration: none;
-            text-decoration: none;
+        display: inline-block;
-            display: inline-block;
+    }
-        }
+    .media {
-        .media {
+        display: flex;
-            display: flex;
+        gap: 1.25rem;
-            gap: 1.25rem;
+        align-items: center;
-            align-items: center;
+        padding: 1.25rem;
-            padding: 1.25rem;
+    }
-        }
+    .media-body p {
-        .media-body p {
+        margin: 0;
-            margin: 0;
+    }
-        }
+    .contact {
-        .contact {
+        padding: 1.5rem;
-            padding: 1.5rem;
+        background: #f0f5f9;
-            background: #f0f5f9;
+    }
-        }
+    .hide {
-        .hide {
+        display: none !important;
-            display: none !important;
+    }
-        }
  </style>
  <script>
    var questions = {
         "1": {
             "question": "Wildtier gefunden",
-            "explanation": "<b>WiTAS-Anlaufstellen und Informationen</b><br><br>Für Felltiere, Vögel und Igel gibt es verschiedene Ansprechpartner.<br>Falls Sie einen verletzten Vogel gefunden haben, folgen Sie bitte der Anleitung „Vogel“.",
+            "explanation": "<b>WiTAS-Anlaufstellen und Informationen</b><br><br>Für Felltiere, Vögel und Igel gibt es verschiedene Ansprechpartner. Falls Sie zum Beispiel einen verletzten Vogel gefunden haben, folgen Sie bitte der Anleitung „Vogel“.",
-            "description": "<br><br><b>Grundsätzliches</b><br><br>Wenn Sie ein Wildtier finden, gilt es zunächst, Ruhe zu bewahren. Nicht jedes Wildtier benötigt tatsächlich unsere Hilfe – oft kommen die Tiere sehr gut ohne unser Eingreifen zurecht.<br><br><b>Beobachten aus sicherer Distanz</b><br><br>Bei allen Wildtieren sollte man zunächst Abstand halten, um sich selbst zu schützen und den Tieren unnötigen Stress zu ersparen. Und Jungtiere werden nicht von den Eltern versorgt, wenn Menschen in unmittelbarer Nähe sind.<br><br><b>Wildtier in Not einfangen</b><br><br>Oft kann ein Handtuch oder eine Decke beim Einfangen helfen, sich selbst und das Tier vor unnötigen Verletzungen zu schützen.<br><br><b>Transport</b><br><br><ul><li>Eine möglichst kleine Box minimiert das Verletzungsrisiko für das Tier. <li>Luftlöcher und eine Polsterung z.B. aus Lappen oder Küchenpapier</li><li>Keine Nahrung anbieten oder gar einflößen.</li><li>Für eine angemessene Temperatur sorgen: genügend Wärme im Winter, Kühle bei heißem Wetter.</li></ul><b>Die WiTAS</b><br><br><ul><li>kümmert sich um alle einheimischen Wildtiere</li><li>Ist nicht zuständig für Stadttauben, Heimtiere wie Hauskaninchen oder Hamster und Exoten.</li></ul>",
+            "description": "<b>Grundsätzliches</b><br><br>Wenn Sie ein Wildtier finden, gilt es zunächst, Ruhe zu bewahren. Nicht jedes Wildtier benötigt tatsächlich unsere Hilfe – oft kommen die Tiere sehr gut ohne unser Eingreifen zurecht.<br><br><b>Beobachten aus sicherer Distanz</b><br><br>Bei allen Wildtieren sollte man zunächst Abstand halten, um sich selbst zu schützen und den Tieren unnötigen Stress zu ersparen. Und Jungtiere werden nicht von den Eltern versorgt, wenn Menschen in unmittelbarer Nähe sind.<br><br><b>Wildtier in Not einfangen</b><br><br>Oft kann ein Handtuch oder eine Decke beim Einfangen helfen, sich selbst und das Tier vor unnötigen Verletzungen zu schützen.<br><br><b>Transport</b><br><br><ul><li>Eine möglichst kleine Box minimiert das Verletzungsrisiko für das Tier. <li>Luftlöcher und eine Polsterung z.B. aus Lappen oder Küchenpapier</li><li>Keine Nahrung anbieten oder gar einflößen.</li><li>Für eine angemessene Temperatur sorgen: genügend Wärme im Winter, Kühle bei heißem Wetter.</li></ul><b>Die WiTAS</b><br><br><ul><li>kümmert sich um einheimische Wildtiere</li><li>Ist nicht zuständig für Stadttauben, Heimtiere wie Hauskaninchen oder Hamster und Exoten.</li></ul>",
             "options": {
                 "1": {
                     "title": "Fell",
@@ -416,10 +422,10 @@
                 },
             },
             "nextQuestions": {
-                "1": "https://www.witas-ka.de/unsere-sch%C3%BCtzlinge/wildtier-gefunden/eichh%C3%B6rnchen/",
+                "1": "link+https://www.witas-ka.de/unsere-sch%C3%BCtzlinge/wildtier-gefunden/eichh%C3%B6rnchen/",
-                "2": "https://www.witas-ka.de/unsere-sch%C3%BCtzlinge/wildtier-gefunden/igel/",
+                "2": "link+https://www.witas-ka.de/unsere-sch%C3%BCtzlinge/wildtier-gefunden/igel/",
                 "3": "2",
-                "4": "https://www.witas-ka.de/unsere-sch%C3%BCtzlinge/wildtier-gefunden/fledermaus/"
+                "4": "30",
             }
         },
        "2": {
@@ -473,8 +479,8 @@
            }
        },
        "4": {
-           "question": "Unverletzter Kleinvogel",
+           "question": "Unverletzter Vogel",
-           "explanation": "Handelt es sich um einen ausgewachsenen Vogel oder ein Jungtier/Küken?",
+           "explanation": "Handelt es sich um einen ausgewachsenen Vogel oder ein Jungtier / Küken?",
            "options": {
                "1": {
                 "title": "Ausgewachsen",
@@ -518,7 +524,7 @@
        },
        "7": {
            "question": "Ausgewachsener, unverletzter Kleinvogel",
-           "explanation": "Legen Sie den Vogel behutsam in einen mit Luftlöchern versehenen Papkarton, der mit Küchenpapier oder ähnlichen ausgepolstert ist. Schließen Sie den Decke, die Dunkelheit wirkt beruhigend auf den Vogel. <br><br><u>Wichtig</u>: Dem Vogel keine Nahrung oder Wasser einflößen. Das kann zum Ersticken führen. Geöffneter Schnabel und schnelles Atem sind ein Zeichen für Stress, nicht für Durst. <br><br>Halten Sie Katzen fern und stellen Sie Wasser bereit. <font color='red'><b>(?)</b></font><br><br>Bei keiner eintretenden Verbesserung, kann die Entscheidung schwierig sein. Im Zweifel am besten beim Tierarzt anrufen; wenn das nicht geht, die Hotline von WiTAS nutzen.<br><br>Sofern es sich um einen Fensterflieger handelt, finden Sie <a target=new href=''>hier</a> <font color='red'><b>(INFO: Dieser Link muss auf eine WiTAS Seite verlinken mit Infos zu Fensterfliegern)</b></font> weitere Informationen.",
+           "explanation": "Legen Sie den Vogel behutsam in einen mit Luftlöchern versehenen Papkarton, der mit Küchenpapier oder ähnlichen ausgepolstert ist. Schließen Sie den Decke, die Dunkelheit wirkt beruhigend auf den Vogel. <br><br><u>Wichtig</u>: Dem Vogel keine Nahrung oder Wasser einflößen. Das kann zum Ersticken führen. Geöffneter Schnabel und schnelles Atem sind ein Zeichen für Stress, nicht für Durst.<br><br>Bei keiner eintretenden Verbesserung, kann die Entscheidung schwierig sein. Im Zweifel am besten beim Tierarzt anrufen; wenn das nicht geht, die Hotline von WiTAS nutzen.<br><br>Sofern es sich um einen Vogel, der gegen eine Fensterscheibe geflogen ist (Fensterflieger) handelt, finden Sie <a target=new href='https://www.witas-ka.de/app/download/7711366364/Wi005_Vogelschlag.pdf?t=1715948541'>hier</a> weitere Informationen.",
            "options": {
                "1": { "title": "Weiterhin schlechter Zustand" },
                "2": { "title": "Besserer Zustand" }
@@ -534,9 +540,10 @@
            "contacts": {
                 "1": {
                     "name": "WiTAS Kontakt",
-                    "mail": "test@test.de",
+                    "mail": "vogelfund@witas-ka.de",
                 },
             },
+            "isComplete": true,
         },
         "9": {
            "question": "Junger, unverletzter Kleinvogel",
@@ -570,7 +577,7 @@
                }
            },
            "nextQuestions": {
-               "1": "http://stadttaubenkonzept-karlsruhe.de",
+               "1": "linknew+http://stadttaubenkonzept-karlsruhe.de",
                "2": "17"
            }
         },
@@ -579,44 +586,40 @@
            "explanation": "Z.B. Falke oder Habicht. Deutlich nach unten gebogener Schnabel.",
            "contacts": {
                 "1": {
-                        "name": "Falknerei Mans",
+                        "name": "Falknerei Karlsruhe",
-                        "title": "???",
+                        "tel": "0163 5845626",
-                        "tel": "+49 (0)7251 4743",
+                        "mail": "info@falknerei-karlsruhe.de",
-                        "mail": "???",
+                        "web": "https://www.falknerei-karlsruhe.de",
-                        "web": "???",
+                        "address": "Rintheimer Hauptstraße 79, 76131 Karlsruhe",
-                        "address": "Am Storrenacker 1b, 76139 Karlsruhe",
                 },            
-           }
+           },
+           "isComplete": true,
        },
        "12": {
            "question": "Gänse, Raben-, Wasser- oder Schreitvögel",
            "explanation": "Bitte nehmen Sie in diesem Fall umgehend Kontakt mit dem Veterinäramt bzw. Wildtierbeauftragten auf:",
            "contacts": {
                 "1": {
-                    "name": "Veterinäramt",
+                    "name": "Veterinäramt Karlsruhe",
-                    "title": "?",
+                    "tel": "0721 1337101",
-                    "tel": "?",
+                    "address": "Helmhotzstraße 9/11, 76133 Karlsruhe",
-                    "mail": "?",
-                    "web": "?",
-                    "address": "?",
                 },
                 "2": {
-                    "name": "Wildtierbeauftragten",
+                    "name": "Wildtierbeauftragte Karlsruhe",
-                    "title": "?",
+                    "address": "Forstamt Karlsruhe, Waldzentrum, Linkenheimer Allee 10, 76131 Karlsruhe",
-                    "tel": "?",
-                    "mail": "?",
-                    "web": "?",
-                    "address": "?",
                 },
             },
+            "isComplete": true,
         },
         "13": {
            "question": "Fell",
            "explanation": "Wenn Sie ein Tier finden, ist es zuerst wichtig zu entscheiden, ob dieses Tier von WiTAS versorgt werden könnte. Noch besser wäre es, wenn Sie das Tier selbst versorgen könnten. Dafür haben wir diese <a href='#'>Handlungsanweisung</a> erstellt.",
+           "isComplete": true,
         },
         "14": {
            "question": "Igel",
            "explanation": "Wenn Sie ein Tier finden, ist es zuerst wichtig zu entscheiden, ob dieses Tier von WiTAS versorgt werden könnte. Noch besser wäre es, wenn Sie das Tier selbst versorgen könnten. Dafür haben wir diese <a href='#'>Handlungsanweisung</a> erstellt.",
+           "isComplete": true,
         },
         "15": {
            "question": "WiTAS Kontakt",
@@ -624,9 +627,10 @@
            "contacts": {
                 "1": {
                     "name": "WiTAS Kontakt",
-                    "mail": "test@test.de",
+                    "mail": "vogelfund@witas-ka.de",
                 },
             },
+            "isComplete": true,
         },
         "16": {
            "question": "Verletzte Wildtaube / Kleinvogel",
@@ -637,18 +641,20 @@
                     "title": "Vogel- und Reptilienpraxis",
                     "tel": "+49 (0)721 6184280",
                     "mail": "info@vogel-und-reptilien-tierarzt.de",
-                    "web": "vogel-und-reptilien-tierarzt.de",
+                    "web": "www.vogel-und-reptilien-tierarzt.de",
                     "address": "Am Storrenacker 1b, 76139 Karlsruhe",
                 },
                 "2": {
                     "name": "Frau Dr. Ruth Kothe",
-                    "title": "Vogel- und Reptilienpraxis",
+                    "title": "Tierärztliche Praxis für Kleintiere und Vögel",
-                    "tel": "+49 (0)721 6184280",
+                    "tel": "07249 955 5851",
-                    "mail": "info@vogel-und-reptilien-tierarzt.de",
+                    "mail": "info@tierarzt-stutensee.de",
-                    "web": "vogel-und-reptilien-tierarzt.de",
+                    "web": "tierarzt-stutensee.de",
-                    "address": "Am Storrenacker 1b, 76139 Karlsruhe",
+                    "address": "Friedrich-Weinbrenner-Str. 1, 76297 Stutensee-Friedrichstal",
                 },
             },
+            "description": "Verletzte Vögel müssen nach der tierärztlichen Behandlung unter Umständen gesund gepflegt bzw. bis zur Auswilderung versorgt werden. Die Kosten für den Tierarzt und Sachmittel übernimmt ggf. WiTAS. Allerdings sind Spenden sehr willkommen. Bitte hierzu eine Info an <a href='mailto:vogelfund@witas-ka.de'>vogelfund@witas-ka.de</a>.",
+            "isComplete": true,
         },
         "17": {
            "question": "Wildtaube",
@@ -659,7 +665,7 @@
            },
          "nextQuestions": {
                "1": "16",
-               "2": "NEUES KONTAKTFORMULAR"
+               "2": "4"
            }
        },
         "20": {
@@ -690,15 +696,29 @@
            "nextQuestions": {
                "1": "22",
                "2": "15",
-           }
+           },
+           "description": "Weitere Informationen dazu finden Sie <a href='FIXME'>hier</a>.",
        },
        "22": {
            "question": "Junger, unverletzter Kleinvogel",
            "explanation": "Setzen Sie den Jungvogel wieder zurück in das Nest.",
+           "isComplete": true,
        },
        "23": {
            "question": "Junger, unverletzter Kleinvogel",
            "explanation": "Sie können den Vogel soweit in Ruhe lassen.",
+           "isComplete": true,
+       },
+       "30": {
+           "question": "Fledermaus",
+           "explanation": "Bitte wenden Sie sich an folgenden Kontakt.",
+           "contacts": {
+                "1": {
+                        "name": "Fledermaus Nottelefon",
+                        "tel": "0179 4972 995",
+                },            
+           },
+           "isComplete": true,
        },
     };
 
@@ -764,7 +784,7 @@
         });
         var lastProgressSteps = document.querySelectorAll('.progress-tracker li:nth-child(3)');
         lastProgressSteps.forEach(function(lastProgressStep) {
-            if ([10, 11, 12, 13, 14, 15, 22, 23].includes(currentQuestionId)) {
+            if ([10, 11, 12, 13, 14, 15, 22, 23, 30].includes(currentQuestionId)) {
                 lastProgressStep.classList.add('is-complete');
             } else {
                 lastProgressStep.classList.remove('is-complete');
@@ -817,11 +837,13 @@
                 };
 
                 button.addEventListener('click', function() {
-                    if ("http" === this.value.substring(0,4)) {
+                    if ("linknew+" === this.value.substring(0,8)) {
-                        window.open(this.value,'_blank');
+                        window.open(this.value.substring(8),'_blank');
+                        return 0;
                     };
-                    if ("https" === this.value.substring(0,5)) {
+                    if ("link+" === this.value.substring(0,5)) {
-                        window.location = this.value;
+                        window.location = this.value.substring(5);
+                        return 0;
                     };
                     previousQuestionId = currentQuestionId;
                     currentQuestionId = this.value;
@@ -839,9 +861,12 @@
 
             questionContainer.appendChild(buttonContainer);
 
-            // if ("description" in question) {
+            if ("description" in question) {
-            //     questionContainer.innerHTML += '<div>' + question.description + '</div>';
+                var descriptionDiv = document.createElement('div');
-            // };
+                descriptionDiv.classList.add('descriptionContainer');
+                descriptionDiv.innerHTML = question.description;
+                questionContainer.appendChild(descriptionDiv);
+            };
 
             feather.replace();