From 0a5fa79668999bc80d10fb6d9771a689f387b4d7 Mon Sep 17 00:00:00 2001
From: Verena Schulz <verena.schulz@th-bingen.de>
Date: Wed, 7 Jan 2026 17:34:14 +0100
Subject: [PATCH] Added comments and to do

---
 electron/main/index.html | 26 ++++++++++++++++++++------
 electron/main/style.css  |  2 +-
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/electron/main/index.html b/electron/main/index.html
index ad6aee3..f2ab130 100644
--- a/electron/main/index.html
+++ b/electron/main/index.html
@@ -26,6 +26,11 @@
   </section>
 
   <h1 id="h1">Video to document</h1>
+
+<div class="gui-language">
+<!-- to do: Ausprobieren mit li, a oder button, im Notfall ohne Flaggen Icons, kein hover-->
+</div>
+
 </div>
 
 <div class="step-nav">
@@ -40,10 +45,12 @@
 <div id="middleContainerWrapper" class="middle-container-wrapper">
   <button id="prevBtn" class="navBtn" disabled>&larr;</button>
 
+<!-- Visible middle part-->
   <div class="mitte" id="mitte">
 
+   <!-- Here starts code from step 1--> 
     <div class="step" id="step1">
-      <h2 id="h2">Upload your video here:</h2>
+      <h2 class="h2">Upload your video here:</h2>
       <div class="upload-container" id="uploadContainer">
         <p id="p1">Drag and drop video file</p>
         <video id="previewThumbnail" autoplay="false">
@@ -57,8 +64,9 @@
       </div>
     </div>
 
+   <!-- Here starts code from step 2--> 
     <div class="step" id="step2" style="display:none;">
-      <h2 id="h2">Choose your preferences:</h2>
+      <h2 class="h2">Choose your preferences:</h2>
       <div class="KI-wrapper">
        <label id="labelKI">Select ki:</label>
         <select name="ai_type" id="ai_type"></select>
@@ -86,9 +94,12 @@
       </div> 
     </div>
 
+   <!-- Here starts code from step 3--> 
+   
+   <!-- Hover Effekt für Dokumentenvorschau, Fragezeichen hinter Text, drüber hoven zeigt Beispieldokument -->
     <div class="step" id="step3" style="display:none;">
       <div class="checkbox-group">
-        <h2 id="h2">Choose prefered document style:</h2>
+        <h2 class="h2">Choose prefered document style:</h2>
         <div class="checkbox-container">
           <input type="checkbox" name ="docFormat" id="docFormat" value="followup-report">
           <label id="label_format" for="docFormat">Follow-up Report</label>
@@ -114,8 +125,9 @@
       </div>
     </div>
 
+   <!-- Here starts code from step 4--> 
     <div class="step" id="step4" style="display:none;">
-      <h2 id="h2">Klick to submit:</h2>
+      <h2 class="h2">Klick to submit:</h2>
       <button class="submit-btn" id="submitButton" onclick="checkBoxes()" disabled>Submit</button>
 
       <div class="testy" id="testy">
@@ -133,8 +145,9 @@
       </div>
     </div>
 
+   <!-- Here starts code from step 5--> 
     <div class="step" id="step5" style="display:none;">
-      <h2 id="h2">Change names of the speakers:</h2>
+      <h2 class="h2">Change names of the speakers:</h2>
       <div class="speakerView" id="speakerView">
        <label id="labelSpeaker">Select Speaker:</label>
        <select name="cur_speaker" id="cur_speaker">
@@ -156,8 +169,9 @@
         </div>
     </div>
 
+   <!-- Here starts code from step 6--> 
     <div class="step" id="step6" style="display:none;">
-      <h2 id="h2">Klick to download your document:</h2>
+      <h2 class="h2">Klick to download your document:</h2>
       <button class="download-btn" id="downloadButton" onclick="fileDownload()">Download</button>
     </div>
   </div>
diff --git a/electron/main/style.css b/electron/main/style.css
index 17210d8..4f30c2d 100644
--- a/electron/main/style.css
+++ b/electron/main/style.css
@@ -509,7 +509,7 @@ li {
   font-size: 14px;
 }
 
-#h2 {
+.h2 {
   font-size: 25px;
 }