Merge pull request 'Umbau Partner-Logos' (#197) from cantortechnik/gcg-website:master into master

Reviewed-on: https://git.cantorgymnasium.de/gcg/gcg-website/pulls/197

data/de/homepage.yml

@@ -1,10 +1,6 @@
 top_banner:
   enable: true
-  text: "Um zur Aufnahmeprüfung zugelassen werden zu können, müssen das
-    Aufnahmeformular, eine Kopie des Halbjahreszeugnisses und die
-    Schullaufbahnempfehlung bis spätestens Mittwoch, den 8. Februar 2023,
-    eingereicht werden. <br><br>Wir laden zum literarisch-musikalischen Abend am
-    Mittwoch, den 22.02.2023 ab 17 Uhr! "
+  text: "Um zur Aufnahmeprüfung zugelassen werden zu können, müssen das Aufnahmeformular, eine Kopie des Halbjahreszeugnisses und die Schullaufbahnempfehlung bis spätestens Mittwoch, den 8. Februar 2023, eingereicht werden. <br><br>Wir laden zum literarisch-musikalischen Abend am Mittwoch, den 22.02.2023 ab 17 Uhr!"
   color: "#1b57b1"
   font_color: "#ffffff"
   icon: fa-solid fa-circle-info
@@ -89,6 +85,19 @@ slider:
         label: Mehr erfahren
 header_logos:
   enable: true
+  logos:
+    - title: Gefördert durch den "DigitalPakt Schule"
+      link: https://www.halle.de/de/Verwaltung/Bildung/DigitalPakt-Schule/
+      image: media/logos/digitalpakt.webp
+    - title: Projektschule LemaS
+      link: https://www.leistung-macht-schule.de/
+      image: media/logos/lemas.webp
+    - title: Mitglied im Netzwerk MINT-EC
+      link: https://mint-ec.de
+      image: media/logos/mintec.webp
+    - title: Mitglied im Netzwerk "Schule ohne Rassismus - Schule mit Courage"
+      link: https://www.schule-ohne-rassismus.org/
+      image: media/logos/sor.svg
 about:
   enable: true
   title: Herzlich willkommen auf der Homepage des Georg-Cantor-Gymnasiums!
@@ -198,3 +207,37 @@ digitalpakt:
     Dem Georg-Cantor-Gymnasium werden für die Umsetzung des Aufbaus oder Verbesserung der passiven und aktiven Infrastrukturkomponenten finanzielle Mittel durch die Bundesregierung zur Verfügung gestellt. Es handelt sich hierbei um eine Anteilsfinanzierung. Weitere benötigte finanzielle Mittel stellt die Stadt Halle (Saale) zur Verfügung.
 footer_logos:
   enable: true
+  logos:
+    - title: Gütesiegel "Begabungsfördernde Schule"
+      link: https://lisa.sachsen-anhalt.de/unterricht/projekte-und-paedagogische-entwicklungsvorhaben/begabungsfoerderung/netzwerk-begabungsfoerdernde-schulen-in-sachsen-anhalt/
+      image: media/logos/bfs.webp
+    - title: Partnerschule des Deutschen Nationalitätengymnasiums Budapest
+      link: http://www.dng-bp.hu/
+      image: media/logos/dng.webp
+    - title: Teilnehmer am Projekt "Erasmus+"
+      link: https://www.erasmusplus.de/
+      image: media/logos/erasmusplus.webp
+    - title: Mitglied im Netzwerk "Hallianz für Vielfalt"
+      link: https://www.hallianz-fuer-vielfalt.de/
+      image: media/logos/hallianz.webp
+    - title: Kooperationsschule der Hochschule Merseburg
+      link: https://www.hs-merseburg.de/studium/vor-dem-studium/angebote-fuer-studieninteressierte
+      image: media/logos/home.webp
+    - title: Kooperationsschule der Hochschule Anhalt
+      link: https://www.hs-anhalt.de/nc/studieren/orientierung/schulcampus/schulkooperationen.html
+      image: media/logos/hsa.svg
+    - title: Projektschule LemaS
+      link: https://www.leistung-macht-schule.de
+      image: media/logos/lemas.webp
+    - title: Mitglied im Netzwerk MINT-EC
+      link: https://mint-ec.de
+      image: media/logos/mintec.webp
+    - title: Primegymnasium der Martin-Luther-Universit Halle-Wittenberg
+      link: https://www.marketing.uni-halle.de/schulbuero/prime-gymnasien/
+      image: media/logos/prime.webp
+    - title: Mitglied im Netzwerk "Schule ohne Rassismus - Schule mit Courage"
+      link: https://www.schule-ohne-rassismus.org/
+      image: media/logos/sor.svg
+    - title: Gefördert durch die Deutsche Telekom Stiftung
+      link: https://www.telekom-stiftung.de/aktivitaeten/junior-ingenieur-akademie
+      image: media/logos/telekom.svg

layouts/index.html

@@ -57,16 +57,11 @@
 <section class="bg-white">
   <div class="container">
     <div class="row align-items-center">
-		{{- $files := readDir "/static/media/logos/start" }}
-		{{- range $files -}}
-			{{- $isimg := lower .Name | findRE "\\.(gif|jpg|jpeg|tiff|png|bmp|webp|avif|jxl|svg)" }}<!-- is the current file an image? -->
-			{{- if $isimg }}
-				{{- $linkURL := print "/media/logos/start" "/" .Name | absURL }}<!-- relative URL -->
+      {{ range .logos }}
         <div class="col-md-3 col-6 order-1 order-md-2 mt-4">
-          <img class="img-fluid w-100" src="{{ $linkURL }}">
+          <a href="{{ .link }}" target="_blank" title="{{ .title }}"><img class="img-fluid w-100" src="{{ .image }}"></a>
         </div>
-			{{- end }}
-		{{- end }}
+		  {{ end }}
     </div>
   </div>
 </section>
@@ -282,16 +277,11 @@
 <section class="bg-footer">
   <div class="container">
     <div class="row align-items-center">
-		{{- $files := readDir "/static/media/logos" }}
-		{{- range $files -}}
-			{{- $isimg := lower .Name | findRE "\\.(gif|jpg|jpeg|tiff|png|bmp|webp|avif|jxl|svg)" }}<!-- is the current file an image? -->
-			{{- if $isimg }}
-				{{- $linkURL := print "/media/logos" "/" .Name | absURL }}<!-- relative URL -->
+		{{ range .logos }}
         <div class="col-md-2 col-4 order-1 order-md-2 mb-4">
-          <img class="img-fluid w-100" src="{{ $linkURL }}">
+          <a href="{{ .link }}" target="_blank" title="{{ .title }}"><img class="img-fluid w-100" src="{{ .image }}"></a>
         </div>
-			{{- end }}
-		{{- end }}
+		{{ end }}
     </div>
   </div>
 </section>

static/admin/config.yml

@@ -92,12 +92,20 @@ collections:
                       - {label: "Aktivieren", name: "enable", widget: "boolean", required: false}
                       - {label: "Bezeichnung", name: "label", widget: "string", required: false}
                       - {label: "Link", name: "link", widget: "string", required: false}
-          - label: "Logo-Banner (oben)"
+          - label: "Partnerlogos (oben)"
             name: "header_logos"
             widget: "object"
             collapsed: true
             fields:
               - {label: "Aktivieren", name: "enable", widget: "boolean", required: false}
+              - label: "Logos"
+                name: "logos"
+                widget: "list"
+                required: false
+                fields:
+                  - {label: "Titel", name: "title", widget: "string", required: false}
+                  - {label: "Link", name: "link", widget: "string", required: false}
+                  - {label: "Grafik", name: "image", widget: "image", required: true, media_folder: "/static/media/logos", public_folder: "/media/logos"}
           - label: "\"Über\"-Seite"
             name: "about"
             widget: "object"
@@ -183,12 +191,20 @@ collections:
               - {label: "Titel", name: "title", widget: "string", required: false}
               - {label: "Bild", name: "image", widget: "image", required: false, media_library: { config: { max_file_size: 2048000 } } }
               - {label: "Inhalt", name: "content", widget: "markdown", required: false}
-          - label: "Logo-Banner (unten)"
+          - label: "Partnerlogos (unten)"
             name: "footer_logos"
             widget: "object"
             collapsed: true
             fields:
               - {label: "Aktivieren", name: "enable", widget: "boolean", required: false}
+              - label: "Logos"
+                name: "logos"
+                widget: "list"
+                required: false
+                fields:
+                  - {label: "Titel", name: "title", widget: "string", required: false}
+                  - {label: "Link", name: "link", widget: "string", required: false}
+                  - {label: "Grafik", name: "image", widget: "image", required: true, media_folder: "/static/media/logos", public_folder: "/media/logos"}
       - name: "hugo-config"
         label: "Website-Konfiguration"
         file: "config.yml"