JIA-Kachel Info

assets/js/script.js

@@ -71,8 +71,7 @@
       const shuffleInstance = new Shuffle($('.filter-container'), {
         itemSelector: '.filter-item',
         sizer: '.filter-sizer',
-        delimiter: ',',
-        isCentered: true
+        delimiter: ','
       });
       $('.filter-controls li').on('click', function() {
         $('.filter-controls li').removeClass('active');

config.yml

@@ -1,5 +1,6 @@
 baseURL: https://cantorgymnasium.de/
 title: Georg-Cantor-Gymnasium
+paginate: 8
 summaryLength: "10"
 defaultContentLanguage: de
 enableEmoji: true

content/chronikseiten/abiturdurchschnitte.md

@@ -182,21 +182,31 @@ aliases:
             right: 10,
             precision: 1,
             pieces: [
+              {
+                gt: 0.9,
+                lte: 1.0,
+                color: "#005da9",
+              },
               {
                 gt: 1.0,
                 lte: 1.5,
-                color: "#06511c",
+                color: "#0b9834"
               },
               {
                 gt: 1.5,
                 lte: 2.0,
-                color: "#0b9834"
+                color: "#93CE07"
               },
               {
                 gt: 2.0,
                 lte: 2.5,
-                color: "#10df4c"
-              }
+                color: "#FBDB0F"
+              },
+              /*{
+                gt: 2.0,
+                lte: 2.5,
+                color: "#FC7D02"
+              },*/
             ],
             outOfRange: {
               color: "#999"
@@ -215,19 +225,16 @@ aliases:
               },
               data: [
                 {
-                  yAxis: 1.25
+                  yAxis: 1.4
                 },
                 {
-                  yAxis: 1.5
-                },
-                {
-                  yAxis: 1.75
+                  yAxis: 1.7
                 },
                 {
                   yAxis: 2.0
                 },
                 {
-                  yAxis: 2.25
+                  yAxis: 2.3
                 }
               ]
             }

content/fb-mint/mathematik.md

@@ -1,7 +1,7 @@
 ---
 title: Mathematik
 draft: false
-description: Für alle Fragen rund um das Fach Mathematik können Sie sich an mathematik@cantor-gymnasium.de wenden.
+description: Für alle Fragen rund um das Fach Mathematik können Sie sich an mathematik@cantor-gymnasium.de wenden
 image: /media/image.webp
 type: fachbereich
 tiles:
@@ -11,71 +11,13 @@ tiles:
       icon: script-text-outline
       font_color: white
       content: |
-        Der Unterricht im Fach Mathematik vermittelt alle Inhalte und Kompetenzen, die der Lehrplan des Landes Sachsen-Anhalt vorgibt. Aufgrund es inhaltlichen Schwerpunktes der Schule, werden die Themen jedoch auf einem deutlich höheren Niveau und tiefgründiger unterrichtet als an anderen Schulen. In allen Jahrgängen gibt es ergänzende oder weiterführende Inhalte, die im schulinternen Curriculum festgeschrieben sind.  
-          
-        Der Übersicht ist die Stundenverteilung in den Jahrgängen zu entnehmen:
-
-        - 5./6. Kl.: 5 Wochenstunden
-        - 7./8. Kl.: 4 Wochenstunden
-        - 9\. Kl.: 4 Wochenstunden (um 1 Stunde erhöht)
-        - 10\. Kl.: 5 Wochenstunden (um 1 Stunde erhöht)
-        - 11./12. Kl.: 5 Wochenstunden
-
-        Die Wochenstunden in den Klassenstufen 9 und 10 sind im Vergleich zu anderen Gymnasien um eine Stunde erhöht, um den Inhalten des Lehrplans voll gerecht werden zu können und auf die Oberstufe optimal vorzubereiten.  
-          
-        Entsprechend des inhaltlichen Schwerpunktes unseres Gymnasiums und des Anliegens, die allgemeine Studierfähigkeit zu fördern, belegen alle Schülerinnen und Schüler in der Oberstufe einen Mathematikkurs auf erhöhtem Anforderungsniveau. Zur Vorbereitung auf die Oberstufe werden bereits in der Klassenstufe 10 leistungshomogene Mathematikkurse gebildet, die in der Regel von den zukünftigen Fachlehrern der Oberstufe geführt werden. Die Kurse teilen sich auf in einen Profilkurs sowie zwei reguläre Kurse. Die Teilnehmer beider Kursarten können am Ende das Abitur auf grundlegendem oder erhöhtem Niveau ablegen. Im Profilkurs bekommen die Schülerinnen und Schüler eine vertiefte mathematische Ausbildung, die in Teilen über die Schulmathematik hinausgeht. In den beiden regulären Kursen liegt der Fokus stärker auf dem intensiven Üben der Inhalte des Fachlehrplans und der Prüfungsvorbereitung.
-    - title: Wettbewerbe
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+    - title: Außerunterrichtliche Aktivitäten
       image: /media/image.webp
       bg_color: \#6666ff
-      icon: trophy-outline
+      icon: crowd
       font_color: white
       content: |
-        {{< card link="/wettbewerbe/mo/" title="Mathematik-Olympiade" >}}
-
-        {{< card link="/wettbewerbe/kanguru-wettbewerb/" title="Känguru-Wettbewerb" >}}
-
-        {{< card link="/wettbewerbe/mathematik-plus/" title="Mathe Plus" >}}
-
-        {{< card link="/wettbewerbe/bundeswettbewerb-mathematik/" title="Bundeswettbewerb Mathematik" >}}
-
-        {{< card link="/wettbewerbe/mannschaftswettbewerbe-der-spezialschulen/" title="Mannschaftswettbewerbe der Spezialschulen" >}}
-    - title: Spezialistenlager
-      image: /media/image.webp
-      bg_color: \#00994C
-      icon: human-male-board
-      font_color: white
-      content: |
-        Als Teil der Spitzenförderung am Georg-Cantor-Gymnasium hat das Spezialistenlager eine lange Tradition. Für eine Woche nehmen dabei die besten Mathematikerinnen und Mathematiker unserer Schule an einer gemeinsamen Fahrt teil, um sich unter besten Bedingungen fachlich weiterzubilden und austauschen zu können.  
-          
-        Ca. 8 Schülerinnen und Schüler eines Jahrgangs können sich durch ihre Leistungen in der zweiten Runde der Mathematikolympiade oder durch die Empfehlung ihrer Lehrkraft im Fach Mathematik qualifizieren.  
-          
-        Seit 2024 ist Wittenberg das Ziel der Reise. Im Januar/Februar verbringen drei Lehrkräfte unseres Gymnasiums je eine Woche mit Schülerinnen und Schülern der Klassenstufen 5-7 bzw. 8-11 in der dortigen Jugendherberge.  
-          
-        Während des Spezialistenlagers erwartet die Teilnehmer ein Programm, das den fachlichen Fokus ganz auf die Mathematik legt. In Vorträgen der Lehrkräfte werden Einblicke in mathematische Themen gegeben, die nicht Teil des Lehrplans sind, jedoch Interesse am Fach fördern sollen oder hilfreich bei Wettbewerben sein können. Die meiste Zeit kommen die Schülerinnen und Schüler in kleinen Jahrgangsgruppen zusammen, um Lösungsstrategien kennenzulernen und gemeinsam an herausfordernden Aufgaben zu arbeiten. Das Spezialistenlager der Jahrgänge 8-11 wird außerdem durch den Besuch einer universitären Einrichtung ergänzt.  
-          
-        Jeder Tag bietet neben der inhaltlichen Arbeit auch Abwechslung durch Freizeitangebote, die die Gemeinschaft stärken sollen, und Ruhephasen.  
-          
-        Themenbeispiele:
-        - Aussagenlogik
-        - Diophantische Gleichungen
-        - Geometrie
-        - Kombinatorik 
-        - Restklassen
-        - Zahlentheorie
-        - …
-    - title: Fachkurs/WoU Mathematik
-      image: /media/image.webp
-      bg_color: \#BA3BFF
-      icon: lock-question
-      font_color: white
-      external:
-        enable: true
-        link: /wou/mathematik
-    - title: Mathematik in Bildern
-      image: /media/image.webp
-      bg_color: \#FF3B7F
-      icon: image-outline
-      font_color: white
-      content: |
-        {{< slider dir="/media/fachbereiche/mathematik/" >}}
+        Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
 ---
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam

content/ganztagsangebote/_index.md

@@ -2,155 +2,4 @@
 title: Unser Ganztagsbereich
 description: Unsere Schule stellt allen Schülern viele Ganztagsangebote zur
   Verfügung. Diese sind hier aufgelistet.
-tiles:
-  - title: Allgemeiner Sport und kleine Spiele
-    image: /media/ganztagsangebote/sport.webp
-    category: Sport
-    content: |
-      Kleine Spiele (z.B. auch Tischtennis) und Grundlagen der Leichtathletik und des Gerätturnens, für alle SchülerInnen und Schüler, also mit mehr oder weniger sportlicher Begabung geeignet
-  - title: Band
-    image: /media/ganztagsangebote/band.webp
-    category: Musik
-    content: |
-      Du willst reich und berühmt werden?  
-      Dafür können wir bei der Band AG des GCG zwar nicht garantieren, aber versuchen kann man’s ja. Auf alle Fälle bist Du herzlich willkommen.
-
-      Voraussetzung ist, dass Du ein (einigermaßen transportables) Instrument spielst oder gern solo singst. Im Moment haben wir circa 10 Mitglieder und sind weiter auf der Suche nach Zuwachs. Wir nehmen Dich gern auf, auch wenn Du Dein Instrument erst auf einem eher grundlegenden Niveau spielst.
-
-      Auch die Band AG wird sich mit den anderen musikalischen Angeboten des GCG an kommenden Weihnachtskonzerten und Zeugnisverleihungen der Abiturienten beteiligen. Für weitere Aufritte stehen wir offen, respektieren es aber auch, wenn Du einmal keine Zeit haben solltest. Den Höhepunkt der musikalischen Arbeit bildet die Musikfahrt Anfang Dezember.
-
-      Um der Band (einen Namen und) eine inhaltliche Richtung zu geben, sind wir auch auf Deine Kreativität angewiesen. Schau deshalb einfach unverbindlich bei uns rein oder sprich mich (Herrn Schettler) persönlich oder auf digitalem Wege an. Wir sehn uns!
-  - title: Biologie
-    image: /media/ganztagsangebote/biologie.webp
-    category: Naturwissenschaften
-    content: |
-      Methoden, Geräte, Präparate, Experimente und vieles mehr
-  - title: Buchstabenwerkstatt
-    image: /media/ganztagsangebote/bw.webp
-    category: Gesellschaft
-    content: |
-      Treffpunkt für jene, die mit Buchstaben, Wörtern, Sätzen, Texten arbeiten möchten, entweder gestaltend oder inspirierend. Dazu gehört auch sich zu interessieren, woher die Staben der Buche kommen und wie welche geboren werden. Welcher Keim lässt z.B. einen Wortstamm wachsen, der später zum Schatz wird?
-  - title: Chor
-    image: /media/ganztagsangebote/chor.webp
-    category: Musik
-    content: |
-      Herzlich Willkommen zum GCG-Chor!
-
-      Du singst gerne? Prima, dann bist Du hier genau richtig.
-
-      Du denkst, Du kannst gar nicht singen? Stop!
-      Jeder kann singen, denn das kann man lernen -  genauso wie man rechnen oder schreiben lernen kann.
-
-      Der GCG-Chor - das sind etwa 50 Sängerinnen und Sänger, die in den drei Stimmgruppen Sopran, Alt und Bass einmal pro Woche zusammen proben. Bei uns steht der Spaß am Singen im Vordergrund, aber wir haben natürlich auch ein Programm, das wir für zwei Auftritte im Jahr - Weihnachtskonzert und Zeugnisverleihung der Abiturienten - einstudieren müssen. Das Highlight des Schuljahres ist aber die jährlich stattfindende Musikfahrt im Dezember als Vorbereitung zum Weihnachtskonzert!
-
-      Wir sind zwar 50 Individuen mit eigenem Charakter, eigenen Stärken und Schwächen, aber gemeinsam bilden wir einen Körper und formen eine gemeinsame Farbe - und die ist bunt, glänzend und leuchtend.
-
-      Wir möchten in Dir den Sing-Virus wecken:
-      Nach einer Schnupperprobe entscheidest Du, ob Du bei uns mitsingen willst.
-  - title: Chronik
-    image: /media/ganztagsangebote/chronik.webp
-    category: Gesellschaft
-    content: |
-      **Zurück in die Zukunft: Unser GCG im Wandel der Zeit**
-
-      Anno MMV - eine Schar von alten Männern mit langen weißen Bärten machte sich auf, um die Geschichte unseres Gymnasiums mit Federkielen aufzuschreiben??? Nein, nein, wir waren und sind eine bunt zusammengewürfelte Truppe, meist aus Lateinern, die als Schulchronisten alles sammeln, ordnen, was mit unserer Schule zu tun hat und eigene Artikel verfassen, die in unserer nun mehr als 30 dicke Ordner umfassenden analogen Schulchronik gesammelt sind. Seit 2011 sind wir vom Digitalisierungswahn befallen und haben eine eigene Homepage erstellt, die als Teil der Schulhomepage jedem Interessierten die wechselvolle Geschichte des GCG präsentiert.
-  - title: English Classroom Theatre
-    image: /media/ganztagsangebote/english-theatre.webp
-    category: Gesellschaft
-    content: |
-      Practicing English in a fun and relaxed way using improvisation and theatre games
-  - title: Homepage
-    image: /media/ganztagsangebote/homepage.webp
-    category: Technik
-    content: |
-      Web-Entwicklung, Server-Verwaltung, Artikel schreiben und durch Bilder wühlen - die Verwaltung der Schulhomepage und der dazugehörigen Infrastruktur ist keine leichte Sache. Deshalb suchen wir Verstärkung!
-
-      Du interessierst dich für diese Themen und willst bei der Verwaltung der Homepage helfen? Du interessierst dich für Web-Technologien, oder beschäftigst dich sogar schon in der Freizeit damit? Komm in das Technik-Team des GCG und erhalte den exklusiven Einblick in die Technik, welche hinter den hübschen Seiten, Buttons und Animationen steckt!
-  - title: IJSO
-    image: /media/wettbewerbe/ijso.webp
-    category: Naturwissenschaften
-    content: null
-  - title: Jugger
-    image: /media/ganztagsangebote/jugger.webp
-    category: Sport
-    content: |
-      Du hast Spaß an sportlicher Betätigung mit Freunden und möchtest im Team Spielstrategien entwickeln sowie eigene sportliche Grenzen austesten?
-  - title: Keramik
-    image: /media/ganztagsangebote/keramik.webp
-    category: Kunst
-    content: |
-      Vorsicht zerbrechlich.
-  - title: Keyboard
-    image: /media/ganztagsangebote/kb.webp
-    category: Musik
-    content: |
-      Heute hau‘n wir auf die … (Tasten).
-  - title: Kunst
-    image: /media/ganztagsangebote/kunst.webp
-    category: Kunst
-    content: |
-      Zeichne, was dein Herz begehrt: märchenhafte Fantasiebilder, Tiere, Landschaften, Porträts oder schöne alte Häuser. Die Künstlerin Ines Zimmermann hilft dir bei der Umsetzung.
-  - title: LEGO-Robotik
-    image: /media/ganztagsangebote/lego.webp
-    category: Technik
-    content: |
-      Bauen, kreativ sein und Ideen zum Leben erwecken - Jede Woche in der Lego-Robotik-AG.
-  - title: Mathematik
-    image: /media/ganztagsangebote/mathematik.webp
-    category: Mathematik
-    content: |
-      Im Rahmen des mathematisch-naturwissenschaftlichen Schwerpunkts unserer Schule bieten wir Begabtenförderungsangebote an, in denen Schüler z.B. auf Mathematikolympiaden vorbereitet werden, oder Themengebiete lernen, die noch nicht im normalen Schulprogramm vorkommen.
-
-      Auf Empfehlung der Fachlehrer können Schülerinnen und Schüler im Rahmen dieser Arbeitsgemeinschaft zusätzliche Förderung in Mathematik erhalten.
-  - title: Modelleisenbahn
-    image: /media/ganztagsangebote/modelleisenbahn.webp
-    category: Technik
-    content: |
-      Bau von Modellen und Anlagen der Eisenbahn und ihrem kulturellen und traditionellen Umfeld
-  - title: Nawigator
-    image: /media/ganztagsangebote/nawigator.webp
-    category: Naturwissenschaften
-    content: |
-      Im Rahmen des mathematisch-naturwissenschaftlichen Schwerpunkts unserer Schule bieten wir Begabtenförderungsangebote in Biologie, Chemie und Physik an.
-  - title: Pen & Paper / Würfel und Spiele Rollenspiel
-    image: /media/ganztagsangebote/pen-paper.webp
-    category: Gesellschaft
-    content: |
-      Erfindet spannende Geschichten und erlebt selbst erdachte Rollenspiele. Eurer Fantasie sind dabei kaum Grenzen gesetzt.
-  - title: Schach
-    image: /media/ganztagsangebote/schach.webp
-    category: Naturwissenschaften
-    content: |
-      Analysieren, Beurteilen, kreativ Denken - Verbessere Deine Spielstärke im Schach!
-  - title: Schülerzeitung
-    image: /media/ganztagsangebote/sz.webp
-    category: Gesellschaft
-    content: |
-      In dieser AG können Schüler und Schülerinnen eigene Texte verfassen und ihrem Interesse am Journalismus nachgehen. Die fertigen Ausgaben werden auf Instagram (@schuelerzeitung.gcg) und als analoge Ausgaben in der Lernwerkstatt veröffentlicht. Unter dem Titel der Pinguin, unserem Schulmaskottchen, veröffentlichen wir Texte über Bücher, Spiele oder auch über unser Schulleben. Neue Ideen sind uns jederzeit willkommen.
-
-      {{< card title="Website der Schülerzeitung" link="https://schuelerzeitung-gcg.de" >}}
-  - title: Strongest Student
-    image: /media/wettbewerbe/strongest-student.webp
-    category: Sport
-    content: |
-      Für die Mädchen und Jungen, die beim absolvieren athletischer Normativen an Bildungseinrichtungen noch lange nicht am Ende sind.
-  - title: Theater
-    image: /media/ganztagsangebote/theater.webp
-    category: Gesellschaft
-    content: |
-      In der Theater-AG können Schüler aller Jahrgangsstufen den Spaß am Theaterspielen entdecken und weiterentwickeln. Von klassischen bis hin zu modernen Stücken gibt es ein breites Spektrum, was im Rahmen der AG gespielt werden kann und die Schüler können auch selbst kreativ werden im Schreiben von eigenen Sketchen oder einem ganzen Theaterstück.
-  - title: Tischtennis
-    image: /media/ganztagsangebote/tischtennis.webp
-    category: Sport
-    content: |
-      Verbesserung des taktischen Verständnisses bei Spielhandlungen; Vorbereitung Wettbewerbsbetrieb
-  - title: Volleyball
-    image: /media/ganztagsangebote/volleyball.webp
-    category: Sport
-    content: |
-      Grundtechniken des Sportspiels erlernen und festigen, Verbesserung des taktischen Verständnisses bei Spielhandlungen
-  - title: Wasserball
-    image: /media/ganztagsangebote/wasserball.webp
-    category: Sport
-    content: null
 ---

content/ganztagsangebote/band.md

@@ -0,0 +1,20 @@
+---
+title: Band
+draft: false
+image: /media/ganztagsangebote/band.webp
+category: Musik
+duration: flexibel
+schedule: Mittwoch, 9. Stunde
+class: alle Klassenstufen
+room: 212
+apply_url: https://moodle.bildung-lsa.de/gcg/mod/choice/view.php?id=828
+type: ganztagsangebote
+---
+Du willst reich und berühmt werden?
+Dafür können wir bei der Band AG des GCG zwar nicht garantieren, aber versuchen kann man’s ja. Auf alle Fälle bist Du herzlich willkommen.
+
+Voraussetzung ist, dass Du ein (einigermaßen transportables) Instrument spielst oder gern solo singst. Im Moment haben wir circa 10 Mitglieder und sind weiter auf der Suche nach Zuwachs. Wir nehmen Dich gern auf, auch wenn Du Dein Instrument erst auf einem eher grundlegenden Niveau spielst.
+
+Auch die Band AG wird sich mit den anderen musikalischen Angeboten des GCG an kommenden Weihnachtskonzerten und Zeugnisverleihungen der Abiturienten beteiligen. Für weitere Aufritte stehen wir offen, respektieren es aber auch, wenn Du einmal keine Zeit haben solltest. Den Höhepunkt der musikalischen Arbeit bildet die Musikfahrt Anfang Dezember.
+
+Um der Band (einen Namen und) eine inhaltliche Richtung zu geben, sind wir auch auf Deine Kreativität angewiesen. Schau deshalb einfach unverbindlich bei uns rein oder sprich mich (Herrn Schettler) persönlich oder auf digitalem Wege an. Wir sehn uns!

content/ganztagsangebote/biologie.md

@@ -0,0 +1,14 @@
+---
+title: Biologie
+draft: false
+description: ""
+image: /media/ganztagsangebote/biologie.webp
+category: Naturwissenschaften
+duration: 1. Stunde (14-tägig)
+schedule: Montag, 13:20 bis 14:50 Uhr
+class: 5. Klasse
+room: "108"
+apply_url: https://moodle.bildung-lsa.de/gcg/mod/choice/view.php?id=828
+type: ganztagsangebote
+---
+Methoden, Geräte, Präparate, Experimente und vieles mehr

content/ganztagsangebote/buchstabenwerkstatt.md

@@ -0,0 +1,13 @@
+---
+title: Buchstabenwerkstatt
+draft: false
+image: /media/ganztagsangebote/bw.webp
+category: Gesellschaft
+duration: nach Vereinbarung
+schedule: ab November
+class: alle Klassenstufen
+room: Bibliothek
+apply_url: https://moodle.bildung-lsa.de/gcg/mod/choice/view.php?id=828
+type: ganztagsangebote
+---
+Treffpunkt für jene, die mit Buchstaben, Wörtern, Sätzen, Texten arbeiten möchten, entweder gestaltend oder inspirierend. Dazu gehört auch sich zu interessieren, woher die Staben der Buche kommen und wie welche geboren werden. Welcher Keim lässt z.B. einen Wortstamm wachsen, der später zum Schatz wird?

content/ganztagsangebote/cantortechnik.md

@@ -0,0 +1,44 @@
+---
+title: CantorTechnik
+draft: false
+description: ""
+image: /media/ganztagsangebote/cantortechnik.webp
+category: Technik
+duration: 2 Stunden
+schedule: "Donnerstag, 8.-9. Stunde "
+class: alle Klassenstufen
+room: "405"
+apply_url: https://moodle.bildung-lsa.de/gcg/mod/choice/view.php?id=828
+type: ganztagsangebote
+---
+### Über die AG
+
+CantorTechnik ist eine Arbeitsgemeinschaft für in Technik interessierte Schüler/innen am GCG.
+
+Unsere AG ist in Themenbereiche aufgeteilt, die getrennt voneinander arbeiten und sich auf verschiedene Themen konzentrieren.
+
+Dies ist darauf abgezielt, dass an verschiedenen Technikthemen in einer Arbeitsgemeinschaft gearbeitet werden kann und so verschiedenste Bereiche der Technik abgedeckt werden können.
+
+In dieser Arbeitsgemeinschaft kannst du ohne jegliche Kenntnisse in Programmierung verschiedenen Programmiersprachen erlernen und eigene Programme entwickeln.
+
+Du willst lieber eine eigene Website erstellen? Auch das ist bei uns möglich!
+
+Des Weiteren kannst du an der Themengruppe Arduino teilnehmen und mithilfe des Entwicklungsboards Arduino verschiedene elektronische Bauteile am Computer mit der Programmiersprache C++ ansteuern.
+
+Die Verknüpfung dieser beiden Bereiche ergibt Robotik - einen Themenbereich, in dem Roboter auf Basis von Arduino und Raspberry Pi entwickelt, gebaut und programmiert werden können. Diese Roboter bekommen Sensoren, Kameras und andere Datenerfassungsgeräte, wodurch diese zu Multimediarobotern werden. Die Daten werden wiederum in einem z.B. in der Programmiersprache Python geschriebenen Programm verarbeitet und gespeichert.
+
+Doch um dies alles zu machen, brauchen wir Computer. Da wir aber nicht an einen Computerraum angewiesen sein wollen, benutzen wir alle Laptops, die früher in der Schule im Einsatz waren. Um diese Laptops richtig benutzen zu können, reparieren wir diese und installieren darauf das Betriebssystem Debian Linux. So bekommst du in der AG auch die Basiskenntnisse in Sachen Linux und Systemadministration.
+
+### Themenbereiche der AG
+
+- Arduino - Entwicklung von IoT-Geräten mit Arduino.
+- WebDev - Erstellung und Verwaltung von Internetseiten
+- Programmieren - Programmierung von Apps mit den Programmiersprachen Python, Rust und anderen.
+- Robotik - Bau von intelligenten Robotern auf Basis von Arduino und Raspberry Pi.
+- Systemadministration/Gerätewartung - Reparatur von alten Schulcomputern, Installation und Konfiguration von Linux und anderes ...
+
+### Teilnahme an der AG
+
+Wir treffen uns jeden Donnerstag von 14.15 bis ca. 16 Uhr im Raum 405.
+
+An der Arbeitsgemeinschaft kann jede/r, unabhängig von Vorkenntnissen im Bereich der Technik teilnehmen.

content/ganztagsangebote/chor.md

@@ -0,0 +1,25 @@
+---
+title: Chor
+draft: false
+image: /media/ganztagsangebote/chor.webp
+category: Musik
+duration: 45 Minuten
+schedule: Mittwoch, 8. / 9. Stunde
+class: alle Klassenstufen
+room: Aula
+apply_url: https://moodle.bildung-lsa.de/gcg/mod/choice/view.php?id=828
+type: ganztagsangebote
+---
+Herzlich Willkommen zum GCG-Chor!
+
+Du singst gerne? Prima, dann bist Du hier genau richtig.
+
+Du denkst, Du kannst gar nicht singen? Stop!
+Jeder kann singen, denn das kann man lernen -  genauso wie man rechnen oder schreiben lernen kann.
+
+Der GCG-Chor - das sind etwa 50 Sängerinnen und Sänger, die in den drei Stimmgruppen Sopran, Alt und Bass einmal pro Woche zusammen proben. Bei uns steht der Spaß am Singen im Vordergrund, aber wir haben natürlich auch ein Programm, das wir für zwei Auftritte im Jahr - Weihnachtskonzert und Zeugnisverleihung der Abiturienten - einstudieren müssen. Das Highlight des Schuljahres ist aber die jährlich stattfindende Musikfahrt im Dezember als Vorbereitung zum Weihnachtskonzert!
+
+Wir sind zwar 50 Individuen mit eigenem Charakter, eigenen Stärken und Schwächen, aber gemeinsam bilden wir einen Körper und formen eine gemeinsame Farbe - und die ist bunt, glänzend und leuchtend.
+
+Wir möchten in Dir den Sing-Virus wecken:
+Nach einer Schnupperprobe entscheidest Du, ob Du bei uns mitsingen willst.

content/ganztagsangebote/chronik.md

@@ -0,0 +1,14 @@
+---
+title: Chronik
+draft: false
+description: "Zurück in die Zukunft: Unser GCG im Wandel der Zeit"
+image: /media/ganztagsangebote/chronik.webp
+category: Gesellschaft
+duration: 2. Stunden
+schedule: Donnerstag, 9. - 10. Stunde
+class: 8. - 12. Klasse
+room: "105"
+apply_url: https://moodle.bildung-lsa.de/gcg/mod/choice/view.php?id=828
+type: ganztagsangebote
+---
+Anno MMV - eine Schar von alten Männern mit langen weißen Bärten machte sich auf, um die Geschichte unseres Gymnasiums mit Federkielen aufzuschreiben??? Nein, nein, wir waren und sind eine bunt zusammengewürfelte Truppe, meist aus Lateinern, die als Schulchronisten alles sammeln, ordnen, was mit unserer Schule zu tun hat und eigene Artikel verfassen, die in unserer nun mehr als 30 dicke Ordner umfassenden analogen Schulchronik gesammelt sind. Seit 2011 sind wir vom Digitalisierungswahn befallen und haben eine eigene Homepage erstellt, die als Teil der Schulhomepage jedem Interessierten die wechselvolle Geschichte des GCG präsentiert.

content/ganztagsangebote/keramik.md

@@ -0,0 +1,15 @@
+---
+title: Keramik
+draft: false
+image: /media/ganztagsangebote/keramik.webp
+category: Kunst
+duration: 2. Stunden
+schedule: Dienstag, 7./8. Stunde
+class: 5. - 8. Klasse
+room: Keller
+apply_url: https://moodle.bildung-lsa.de/gcg/mod/choice/view.php?id=828
+type: ganztagsangebote
+---
+
+
+

content/ganztagsangebote/keyboard.md

@@ -0,0 +1,15 @@
+---
+title: Keyboard
+draft: false
+image: /media/ganztagsangebote/kb.webp
+category: Musik
+duration: 1. Stunde
+schedule: Mittwoch, 7./8. Stunde
+class: alle Klassenstufen
+room: 212
+apply_url: https://moodle.bildung-lsa.de/gcg/mod/choice/view.php?id=828
+type: ganztagsangebote
+---
+
+
+

content/ganztagsangebote/kunst.md

@@ -0,0 +1,13 @@
+---
+title: Kunst
+draft: false
+image: /media/ganztagsangebote/kunst.webp
+category: Kunst
+duration: nach Vereinbarung
+schedule: Freitag, ab 7. Stunde
+class: 5. - 7. Klasse
+room: 104/Keller
+apply_url: https://moodle.bildung-lsa.de/gcg/mod/choice/view.php?id=828
+type: ganztagsangebote
+---
+Zeichne, was dein Herz begehrt: märchenhafte Fantasiebilder, Tiere, Landschaften, Porträts oder schöne alte Häuser. Die Künstlerin Ines Zimmermann hilft dir bei der Umsetzung.

content/ganztagsangebote/lego-robotik.md

@@ -0,0 +1,13 @@
+---
+title: LEGO-Robotik
+draft: false
+image: /media/ganztagsangebote/lego.webp
+category: Technik
+duration: nach Vereinbarung
+schedule: Mittwoch, 8. Stunde
+class: 6. Klasse
+room: DG
+apply_url: https://moodle.bildung-lsa.de/gcg/mod/choice/view.php?id=828
+type: ganztagsangebote
+---
+Bauen, kreativ sein und Ideen zum Leben erwecken - Jede Woche in der Lego-Robotik-AG.

content/ganztagsangebote/mathematik.md

@@ -0,0 +1,27 @@
+---
+title: Mathematik
+draft: false
+description: Förderung für begabte Schülerinnen und Schüler in Mathematik.
+image: /media/ganztagsangebote/mathematik.webp
+category: Mathematik
+duration: 2 Stunden
+schedule: Montag/Dienstag, 7.-8. Stunde
+class: 5./6. Klasse
+room: "307"
+apply_url: https://moodle.bildung-lsa.de/gcg/mod/choice/view.php?id=828
+type: ganztagsangebote
+---
+### Über die AG
+
+Im Rahmen des mathematisch-naturwissenschaftlichen Schwerpunkts unserer Schule bieten wir Begabtenförderungsangebote an, in denen Schüler z.B. auf Mathematikolympiaden vorbereitet werden, oder Themengebiete lernen, die noch nicht im normalen Schulprogramm vorkommen.
+
+Auf Empfehlung der Fachlehrer können Schülerinnen und Schüler im Rahmen dieser Arbeitsgemeinschaft zusätzliche Förderung in Mathematik erhalten.
+
+### Termine
+
+- **5. Klasse:** Dienstag, 7.-8. Stunde
+- **6. Klasse:** Montag, 7.-8. Stunde
+
+
+
+

content/ganztagsangebote/nawigator.md

@@ -0,0 +1,16 @@
+---
+title: Nawigator
+draft: false
+description: Begabtenförderung in Biologie, Chemie und Physik
+image: /media/ganztagsangebote/nawigator.webp
+category: Naturwissenschaften
+duration: nach Vereinbarung
+schedule: ab November
+class: alle Klassenstufen
+room: Schülerforschungszentrum
+apply_url: https://moodle.bildung-lsa.de/gcg/mod/choice/view.php?id=828
+type: ganztagsangebote
+---
+### Über die AG
+
+Im Rahmen des mathematisch-naturwissenschaftlichen Schwerpunkts unserer Schule bieten wir Begabtenförderungsangebote in Biologie, Chemie und Physik an.

content/ganztagsangebote/pen-paper-rollenspiel.md

@@ -0,0 +1,26 @@
+---
+title: Pen & Paper / Würfel und Spiele Rollenspiel
+draft: false
+image: /media/ganztagsangebote/pen-paper.webp
+category: Gesellschaft
+duration: nach Vereinbarung
+schedule: siehe Tabelle
+class: alle Klassenstufen
+room: siehe Tabelle
+apply_url: https://moodle.bildung-lsa.de/gcg/mod/choice/view.php?id=828
+type: ganztagsangebote
+---
+Erfindet spannende Geschichten und erlebt selbst erdachte Rollenspiele. Eurer Fantasie sind dabei kaum Grenzen gesetzt.
+
+### Termine
+
+|Tag|Klassenstufe|Zeit|Raum|
+|---|---|---|---|
+|Montag|5./6. Klasse|ab 13:30 Uhr|208|
+|Dienstag|5./6. Klasse|ab 14:20 Uhr|105|
+|Dienstag|8./9. Klasse|ab 17:00 Uhr|online|
+|Donnerstag|6. Klasse|ab 14:20 Uhr|103|
+|Freitag|6. Klasse|ab 13:20 Uhr|105|
+|Freitag|9./10. Klasse|ab 14:05 Uhr|104|
+
+Weitere Termine nach Vereinbarung.

content/ganztagsangebote/schach.md

@@ -0,0 +1,13 @@
+---
+title: Schach
+draft: false
+image: /media/ganztagsangebote/schach.webp
+category: Naturwissenschaften
+duration: nach Vereinbarung
+schedule: ab November
+class: alle Klassenstufen
+room: "104"
+apply_url: https://moodle.bildung-lsa.de/gcg/mod/choice/view.php?id=828
+type: ganztagsangebote
+---
+Analysieren, Beurteilen, kreativ Denken - Verbessere Deine Spielstärke im Schach!

content/ganztagsangebote/schuelerzeitung.md

@@ -0,0 +1,17 @@
+---
+title: Schülerzeitung
+draft: false
+image: /media/ganztagsangebote/sz.webp
+category: Gesellschaft
+duration: nach Vereinbarung
+schedule: nach Vereinbarung
+class: alle Klassenstufen
+room: nach Vereinbarung
+apply_url: https://moodle.bildung-lsa.de/gcg/mod/choice/view.php?id=828
+type: ganztagsangebote
+---
+In dieser AG können Schüler und Schülerinnen eigene Texte verfassen und ihrem Interesse am Journalismus nachgehen. Die fertigen Ausgaben werden auf Instagram (@schuelerzeitung.gcg) und als analoge Ausgaben in der Lernwerkstatt veröffentlicht. Unter dem Titel der Pinguin, unserem Schulmaskottchen, veröffentlichen wir Texte über Bücher, Spiele oder auch über unser Schulleben. Neue Ideen sind uns jederzeit willkommen.
+
+**Kontakt:**
+
+Anmeldung über [schuelerzeitung@cantor-gymnasium.de](mailto:schuelerzeitung@cantor-gymnasium.de) mit Name, Klasse und Handynummer

content/ganztagsangebote/sport.md

@@ -0,0 +1,13 @@
+---
+title: Allgemeiner Sport und kleine Spiele
+draft: false
+image: /media/ganztagsangebote/sport.webp
+category: Sport
+duration: 1. Stunde
+schedule: Freitag, 7. Stunde
+class: 5. - 6. Klasse
+room: TTO
+apply_url: https://moodle.bildung-lsa.de/gcg/mod/choice/view.php?id=828
+type: ganztagsangebote
+---
+Kleine Spiele (z.B. auch Tischtennis) und Grundlagen der Leichtathletik und des Gerätturnens, für alle SchülerInnen und Schüler, also mit mehr oder weniger sportlicher Begabung geeignet

content/ganztagsangebote/theater.md

@@ -0,0 +1,14 @@
+---
+title: Theater
+draft: false
+description: ""
+image: /media/ganztagsangebote/theater.webp
+category: Gesellschaft
+duration: 2. Stunden
+schedule: Dienstag/Freitag 7./8.-9. Stunde
+class: alle Klassenstufen
+room: Aula
+apply_url: https://moodle.bildung-lsa.de/gcg/mod/choice/view.php?id=828
+type: ganztagsangebote
+---
+In der Theater-AG können Schüler aller Jahrgangsstufen den Spaß am Theaterspielen entdecken und weiterentwickeln. Von klassischen bis hin zu modernen Stücken gibt es ein breites Spektrum, was im Rahmen der AG gespielt werden kann und die Schüler können auch selbst kreativ werden im Schreiben von eigenen Sketchen oder einem ganzen Theaterstück.

content/ganztagsangebote/volleyball.md

@@ -0,0 +1,13 @@
+---
+title: Volleyball
+draft: false
+image: /media/ganztagsangebote/volleyball.webp
+category: Sport
+duration: 2. Stunden
+schedule: Freitag, 8. - 9. Stunde
+class: 6. - 10. Klasse
+room: TTO
+apply_url: https://moodle.bildung-lsa.de/gcg/mod/choice/view.php?id=828
+type: ganztagsangebote
+---
+Grundtechniken des Sportspiels erlernen und festigen, Verbesserung des taktischen Verständnisses bei Spielhandlungen

content/ganztagsangebote/wasserball.md

@@ -0,0 +1,15 @@
+---
+title: Wasserball
+draft: false
+image: /media/ganztagsangebote/wasserball.webp
+category: Sport
+duration: 2. Stunden
+schedule: Dienstag, 17.00 - 18.30 Uhr
+class: 5. - 8. Klasse
+room: Schwimmhalle Neustadt
+apply_url: https://moodle.bildung-lsa.de/gcg/mod/choice/view.php?id=828
+type: ganztagsangebote
+---
+
+
+

content/wettbewerbe/bundeswettbewerb-mathematik.md

@@ -7,7 +7,4 @@ class: 5. - 12. Klasse
 web_url: https://www.mathe-wettbewerbe.de/mathematik-olympiade/
 type: wettbewerbe
 ---
-
 Der Bundeswettbewerb besteht aus zwei Hausaufgabenrunden und einem mathematischen Fachgespräch in der abschließenden dritten Runde.
-  
-In der ersten beiden Runden beschäftigen sich die Teilnehmer, über einen längeren Zeitraum hinweg, mit sehr anspruchsvollen Aufgaben von zu Hause aus.  Im Regelfall empfehlen die Lehrkräfte oder die Fachschaftsleitung einzelnen Schülerinnen und Schülern die Teilnahme. Der Wettbewerb steht aber allen Interessierten offen.

content/wettbewerbe/känguru-wettbewerb.md

@@ -8,5 +8,3 @@ web_url: https://www.mathe-kaenguru.de/
 type: wettbewerbe
 ---
 Der Känguruwettbewerb ist ein Einzelwettbewerb, bei dem in 75 Minuten je 24 Aufgaben in den Klassenstufen 3/4 und 5/6 bzw. je 30 Aufgaben in den Klassenstufen 7/8, 9/10 und 11–13 zu lösen sind. Ein mathematischer Multiple-Choice-Wettbewerb für über 6 Millionen Teilnehmer in mehr als 80 Ländern weltweit.
-  
-Alle Schülerinnen und Schüler der Klassenstufen 5 bis 10 nehmen an diesem Multiple-Choice-Wettbewerb teil. Die erfolgreichsten Teilnehmer werden mit Sachpreisen belohnt.

content/wettbewerbe/mannschaftswettbewerbe-der-spezialschulen.md

@@ -7,5 +7,4 @@ class: 9. - 11. Klasse
 web_url: https://cantorgymnasium.de/
 type: wettbewerbe
 ---
-
-Bei diesen Wettbewerben messen sich jeweils Teams bestehend aus 3 Schülern einer Schule mit Teams aus anderen Spezialschulen der Klassenstufen 9.-11. in Mathematik, Physik, Informatik und Biologie. Es werden anspruchsvolle Aufgaben gelöst, die von den Lehrkräften der gastgebenden Gymnasien erstellt werden.
+Bei diesen Wettbewerben messen sich jeweils Teams bestehend aus 3 Schülern einer Schule mit Teams aus anderen Spezialschulen der Klassenstufen 9, 10 und 11 in Mathematik, Physik aber auch Informatik. Es werden anspruchsvolle Aufgaben gelöst.

content/wettbewerbe/mathematik-plus.md

@@ -1,13 +0,0 @@
----
-title: "Mathe Plus"
-draft: false
-image: /media/wettbewerbe/mathe-plus.webp
-category: Mathematik
-class: 5. - 7. Klasse
-web_url: https://www.elemente.org/schuelerfoerderung/aufgabenserien/
-type: wettbewerbe
----
-
-Dieses Zusatzangebot des eLeMeNTe e.V. steht allen Schülerinnen und Schülern offen, die sich gern mit mathematischen Problemen beschäftigen und Zusatzaufgaben für den Unterricht oder zu Hause suchen. Im Verlauf eines Schuljahres werden 5 Aufgabenserien veröffentlicht.  
-  
-Die regelmäßige Teilnahme wird durch eine Urkunde belegt. Die Aufgaben und Lösungen erhalten alle Interessierten von ihren Lehrkräften oder der Fachschaftsleitung. Die Aufgabenserien bereiten auf das Niveau der Olympiade vor, bieten jedoch einen sanfteren Einstieg, geben inhaltliche Impulse und sind durch ihre Kürze gut bewältigbar. 

content/wettbewerbe/mo.md

@@ -11,7 +11,3 @@ type: wettbewerbe
 Die Mathematik-Olympiade für die Klassenstufen 5 – 12 ist ein bundesweiter Wettbewerb, welcher nach bundesweit einheitlichen Aufgaben durchgeführt wird.
 
 Die Mathematik-Olympiade geht über mehrere Runden (Hausaufgaben-, Schul-, Landes-, Bundesrunde), wobei die Schwierigkeit von Runde zu Runde steigt  - sie endet mit der Bundesrunde als Höhepunkt für die besten Mathecracks ab Klasse 8. Für die Klassen 5 bis 7 endet der Wettbewerb mit der Landesrunde und einer großen Preisverleihung.
-
-Die erste Runde wird im Regelfall als Hausaufgabenrunde geschrieben. Die zweite Runde findet im November für Qualifizierte in der Schule statt. Die erfolgreichsten Teilnehmer werden im Februar zur Landesrunde nach Magdeburg und dann zur Bundesrunde durch den Mathematik-Olympiaden e.V. eingeladen.  
-  
-Alle Fünftklässler schreiben die ersten beiden Runden mit. In den anderen Jahrgängen werden die Teilnehmer von den Fachlehrkräften benannt. Interessierte können sich ebenfalls melden. 

data/ausblick.yml

@@ -4,13 +4,10 @@ author:
   - herr-berger
 image: /media/ausblick.webp
 content: >
-  _16.09.2024 bis 22.09.2024_
+  _09.09.2024 bis 13.09.2024_
 
 
-  Am Dienstag und Donnerstag besuchen unsere 10. Klassen die Gedenkstätte Opfer der NS-"Euthanasie" in Bernburg.
+  Am Montag und Dienstag tritt erstmals unser diesjähriger Schülerrat zusammen und schmiedet seinen Jahresplan auf dem SR-Training in der Villa Jühling. Zudem lernen sich die alten Hasen und die Neulinge kennen, haben letzte Wahlen durchzuführen und vor allem müssen sie möglichst schnell zu einem erfolgreichen Team zusammenwachsen. 
 
 
-  Zudem wünschen wir Paul Kaufmann aus der 11. Klasse viel Erfolg auf der Bundesrunde der Chemieolympiade.
-
-
-  Am Samstag, dem 21.09.2024 könne Sie uns auf der Stadtschulmesse in der "Carpe Diem Schule Halle (Saale) Förderschule für Körperbehinderte" in der Murmansker Straße 16 besuchen.
+  Nur die Klassensprecher der 10. Klassen leider nicht am SR-Training teilnehmen, da in der kommenden Woche alle drei 10. Klassen auf Klassenfahrt sind. Dort wünschen wir allen viele Erlebnisse und freudige Ausflüge auf der Abschlussklassenfahrt. 

data/homepage.yml

@@ -1,16 +1,17 @@
 top_banner:
   enable: true
   text: >
-    Am Samstag, dem 21.09.2024 könne Sie uns auf der Stadtschulmesse in der
-    "Carpe Diem Schule Halle (Saale) Förderschule für Körperbehinderte" in der
-    Murmansker Straße 16 06130 Halle besuchen.
+    Alle Infos zum Schulbuchverkauf und Schuljahresstart der 5. Klassen befinden
+    sich auf der  [Website-Startseite](https://cantorgymnasium.de/), wie die 6.
+    bis 12. Klassen in das Schuljahr starten, wird ab Freitag im Vertretungsplan
+    bekannt gegeben.
   color: "#19aa96"
   font_color: "#ffffff"
-  icon: school-outline
+  icon: account-school-outline
   temporarily:
     enable: true
-    start_date: 2024-09-13
-    end_date: 2024-09-21
+    start_date: 2024-06-19
+    end_date: 2024-08-05
 slider:
   enable: true
   bg_image: media/home/banner.webp

layouts/ganztagsangebote/list.html

@@ -1,7 +1,17 @@
 {{ define "main" }}
 
-<main data-pagefind-body>
-  {{ partial "tile-modals" . }}
-</main>
+<section class="section">
+  <div class="container">
+    {{ partial "filter-controls" . }}
+    <div class="filter-container row">
+    {{ range .Data.Pages }}
+      <div data-groups="{{ .Params.category | urlize }}" class="col-lg-4 col-sm-6 filter-item">
+        {{ partial "ganztag" . }}
+      </div>
+    {{ end }}
+    <div class="filter-sizer col-1"></div>
+    </div>
+  </div>
+</section>
 
 {{ end }}

layouts/ganztagsangebote/single.html

@@ -0,0 +1,35 @@
+{{ define "main" }}
+
+<main data-pagefind-body>
+<section class="section">
+  <div class="container">
+    <img src="{{ .Params.image | relURL }}" class="img-fluid w-100 mb-4">
+    <h2 class="mb-4">{{ .Title }}</h2>
+    <div class="row mb-4">
+      {{ partial "icon-element" (dict "size" 3 "icon" "calendar-today-outline" "title" "Zeit" "content" .Params.schedule) }}
+      {{ partial "icon-element" (dict "size" 3 "icon" "timer-sand" "title" "Dauer" "content" .Params.duration) }}
+      {{ partial "icon-element" (dict "size" 3 "icon" "crowd" "title" "Klassen" "content" .Params.class) }}
+      {{ partial "icon-element" (dict "size" 3 "icon" "map-marker-radius-outline" "title" "Raum" "content" .Params.room) }}
+    </div>
+    <hr class="mb-4">
+    <div class="content text-justify">
+        {{ .Content }}
+    </div>
+  </div>
+</section>
+
+<section class="section pt-0" data-pagefind-ignore="all">
+  <div class="container">
+    <h2 class="mb-4">Andere Arbeitsgemeinschaften</h2>
+    <div class="row">
+      {{ range partial "data/related" . }}
+        <div class="col-lg-4 col-sm-6">
+          {{ partial "ganztag" . }}
+        </div>
+      {{ end }}
+    </div>
+  </div>
+</section>
+</main>
+
+{{ end }}

layouts/index.html

@@ -179,17 +179,10 @@
       </div>
     </div>
     <div class="row justify-content-center">
-      {{ with .Site.GetPage "/ganztagsangebote/_index.md" }}
-        {{ range first (int $data.homepage.ganztagsangebote.number) (.Params.tiles | shuffle) }}
-          <div class="col-lg-4 col-sm-6">
-            <div class="card border-primary rounded-0 hover-shadow mb-4">
-              <img class="card-img-top rounded-0" src="{{ .image | relURL }}">
-              <div class="card-body">
-                <h4 class="card-title text-truncate">{{ .title }}</h4>
-              </div>
-            </div>
-          </div>
-        {{ end }}
+      {{ range first (int $data.homepage.ganztagsangebote.number) (where .Site.RegularPages "Type" "ganztagsangebote" | shuffle)}}
+      <div class="col-lg-4 col-sm-6">
+        {{ partial "ganztag" . }}
+      </div>
       {{ end }}
     </div>
   </div>

layouts/partials/_funcs/get-page-images.html

@@ -1,47 +0,0 @@
-{{- $imgs := slice }}
-{{- $imgParams := slice .Params.image | append .Params.images }}
-{{- $resources := .Resources.ByType "image" -}}
-{{/* Find featured image resources if the images parameter is empty. */}}
-{{- if or (not $imgParams) (eq ($imgParams | len) 0) }}
-  {{- $featured := $resources.GetMatch "*feature*" -}}
-  {{- if not $featured }}{{ $featured = $resources.GetMatch "{*cover*,*thumbnail*}" }}{{ end -}}
-  {{- with $featured }}
-    {{- $imgs = $imgs | append (dict
-      "Image" .
-      "RelPermalink" .RelPermalink
-      "Permalink" .Permalink) }}
-  {{- end }}
-{{- end }}
-{{/* Use the first one of site images as the fallback. */}}
-{{- if and (not $imgParams) (not $imgs) }}
-  {{- with site.Params.images }}
-    {{- $imgParams = first 1 . }}
-  {{- end }}
-{{- end }}
-{{/* Parse page's images parameter. */}}
-{{- range $imgParams }}
-  {{- $img := . }}
-  {{- $url := urls.Parse $img }}
-  {{- if eq $url.Scheme "" }}
-    {{/* Internal image. */}}
-    {{- with $resources.GetMatch $img -}}
-      {{/* Image resource. */}}
-      {{- $imgs = $imgs | append (dict
-        "Image" .
-        "RelPermalink" .RelPermalink
-        "Permalink" .Permalink) }}
-    {{- else }}
-      {{- $imgs = $imgs | append (dict
-        "RelPermalink" (relURL $img)
-        "Permalink" (absURL $img)
-      ) }}
-    {{- end }}
-  {{- else }}
-    {{/* External image */}}
-    {{- $imgs = $imgs | append (dict
-      "RelPermalink" $img
-      "Permalink" $img
-    ) }}
-  {{- end }}
-{{- end }}
-{{- return $imgs }}

layouts/partials/filter-controls.html

@@ -1,18 +1,8 @@
 <ul class="list-inline text-center filter-controls mb-4">
+  <li class="list-inline-item m-3 text-uppercase active" data-filter="all">Alle</li>
   {{ $categories := slice }}
-  {{ if ne (len .Data.Pages) 0 }}
-    {{ range .Data.Pages }}
-      {{ $categories = $categories | append .Params.category }}
-    {{ end }}
-  {{ else }}
-    {{ range .Params.tiles }}
-      {{ with .category }}
-        {{ $categories = $categories | append . }}
-      {{ end }}
-    {{ end }}
-  {{ end }}
-  {{ if ne (len $categories) 0 }}
-    <li class="list-inline-item m-3 text-uppercase active" data-filter="all">Alle</li>
+  {{ range .Data.Pages }}
+    {{ $categories = $categories | append .Params.category }}
   {{ end }}
   {{ range ( $categories | uniq ) }}
     <li class="list-inline-item m-3 text-uppercase" data-filter="{{ . | urlize }}">{{ . | humanize }}</li>

layouts/partials/footer.html

@@ -29,10 +29,8 @@
         <div class="col-lg-3 col-sm-6 mb-4 mb-md-0 text-sm-start text-center">
           <h4 class="text-white mb-4 text-uppercase">Ganztagsangebote</h4>
           <ul class="list-unstyled">
-            {{ with .Site.GetPage "/ganztagsangebote/_index.md" }}
-              {{ range first 5 (.Params.tiles | shuffle) }}
-                <li class="mb-3"><a class="text-white text-opacity-50" href="/ganztagsangebote">{{ .title }}</a></li>
-              {{ end }}
+            {{ range first 5 (where .Site.RegularPages "Type" "ganztagsangebote" | shuffle)}}
+            <li class="mb-3"><a class="text-white text-opacity-50" href="{{ .Permalink }}">{{ .Title }}</a></li>
             {{ end }}
           </ul>
         </div>

layouts/partials/head.html

@@ -51,6 +51,6 @@
     };
   </script>
 
-  {{ template "_internal/opengraph.html" . }}
-  {{ template "_internal/twitter_cards.html" . }}
+  {{ partial "opengraph" . }}
+  {{ partial "twitter" . }}
 </head>

layouts/partials/opengraph.html

@@ -0,0 +1,47 @@
+<meta property="og:title" content="{{ .Title }}" />
+<meta property="og:description" content="{{ with .Description }}{{ . }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{ end }}{{ end }}{{ end }}" />
+<meta property="og:type" content="{{ if .IsPage }}article{{ else }}website{{ end }}" />
+<meta property="og:url" content="{{ .Permalink }}" />
+
+{{- with $.Params.images -}}
+{{- range first 6 . }}<meta property="og:image" data-pagefind-meta="image[content]" content="{{ . | absURL }}" />{{ end -}}
+{{- else -}}
+{{- $images := $.Resources.ByType "image" -}}
+{{- $featured := $images.GetMatch "*feature*" -}}
+{{- if not $featured }}{{ $featured = $images.GetMatch "{*cover*,*thumbnail*}" }}{{ end -}}
+{{- with $featured -}}
+<meta property="og:image" data-pagefind-meta="image[content]" content="{{ $featured.Permalink }}"/>
+{{- else -}}
+{{- with $.Params.image -}}
+<meta property="og:image" data-pagefind-meta="image[content]" content="{{ . | absURL }}"/>
+{{- else -}}
+{{- with $.Site.Params.images }}<meta property="og:image" data-pagefind-meta="image[content]" content="{{ index . 0 | absURL }}"/>{{ end -}}
+{{- end -}}
+{{- end -}}
+{{- end -}}
+
+{{- if .IsPage }}
+{{- $iso8601 := "2006-01-02T15:04:05-07:00" -}}
+<meta property="article:section" content="{{ .Section }}" />
+{{ with .PublishDate }}<meta property="article:published_time" {{ .Format $iso8601 | printf "content=%q" | safeHTMLAttr }} />{{ end }}
+{{ with .Lastmod }}<meta property="article:modified_time" {{ .Format $iso8601 | printf "content=%q" | safeHTMLAttr }} />{{ end }}
+{{- end -}}
+
+{{- with .Params.audio }}<meta property="og:audio" content="{{ . }}" />{{ end }}
+{{- with .Params.locale }}<meta property="og:locale" content="{{ . }}" />{{ end }}
+{{- with .Site.Params.title }}<meta property="og:site_name" content="{{ . }}" />{{ end }}
+{{- with .Params.videos }}{{- range . }}
+<meta property="og:video" content="{{ . | absURL }}" />
+{{ end }}{{ end }}
+
+{{- /* If it is part of a series, link to related articles */}}
+{{- $permalink := .Permalink }}
+{{- $siteSeries := .Site.Taxonomies.series }}
+{{- if $siteSeries }}
+{{ with .Params.series }}{{- range $name := . }}
+  {{- $series := index $siteSeries ($name | urlize) }}
+  {{- range $page := first 6 $series.Pages }}
+    {{- if ne $page.Permalink $permalink }}<meta property="og:see_also" content="{{ $page.Permalink }}" />{{ end }}
+  {{- end }}
+{{ end }}{{ end }}
+{{- end }}

layouts/partials/tile-modals.html

@@ -5,19 +5,14 @@
     </div>
   </div>
   <div class="container">
-    {{ partial "filter-controls" . }}
-    <div class="filter-container row justify-content-center">
+    <div class="row justify-content-center">
       {{ range .Params.tiles }}
         {{ partial "modal" . }}
-        <div class="col-lg-4 col-sm-6 filter-item" data-groups="{{ .category | urlize }}">
+        <div class="col-lg-4 col-sm-6">
           <div class="card border-primary rounded-0 hover-shadow mb-2">
-            {{ if and .image (ne .image "/media/image.webp") }}
-              <img class="card-img-top rounded-0" src="{{ .image | relURL }}">
-            {{ else }}
-              <div class="container fb-tile-color" style="background-color:{{ .bg_color }};">
-                <span class="fb-tile-icon" style="color: {{ .font_color }}">{{ partial "mdi" .icon }}</span>
-              </div>
-            {{ end }}
+            <div class="container fb-tile-color" style="background-color:{{ .bg_color }};">
+              <span class="fb-tile-icon" style="color: {{ .font_color }}">{{ partial "mdi" .icon }}</span>
+            </div>
             <div class="card-body d-flex flex-column">
               <h4 class="card-title text-truncate">{{ .title }}</h4>
               {{ if .external.enable }}
@@ -30,6 +25,5 @@
         </div>
       {{ end }}
     </div>
-    <div class="filter-sizer col-1"></div>
   </div>
 </section>

layouts/partials/twitter.html

@@ -0,0 +1,29 @@
+{{- with $.Params.images -}}
+<meta name="twitter:card" content="summary_large_image"/>
+<meta name="twitter:image" content="{{ index . 0 | absURL }}"/>
+{{ else -}}
+{{- $images := $.Resources.ByType "image" -}}
+{{- $featured := $images.GetMatch "*feature*" -}}
+{{- if not $featured }}{{ $featured = $images.GetMatch "{*cover*,*thumbnail*}" }}{{ end -}}
+{{- with $featured -}}
+<meta name="twitter:card" content="summary_large_image"/>
+<meta name="twitter:image" content="{{ $featured.Permalink }}"/>
+{{- else -}}
+{{- with $.Params.image -}}
+<meta name="twitter:card" content="summary_large_image"/>
+<meta name="twitter:image" content="{{ . | absURL }}"/>
+{{- else -}}
+{{- with $.Site.Params.images -}}
+<meta name="twitter:card" content="summary_large_image"/>
+<meta name="twitter:image" content="{{ index . 0 | absURL }}"/>
+{{ else -}}
+<meta name="twitter:card" content="summary"/>
+{{- end -}}
+{{- end -}}
+{{- end -}}
+{{- end }}
+<meta name="twitter:title" content="{{ .Title }}"/>
+<meta name="twitter:description" content="{{ with .Description }}{{ . }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{ end }}{{ end }}{{ end -}}"/>
+{{ with .Site.Social.twitter -}}
+<meta name="twitter:site" content="@{{ . }}"/>
+{{ end -}}

layouts/schulchronik/single.html

@@ -27,7 +27,7 @@
       <div class="card d-flex flex-row flex-wrap-reverse">
         <div class="flex-grow card-body min-w-0">
           <a href="{{ .Permalink }}"><h3 class="card-title">{{ .Title }}</h3></a>
-          {{ range (resources.Get "data/abiturdurchschnitte.json" | transform.Unmarshal).abiturdurchschnitte  }}
+          {{ range (getJSON "static/data/abiturdurchschnitte.json").abiturdurchschnitte  }}
             {{ if eq (string .jahr) $.Title }}<a href="/chronikseiten/abiturdurchschnitte" class="h4 card-text">Abiturdurchschnitt: {{ .schnitt }}</a>{{ end }}
           {{ end }}
         </div>

static/admin/config/collections/ganztag.js

@@ -0,0 +1,86 @@
+import { EditorProps, MarkdownProps, ImageProps } from "../props.js";
+import { Title, DescriptionText, DraftBoolean } from "./widgets.js";
+
+const GanztagCollection = {
+  name: "ganztagsangebote",
+  label: "Ganztag",
+  label_singular: "Arbeitsgemeinschaft",
+  description:
+    "Hier kann die Übersicht der Ganztagsangebote bearbeitet werden.",
+  icon: "group",
+  folder: "content/ganztagsangebote",
+  ...EditorProps,
+  filter: {
+    field: "type",
+    value: "ganztagsangebote",
+  },
+  summary_fields: ["title", "draft", "category", "schedule", "room"],
+  fields: [
+    Title(false),
+    DraftBoolean,
+    DescriptionText,
+    {
+      name: "image",
+      label: "Titelbild",
+      default: "/media/ganztagsangebote/image.webp",
+      ...ImageProps,
+      required: true,
+    },
+    {
+      name: "category",
+      label: "Themebereich",
+      hint: "Verwaltet in den Einstellungen",
+      widget: "relation",
+      collection: "settings",
+      file: "data-categories",
+      value_field: "ganztag.*",
+      search_fields: ["ganztag.*"],
+      display_fields: ["ganztag.*"],
+      required: true,
+    },
+    {
+      name: "duration",
+      label: "Dauer",
+      widget: "string",
+      required: true,
+    },
+    {
+      name: "schedule",
+      label: "Tag/Stunden",
+      widget: "string",
+      required: true,
+    },
+    {
+      name: "class",
+      label: "Klassenstufen(n)",
+      widget: "string",
+      required: true,
+    },
+    {
+      name: "room",
+      label: "Raum",
+      widget: "string",
+      required: true,
+    },
+    {
+      name: "apply_url",
+      label: "Anmeldelink",
+      widget: "hidden",
+      default: "https://moodle.bildung-lsa.de/gcg/mod/choice/view.php?id=828",
+    },
+    {
+      name: "type",
+      label: "Typ",
+      widget: "hidden",
+      default: "ganztagsangebote",
+    },
+    {
+      name: "body",
+      label: "Inhalt",
+      required: false,
+      ...MarkdownProps,
+    },
+  ],
+};
+
+export default GanztagCollection;

static/admin/config/collections/index-pages.js

@@ -241,46 +241,7 @@ const IndexPagesCollection = {
       name: "ganztagsangebote-index",
       label: "Unser Ganztagsbereich",
       file: "content/ganztagsangebote/_index.md",
-      fields: [
-        Title(false),
-        DescriptionText,
-        {
-          name: "tiles",
-          label: "Ganztagsangebote",
-          hint: "Die Vorschau zeigt nur die Karten, NICHT die Inhalte.",
-          widget: "list",
-          required: false,
-          collapsed: true,
-          fields: [
-            Title(false),
-            {
-              name: "image",
-              label: "Titelbild",
-              default: "/media/ganztagsangebote/image.webp",
-              ...ImageProps,
-              required: true,
-            },
-            {
-              name: "category",
-              label: "Themebereich",
-              hint: "Verwaltet in den Einstellungen",
-              widget: "relation",
-              collection: "settings",
-              file: "data-categories",
-              value_field: "ganztag.*",
-              search_fields: ["ganztag.*"],
-              display_fields: ["ganztag.*"],
-              required: true,
-            },
-            {
-              name: "content",
-              label: "Inhalt",
-              required: false,
-              ...MarkdownProps,
-            },
-          ],
-        },
-      ],
+      fields: [Title(false), DescriptionText],
     },
     {
       name: "projektwoche-index",

static/admin/config/collections/index.js

@@ -4,6 +4,7 @@ import PagesCollection from "./pages.js";
 import AuthorCollection from "./author.js";
 import BlogCollection from "./blog.js";
 import FormsCollection from "./forms.js";
+import GanztagCollection from "./ganztag.js";
 import WettbewerbeCollection from "./wettbewerbe.js";
 import BegabteCollection from "./begabte.js";
 import ProjektwocheCollection from "./projektwoche.js";
@@ -22,6 +23,7 @@ export {
   AuthorCollection,
   BlogCollection,
   FormsCollection,
+  GanztagCollection,
   WettbewerbeCollection,
   BegabteCollection,
   ProjektwocheCollection,

static/admin/config/collections/settings-collection.js

@@ -376,6 +376,15 @@ const SettingsCollection = {
           required: true,
         },
         Title(false),
+        {
+          name: "paginate",
+          label: "Anzahl der Seitenelemente",
+          widget: "number",
+          value_type: "int",
+          min: 1,
+          step: 1,
+          required: true,
+        },
         {
           name: "summaryLength",
           label: "Länge von Zusammenfassungen (Zeichenanzahl)",

static/admin/config/collections/stats.js

@@ -12,7 +12,7 @@ const StatsCollection = {
     {
       name: "abiturdurchschnitte",
       label: "Abiturdurchschnitte",
-      file: "assets/data/abiturdurchschnitte.json",
+      file: "static/data/abiturdurchschnitte.json",
       fields: [
         {
           name: "abiturdurchschnitte",
@@ -43,7 +43,7 @@ const StatsCollection = {
     {
       name: "schuelerzahlen",
       label: "Schülerzahlen",
-      file: "assets/data/schuelerzahlen.json",
+      file: "static/data/schuelerzahlen.json",
       fields: [
         {
           name: "schuelerzahlen",

static/admin/config/index.js

@@ -8,6 +8,7 @@ import {
   ChronikjahreCollection,
   ChronikseitenCollection,
   FormsCollection,
+  GanztagCollection,
   IndexPagesCollection,
   PagesCollection,
   ProjektwocheCollection,
@@ -63,6 +64,7 @@ const config = {
     AuthorCollection,
     BlogCollection,
     FormsCollection,
+    GanztagCollection,
     WettbewerbeCollection,
     BegabteCollection,
     ProjektwocheCollection,

static/admin/index.html

@@ -22,6 +22,7 @@
         AboutPreview,
         BlogPreview,
         ContestPreview,
+        GanztagPreview,
         PagePreview,
         EventPreview,
         AnmeldungPreview,
@@ -63,6 +64,7 @@
       CMS.registerPreviewTemplate("about-index", AboutPreview);
       CMS.registerPreviewTemplate("blog", BlogPreview);
       CMS.registerPreviewTemplate("wettbewerbe", ContestPreview);
+      CMS.registerPreviewTemplate("ganztagsangebote", GanztagPreview);
       CMS.registerPreviewTemplate("kontakt", KontaktPreview);
       CMS.registerPreviewTemplate("termine", EventPreview);
       CMS.registerPreviewTemplate("anmeldung-index", AnmeldungPreview);
@@ -73,7 +75,7 @@
       CMS.registerPreviewTemplate("forms", FormsPreview);
       CMS.registerPreviewTemplate("cantorpreis", CantorpreisPreview);
       CMS.registerPreviewTemplate("begabte", ContestPreview);
-      ["projektwoche", "superhaufen", "ganztagsangebote-index"].forEach((page) =>
+      ["projektwoche", "superhaufen"].forEach((page) =>
         CMS.registerPreviewTemplate(page, ProjektwochePreview)
       );
       ["abiturienten", "cantorfora"].forEach((page) =>
@@ -83,6 +85,7 @@
         "blog-index",
         "cantorpreis-index",
         "forms-index",
+        "ganztagsangebote-index",
         "wettbewerbe-index",
         "begabte-index",
         "abiturienten-index",
@@ -131,6 +134,7 @@
         "blog",
         "cantorpreis",
         "pages",
+        "ganztagsangebote",
         "wettbewerbe",
         "begabte",
         "projektwoche",

static/admin/previews/page-previews/ganztag-preview.js

@@ -0,0 +1,111 @@
+import {
+  Container,
+  ContentJustify,
+  PageHeader,
+  Section,
+} from "./components/index.js";
+
+const GanztagPreview = ({
+  widgetFor,
+  entry,
+  fields,
+  collection,
+}) => {
+  const imageField = useMemo(() => {
+    return fields.find((field) => field.name === "image");
+  }, [fields]);
+
+  const imageUrl = useMediaAsset(
+    entry.data.image,
+    collection,
+    imageField,
+    entry
+  );
+  return [
+    PageHeader(entry),
+    Section(
+      Container([
+        h("img", { className: "img-fluid w-100 mb-4", src: imageUrl }),
+        h("h2", {}, entry.data.title),
+        h(
+          "div",
+          { className: "row mb-4" },
+          h(
+            "div",
+            { className: "col-lg-3 col-sm-6 mb-3 mb-sm-0" },
+            h(
+              "div",
+              { className: "d-flex align-items-center" },
+              h("i", {
+                className:
+                  "mdi mdi-calendar-today-outline text-primary icon-md me-2",
+              }),
+              h(
+                "div",
+                { className: "text-start" },
+                h("h6", { className: "mb-0 text-uppercase" }, "Zeit"),
+                h("p", { className: "mb-0" }, entry.data.schedule)
+              )
+            )
+          ),
+          h(
+            "div",
+            { className: "col-lg-3 col-sm-6 mb-3 mb-sm-0" },
+            h(
+              "div",
+              { className: "d-flex align-items-center" },
+              h("i", {
+                className: "mdi mdi-timer-sand text-primary icon-md me-2",
+              }),
+              h(
+                "div",
+                { className: "text-start" },
+                h("h6", { className: "mb-0 text-uppercase" }, "Dauer"),
+                h("p", { className: "mb-0" }, entry.data.duration)
+              )
+            )
+          ),
+          h(
+            "div",
+            { className: "col-lg-3 col-sm-6 mb-3 mb-sm-0" },
+            h(
+              "div",
+              { className: "d-flex align-items-center" },
+              h("i", {
+                className: "mdi mdi-crowd text-primary icon-md me-2",
+              }),
+              h(
+                "div",
+                { className: "text-start" },
+                h("h6", { className: "mb-0 text-uppercase" }, "Klassen"),
+                h("p", { className: "mb-0" }, entry.data.class)
+              )
+            )
+          ),
+          h(
+            "div",
+            { className: "col-lg-3 col-sm-6 mb-3 mb-sm-0" },
+            h(
+              "div",
+              { className: "d-flex align-items-center" },
+              h("i", {
+                className:
+                  "mdi mdi-map-marker-radius-outline text-primary icon-md me-2",
+              }),
+              h(
+                "div",
+                { className: "text-start" },
+                h("h6", { className: "mb-0 text-uppercase" }, "Raum"),
+                h("p", { className: "mb-0" }, entry.data.room)
+              )
+            )
+          )
+        ),
+        h("hr", { className: "mb-4" }),
+        ContentJustify(widgetFor("body")),
+      ])
+    ),
+  ];
+};
+
+export default GanztagPreview;

static/admin/previews/page-previews/index.js

@@ -1,6 +1,7 @@
 import AboutPreview from "./about-preview.js";
 import BlogPreview from "./blog-preview.js";
 import ContestPreview from "./contest-preview.js";
+import GanztagPreview from "./ganztag-preview.js";
 import PagePreview from "./page-preview.js";
 import EventPreview from "./event-preview.js";
 import AnmeldungPreview from "./anmeldung-preview.js";
@@ -21,6 +22,7 @@ export {
   AboutPreview,
   BlogPreview,
   ContestPreview,
+  GanztagPreview,
   PagePreview,
   EventPreview,
   AnmeldungPreview,

static/admin/previews/page-previews/projektwoche-preview.js

@@ -1,7 +1,11 @@
-import { Container, ContentJustify, PageHeader, Row } from "./components/index.js";
+import {
+  Container,
+  ContentJustify,
+  PageHeader,
+  Row,
+} from "./components/index.js";
 
-const ProjektwochePreview = ({ widgetsFor, widgetFor, entry, collection, fields }) => {
-  const imageField = useMemo(() => fields.find((field) => field.name === "image"), [fields]);
+const ProjektwochePreview = ({ widgetsFor, widgetFor, entry }) => {
   return [
     PageHeader(entry),
     h(
@@ -19,27 +23,30 @@ const ProjektwochePreview = ({ widgetsFor, widgetFor, entry, collection, fields
                 {
                   className: "card border-primary rounded-0 hover-shadow mb-4",
                 },
-                tile.data.image && tile.data.image != "" && tile.data.image != "/media/image.webp"
-                  ? h("img", {
-                      className: "card-img-top rounded-0",
-                      src: useMediaAsset(tile.data.image, collection, imageField, entry),
-                    })
-                  : h(
-                      "div",
-                      {
-                        className: "container fb-tile-color",
-                        style: { backgroundColor: tile.data.bg_color },
-                      },
-                      h("i", {
-                        className: (tile.data.icon ?? "") + " fb-tile-icon",
-                        style: { color: tile.data.font_color },
-                      })
-                    ),
+                h(
+                  "div",
+                  {
+                    className: "container fb-tile-color",
+                    style: { backgroundColor: tile.data.bg_color },
+                  },
+                  h("i", {
+                    className: (tile.data.icon ?? "") + " fb-tile-icon",
+                    style: { color: tile.data.font_color },
+                  })
+                ),
                 h(
                   "div",
                   { className: "card-body" },
-                  h("h4", { className: "card-title text-truncate" }, tile.data.title),
-                  h("button", { type: "button", className: "btn btn-primary btn-sm" }, "Mehr anzeigen")
+                  h(
+                    "h4",
+                    { className: "card-title text-truncate" },
+                    tile.data.title
+                  ),
+                  h(
+                    "button",
+                    { type: "button", className: "btn btn-primary btn-sm" },
+                    "Mehr anzeigen"
+                  )
                 )
               )
             )