added git setup method

Author: haddadanas

dist/assets/locales/de_guide.json

@@ -39,6 +39,7 @@
     "download": "Eventanzeige herunterladen",
     "download1": "Laden Sie eine Version der Eventanzeige aus dem offiziellen Repository (Link dazu oben) herunter. Die Version ist eine .zip-Datei, die alle notwendigen Dateien enthält und sofort gehostet werden kann.",
     "download2": "Entpacken Sie den Inhalt der .zip-Datei. Für die meisten aktuellen Betriebssysteme kann dies durch einen Rechtsklick auf die Datei und die Auswahl von 'Alle extrahieren...' durchgeführt werden.",
+    "git": "Alternativ können Sie die Dateien auch mit git klonen, wenn Sie mit Versionskontrollsystemen vertraut sind. Öffnen Sie ein Terminal und führen Sie den folgenden Befehl aus:",
     "setup": "Einrichten eines lokalen Servers",
     "setup1": "Öffnen Sie ein Terminal (Eingabeaufforderung, PowerShell oder Terminal) und folgen Sie folgende Befehle:",
     "access": "Zugriff auf die Eventanzeige",

dist/assets/locales/en_guide.json

@@ -37,8 +37,9 @@
     "prerequisites3": "Download and install either Python or Node.js, if not already installed. Follow the official installation instructions for the installation.",
     "prerequisites4": "For most UNIX based systems (Linux, macOS), Python is usually pre-installed. For Windows, it is possible to install a python version from the Microsoft Store.",
     "download": "Download Event Display",
-    "download5": "Download a release of the event display from the official repository (link above). The release is a .zip file containing all necessary files and can be hosted out of the box.",
-    "download6": "Extract the contents of the .zip file. For most recent operating systems, this can be done by right-clicking the file and selecting 'Extract All...'.",
+    "download1": "Download a release of the event display from the official repository (link above). The release is a .zip file containing all necessary files and can be hosted out of the box.",
+    "download2": "Extract the contents of the .zip file. For most recent operating systems, this can be done by right-clicking the file and selecting 'Extract All...'.",
+    "git": "Alternatively, if you are familiar with version control systems, you can also clone the files using git. Open a terminal and run the following command:",
     "setup": "Setting up a Local Server",
     "setup1": "Open a terminal (Command Prompt, PowerShell, or Terminal) and follow these commands:",
     "access": "Accessing the Event Display",

index.html

@@ -93,7 +93,7 @@ <h1 class="text-info">Masterclasses @ Hamburg</h1>
           <h2 data-i18n="about.title"></h2>
           <p data-i18n="about.description"></p>
           <p><span data-i18n="about.github"></span><a class="btn btn-primary" role="button" href="https://github.com/haddadanas/Masterclass_UHH" target="_blank" rel="noopener noreferrer"><i class="fab fa-github"></i>&nbsp;Masterclass_UHH @ stable</a></p>
-          <p><span data-i18n="about.sponsors"></span><br><a href="https://www.uni-hamburg.de/" target="_blank" rel="noopener noreferrer"><img src="assets/img/up-uhh-logo-u-2010-u-png.png" loading="lazy" alt="UHH Logo" height="70px" id="uhh-light" title="Universität Hamburg" data-bs-toggle="tooltip"><img src="assets/img/uhh-logo-2010-farbnegativ-rgb.png" loading="lazy" alt="UHH Logo" height="70px"  id="uhh-dark" title="Universität Hamburg" data-bs-toggle="tooltip"></a><a href="https://www.desy.de/" target="_blank" rel="noopener noreferrer"><img src="https://pr.desy.de/common/desy_logo_3c_web.svg" loading="lazy" title="Deutsches Elektronen-Synchrotron, Standort Hamburg" alt="DESY Logo" height="70" data-bs-toggle="tooltip"></a><br><span class="img-remark">Logos: (<span data-i18n="about.left"></span>) &copy; UHH (<span data-i18n="about.right"></span>) &copy; DESY</span></p>
+          <p><span data-i18n="about.sponsors"></span><br><a href="https://www.uni-hamburg.de/" target="_blank" rel="noopener noreferrer"><img src="assets/img/up-uhh-logo-u-2010-u-png.png" loading="lazy" alt="UHH Logo" height="70px" id="uhh-light" title="Universität Hamburg" data-bs-toggle="tooltip"><img src="assets/img/uhh-logo-2010-farbnegativ-rgb.png" loading="lazy" alt="UHH Logo" height="70px" id="uhh-dark" title="Universität Hamburg" data-bs-toggle="tooltip"></a><a href="https://www.desy.de/" target="_blank" rel="noopener noreferrer"><img src="https://pr.desy.de/common/desy_logo_3c_web.svg" loading="lazy" title="Deutsches Elektronen-Synchrotron, Standort Hamburg" alt="DESY Logo" height="70" data-bs-toggle="tooltip"></a><br><span class="img-remark">Logos: (<span data-i18n="about.left"></span>) &copy; UHH (<span data-i18n="about.right"></span>) &copy; DESY</span></p>
 
         </div>
         <hr class="my-4">
@@ -114,7 +114,7 @@ <h4 class="card-title" data-i18n="about.studyTitle"></h4>
             </div>
           </div>
           <div class="col-md-6 col-lg-4">
-            <div class="card"><img class="card-img-top w-100 d-block"  alt="Elb-Akademie" src="https://www.desy.de/sites2009/site_www-desy/content/e184219/Webheader_Karriere_665x342_ger.jpg" loading="lazy" style="background: var(--bs-light);">
+            <div class="card"><img class="card-img-top w-100 d-block" alt="Elb-Akademie" src="https://www.desy.de/sites2009/site_www-desy/content/e184219/Webheader_Karriere_665x342_ger.jpg" loading="lazy" style="background: var(--bs-light);">
               <span class="img-remark"><span data-i18n="about.photo"></span>: &copy; DESY</span>
               <div class="card-body">
                 <h4 class="card-title">ELB-Akademie</h4>
@@ -253,6 +253,15 @@ <h3 data-i18n="teacher.prerequisites"></h3>
           <h3 data-i18n="teacher.download"></h3>
           <p data-i18n="teacher.download1"></p>
           <p data-i18n="teacher.download2"></p>
+          <p data-i18n="teacher.git"></p>
+          <div class="terminal" role="region" aria-label="Terminal example">
+            <div class="terminal-header" aria-hidden="true">
+              <span class="dot red"></span><span class="dot yellow"></span><span class="dot green"></span>
+            </div>
+            <pre>
+              <code class="language-bash">$ git clone -b gh_pages --single-branch https://github.com/haddadanas/Masterclass_UHH.git</code>
+            </pre>
+          </div>
           <h3 data-i18n="teacher.setup"></h3>
           <p data-i18n="teacher.setup1"></p>
           <h4 data-i18n="teacher.setupPy"></h4>