assets/js/script.js

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

content/ganztagsangebote/_index.md

@@ -2,4 +2,155 @@
 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

@@ -1,20 +0,0 @@
----
-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

@@ -1,14 +0,0 @@
----
-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

@@ -1,13 +0,0 @@
----
-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

@@ -1,44 +0,0 @@
----
-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

@@ -1,25 +0,0 @@
----
-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

@@ -1,14 +0,0 @@
----
-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

@@ -1,15 +0,0 @@
----
-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

@@ -1,15 +0,0 @@
----
-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

@@ -1,13 +0,0 @@
----
-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

@@ -1,13 +0,0 @@
----
-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

@@ -1,27 +0,0 @@
----
-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

@@ -1,16 +0,0 @@
----
-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

@@ -1,26 +0,0 @@
----
-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

@@ -1,13 +0,0 @@
----
-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

@@ -1,17 +0,0 @@
----
-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

@@ -1,13 +0,0 @@
----
-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

@@ -1,14 +0,0 @@
----
-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

@@ -1,13 +0,0 @@
----
-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

@@ -1,15 +0,0 @@
----
-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
----
-
-
-

layouts/ganztagsangebote/list.html

@@ -1,17 +1,7 @@
 {{ define "main" }}
 
-<section class="section">
+<main data-pagefind-body>
-  <div class="container">
+  {{ partial "tile-modals" . }}
-    {{ partial "filter-controls" . }}
+</main>
-    <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

@@ -1,35 +0,0 @@
-{{ 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,10 +179,17 @@
       </div>
     </div>
     <div class="row justify-content-center">
-      {{ range first (int $data.homepage.ganztagsangebote.number) (where .Site.RegularPages "Type" "ganztagsangebote" | shuffle)}}
+      {{ with .Site.GetPage "/ganztagsangebote/_index.md" }}
+        {{ range first (int $data.homepage.ganztagsangebote.number) (.Params.tiles | shuffle) }}
           <div class="col-lg-4 col-sm-6">
-        {{ partial "ganztag" . }}
+            <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 }}
       {{ end }}
     </div>
   </div>

layouts/partials/filter-controls.html

@@ -1,9 +1,19 @@
 <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>
+  {{ end }}
   {{ range ( $categories | uniq ) }}
     <li class="list-inline-item m-3 text-uppercase" data-filter="{{ . | urlize }}">{{ . | humanize }}</li>
   {{ end }}

layouts/partials/footer.html

@@ -29,8 +29,10 @@
         <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">
-            {{ range first 5 (where .Site.RegularPages "Type" "ganztagsangebote" | shuffle)}}
+            {{ with .Site.GetPage "/ganztagsangebote/_index.md" }}
-            <li class="mb-3"><a class="text-white text-opacity-50" href="{{ .Permalink }}">{{ .Title }}</a></li>
+              {{ range first 5 (.Params.tiles | shuffle) }}
+                <li class="mb-3"><a class="text-white text-opacity-50" href="/ganztagsangebote">{{ .title }}</a></li>
+              {{ end }}
             {{ end }}
           </ul>
         </div>

layouts/partials/tile-modals.html

@@ -5,14 +5,19 @@
     </div>
   </div>
   <div class="container">
-    <div class="row">
+    {{ partial "filter-controls" . }}
+    <div class="filter-container row">
       {{ range .Params.tiles }}
         {{ partial "modal" . }}
-        <div class="col-lg-4 col-sm-6">
+        <div class="col-lg-4 col-sm-6 filter-item" data-groups="{{ .category | urlize }}">
           <div class="card border-primary rounded-0 hover-shadow mb-4">
+            {{ 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="card-body">
               <h4 class="card-title text-truncate">{{ .title }}</h4>
               <button type="button" class="btn btn-primary btn-sm" onclick="$('#{{ md5 .title }}').modal('show');" data-pagefind-ignore>Mehr anzeigen</button>
@@ -21,5 +26,6 @@
         </div>
       {{ end }}
     </div>
+    <div class="filter-sizer col-1"></div>
   </div>
 </section>

static/admin/config/collections/ganztag.js

@@ -1,86 +0,0 @@
-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,7 +241,46 @@ const IndexPagesCollection = {
       name: "ganztagsangebote-index",
       label: "Unser Ganztagsbereich",
       file: "content/ganztagsangebote/_index.md",
-      fields: [Title(false), DescriptionText],
+      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,
+            },
+          ],
+        },
+      ],
     },
     {
       name: "projektwoche-index",

static/admin/config/collections/index.js

@@ -4,7 +4,6 @@ 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";
@@ -23,7 +22,6 @@ export {
   AuthorCollection,
   BlogCollection,
   FormsCollection,
-  GanztagCollection,
   WettbewerbeCollection,
   BegabteCollection,
   ProjektwocheCollection,

static/admin/config/index.js

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

static/admin/index.html

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

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

@@ -1,111 +0,0 @@
-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,7 +1,6 @@
 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";
@@ -22,7 +21,6 @@ export {
   AboutPreview,
   BlogPreview,
   ContestPreview,
-  GanztagPreview,
   PagePreview,
   EventPreview,
   AnmeldungPreview,

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

@@ -1,11 +1,7 @@
-import {
+import { Container, ContentJustify, PageHeader, Row } from "./components/index.js";
-  Container,
-  ContentJustify,
-  PageHeader,
-  Row,
-} from "./components/index.js";
 
-const ProjektwochePreview = ({ widgetsFor, widgetFor, entry }) => {
+const ProjektwochePreview = ({ widgetsFor, widgetFor, entry, collection, fields }) => {
+  const imageField = useMemo(() => fields.find((field) => field.name === "image"), [fields]);
   return [
     PageHeader(entry),
     h(
@@ -23,7 +19,12 @@ const ProjektwochePreview = ({ widgetsFor, widgetFor, entry }) => {
                 {
                   className: "card border-primary rounded-0 hover-shadow mb-4",
                 },
-                h(
+                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",
@@ -37,16 +38,8 @@ const ProjektwochePreview = ({ widgetsFor, widgetFor, entry }) => {
                 h(
                   "div",
                   { className: "card-body" },
-                  h(
+                  h("h4", { className: "card-title text-truncate" }, tile.data.title),
-                    "h4",
+                  h("button", { type: "button", className: "btn btn-primary btn-sm" }, "Mehr anzeigen")
-                    { className: "card-title text-truncate" },
-                    tile.data.title
-                  ),
-                  h(
-                    "button",
-                    { type: "button", className: "btn btn-primary btn-sm" },
-                    "Mehr anzeigen"
-                  )
                 )
               )
             )