Kreative Haufen in CSS (#254)

Schließt #211 Reviewed-on: #254
2024-01-02 21:55:31 +01:00 · 2024-01-02 21:55:31 +01:00 · 02c5040281
commit 02c5040281
parent 71aac39f00
43 changed files with 886 additions and 426 deletions
--- a/assets/css/style.css
+++ b/assets/css/style.css
@ -994,3 +994,74 @@ link:focus,
 .min-w-0 {
  min-width: 0;
 }
+
+/* Kreative Haufen */
+
+.kh-parent {
+  display: grid;
+  grid: repeat(3, 1fr) / repeat(4, 1fr);
+  justify-content: space-between;
+  align-content: space-between;
+  gap: .5rem;
+}
+
+.kh-parent > * {
+  justify-self: center;
+  text-align: center;
+  align-self: center;
+}
+
+.kh-parent > [onclick] {
+  cursor: pointer;
+}
+
+.kh-parent > [onclick]:hover {
+  transition: transform 0.3s ease-in-out;
+  transform: scale(1.1);
+}
+
+.kh-jahr {
+  grid-area: 2 / 2 / span 1 / span 2;
+  rotate: -25deg;
+  color: #ffbc3b;
+  margin: 0;
+}
+
+.kh-jahr[onclick]:hover {
+  text-shadow: rgba(255, 186, 59, 0.8) 0px 0px 170px;
+}
+
+.kh-jahr > * {
+  font-size: 3em;
+}
+
+.kh {
+  color: #1a1a37;
+  hyphens: manual;
+}
+
+.kh:hover {
+  text-shadow: rgba(26, 26, 55, 0.9) 0px 0px 70px;
+}
+
+.kh[data-id="0"] {
+  grid-area: 1 / 1 / span 1 / span 2;
+}
+
+.kh[data-id="1"] {
+  grid-area: 3 / 3 / span 1 / span 2;
+}
+
+.kh[data-id="2"] {
+  grid-area: 3 / 1 / span 1 / span 2;
+}
+
+.kh[data-id="3"] {
+  grid-area: 1 / 3 / span 1 / span 2;
+}
+
+@media (min-width: 1200px) {
+  .kh > * {
+    font-size: 1.5em;
+  }
+}
--- a/config.yml
+++ b/config.yml
@ -41,7 +41,6 @@ params:
      - https://assets.cantorgymnasium.de/slick/v1.8/slick.min.js
      - https://assets.cantorgymnasium.de/lazyload/v17/dist/lazyload.min.js
    head_js:
-      - https://assets.cantorgymnasium.de/wordcloud/v2/wordcloud2.min.js
      - https://assets.cantorgymnasium.de/echarts/v5/echarts.min.js
      - https://assets.cantorgymnasium.de/jquery/v3.6/jquery.min.js
      - https://assets.cantorgymnasium.de/venobox/v2/dist/venobox.min.js
--- a/content/schulchronik/1988.md
+++ b/content/schulchronik/1988.md
@ -2,7 +2,9 @@
 title: "1988"
 draft: false
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    Im Jahr 1988 beginnt die legendäre Ära des Georg-Cantor-Gymnasiums.

    Im Herbst 1986 fasste der damalige Rat des Bezirkes Halle den Beschluss, in
--- a/content/schulchronik/1989.md
+++ b/content/schulchronik/1989.md
@ -2,7 +2,9 @@
 title: "1989"
 draft: false
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    Während des ersten Jahres des Bestehens unseres Gymnasiums fand einer
    der bedeutendsten Meilensteine der deutschen Geschichte statt – der Mauerfall.

--- a/content/schulchronik/1990.md
+++ b/content/schulchronik/1990.md
@ -2,7 +2,9 @@
 title: "1990"
 draft: false
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    Der Schulbetrieb nahm weiterhin Fahrt auf und indem das Cantorgymnasium
    in diesem Jahr zusätzlich einen Jahrgang der 7. Klasse annahm, vergrößerte
    sich außerdem noch die Schulgemeinschaft.
--- a/content/schulchronik/1991.md
+++ b/content/schulchronik/1991.md
@ -2,7 +2,9 @@
 title: "1991"
 draft: false
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    Im Jahr 1991 wurde die ehemalige „Spezialschule
    mathematisch-naturwissenschaftlich-technische Richtung Ernst

--- a/content/schulchronik/1992.md
+++ b/content/schulchronik/1992.md
@ -2,7 +2,9 @@
 title: "1992"
 draft: false
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    Das Jahr 1992 war ein ereignisreiches Jahr. Für das Schuljahr 1991/92
    wurde der erste Abiturjahrgang mit Freude erwartet. Erstmals wurden an dem
    Gymnasium 5. Klässler aufgenommen. Insgesamt kamen so 4 neue Klassen zum
@ -13,6 +15,9 @@ pretext: >
    gelegt werden sollte. Gemeinsam schrieben die Elternräte aus Halle und
    Magdeburg einen Brief an den Ministerpräsidenten Werner Münch.
 topics:
+  - title: Erster Abiturjahrgang
+    content: |
+      {{< card title="Abiturienten 1992" link="/abiturienten/1992" >}}
  - title: Verlieren Mathe-Asse ihre Förderer?
    content: |
      {{< gallery dir="/media/schulchronik/1992" >}}
@ -139,4 +144,3 @@ topics:
      enable: false

 ---
-{{< card title="Erster Abiturjahrgang" link="/abiturienten/1992" >}}
--- a/content/schulchronik/1993.md
+++ b/content/schulchronik/1993.md
@ -2,7 +2,9 @@
 title: "1993"
 draft: false
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    Das Jahr 1993 war ein besonders ereignisreiches, aber aucherfolgreiches
    Jahr für das Cantor-Gymnasium. 

--- a/content/schulchronik/1994.md
+++ b/content/schulchronik/1994.md
@ -2,7 +2,9 @@
 title: "1994"
 draft: false
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    Das Jahr 1994 war ein bedeutungsvolles, was die internationale Umgebung
    des GCGs anging und auch immer noch angeht, denn ohne, dass ein Schüler der
    10. Klasse ein Jahr in Chicago verbracht hätte, wäre wohl auch folgenden
@ -21,7 +23,7 @@ topics:
      Rahmenrichtlinien. Dies beinhaltet eine modifizierte Stundentafel mit
      vertiefendem Unterricht in den naturwissenschaftlichen Fächern in Bezug
      auf unser Ausbildungsprofil.
-  - title: Einführung der Korrespondenzzirkel
+  - title: Einführung der Korrespondenz&shy;zirkel
    content: >
      Im Auftrag des Kultusministeriums des Landes Sachsen-Anhalt fördert das
      Georg-Cantor-Gymnasium interessierte und talentierte Schüler in Form einer
--- a/content/schulchronik/1995.md
+++ b/content/schulchronik/1995.md
@ -2,7 +2,9 @@
 title: "1995"
 draft: false
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    Im Jahr 1995 feierte unser Gymnasium den 150. Geburtstags unseres
    Namensgebers. Zu diesem Anlass fand eine Festveranstaltung statt. Untermalt
    mit reichlicher Musik wurde das Leben Cantors mittels einer Theaterszene und
--- a/content/schulchronik/1996.md
+++ b/content/schulchronik/1996.md
@ -3,7 +3,9 @@ title: "1996"
 draft: false
 cantorpreisträger: Robert Strich
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    In diesem Jahr hat sich der Förderverein der Schule eine besondere
    Auszeichnung einfallen lassen: den Cantorpreis. Den ersten bekam Robert
    Strich, der im März dieses Jahres auch Sieger im Bundeswettbewerb Mathematik
@ -22,7 +24,7 @@ pretext: >

    {{< image src="/media/schulchronik/1996/robertstrich.webp" >}}
 topics:
-  - title: Kooperationsvereinbarung mit der Martin-Luther-Universität
+  - title: Kooperations&shy;vereinbarung mit der Martin-Luther-Universität
    content: |
      {{< image src="/media/schulchronik/1996/mlu.webp" >}}
  - title: Wettbewerbserfolge
--- a/content/schulchronik/1997.md
+++ b/content/schulchronik/1997.md
@ -3,7 +3,9 @@ title: "1997"
 draft: false
 cantorpreisträger: Andreas Tannert
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    Diesen Sommer hatten unsere Schule und vor allem ihr Abschlussjahrgang
    einen besonderen Grund zur Freude: Der Abiturdurchschnitt war mit 1,7 der
    beste in ganz Sachsen-Anhalt. Ein herausragender Erfolg war außerdem der
--- a/content/schulchronik/1998.md
+++ b/content/schulchronik/1998.md
@ -2,7 +2,9 @@
 title: "1998"
 draft: false
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    Wenige Jahre nach der Festveranstaltung zum 150. Geburtstag Cantors,
    feierte das Gymnasium selbst Geburtstag, und zwar sein 10-jähriges Jubiläum.

--- a/content/schulchronik/1999.md
+++ b/content/schulchronik/1999.md
@ -3,7 +3,9 @@ title: "1999"
 draft: false
 cantorpreisträger: Stephan Diestelhorst
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    Seit diesem Jahr wird am Georg-Cantor-Gymnasium das Fach Informatik
    schon ab der 7. Klasse unterrichtet, eine Besonderheit des
    naturwissenschaftlichen Schwerpunkts der Schule. Doch auch außerhalb dieses
--- a/content/schulchronik/2000.md
+++ b/content/schulchronik/2000.md
@ -2,7 +2,9 @@
 title: "2000"
 draft: false
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    Die Jahrtausendwende fiel direkt auf den 155. Geburtstag von Cantor. Zu
    diesem Anlass wurden die beiden OB-Kandidaten Ingrid

--- a/content/schulchronik/2001.md
+++ b/content/schulchronik/2001.md
@ -3,7 +3,9 @@ title: "2001"
 draft: false
 cantorpreisträger: Lars Kasper
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    Die größte Sensation des Jahres 2001 fand am 19. Oktober statt. Mehrere
    Lehrer und Schüler nahmen im Schloss Bellevue in Berlin den Siemens Award für
    MINT-EC-Schulen aus den Händen von Bundespräsident Johannes Rau entgegen. Der
--- a/content/schulchronik/2002.md
+++ b/content/schulchronik/2002.md
@ -2,15 +2,13 @@
 title: "2002"
 draft: false
 type: schulchronik
-pretext: >+
+pretext:
+  enable: true
+  content: >
    Das Cantor-Gymnasium erhielt im Jahr 2002 besonderen Besuch – und zwar
    von Lehrern und Regierungsvertretern aus dem weit entfernten Japan. 

    Außerdem begann die lange und beständige Zusammenarbeit mit unserer Partnerfirma Dow-Chemical und die Vorbereitung der „Cantor-Oper“, die drei Jahre später uraufgeführt werden sollte.
-
-
-
-
 topics:
  - title: Kooperation mit DOW-Chemical
    content: >
--- a/content/schulchronik/2003.md
+++ b/content/schulchronik/2003.md
@ -3,7 +3,9 @@ title: "2003"
 draft: false
 cantorpreisträger: Susanne Havranek
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    Wenn Schüler anfangen, selbst zu streiken, dann muss das schon was
    heißen. Wenn sie neben Klassenarbeiten und Prüfungen für ihre Schule
    demonstrieren, sollte man darüber nachdenken, was hier wohl geschehen ist.
--- a/content/schulchronik/2004.md
+++ b/content/schulchronik/2004.md
@ -2,7 +2,9 @@
 title: "2004"
 draft: false
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    Nach einem sehr außergewöhnlichen Jahr 2003 kehrte in diesem Jahr
    wieder ein wenig Ruhe in das Georg-Cantor-Gymnasium ein. Es war eher das Jahr
    von Chemie und Mathematik, mit einer Menge Preise in diesen Richtungen. So
@ -13,7 +15,7 @@ pretext: >
    Nur der Cantorpreis wurde hauptsächlich für andere Leistungen vergeben. Der Preisträger dieses Jahres ist sehr engagiert und initiierte im November 2003 als Schülersprecher den Schülerstreik. Marcus Syring hat diesen Preis auf jeden Fall verdient und schließt sich mit seiner außergewöhnlichen Arbeit für die Schule als neunter Preisträger in die Reihe großer Cantorianer an.
 topics:
  - title: Franziska Flegel bei der internationalen Olympiade für
-      Nachwuchswissenschaftler
+      Nachwuchs&shy;wissenschaftler
    content: |
      {{< image src="/media/schulchronik/2004/franziska-flegel.webp" >}}
  - title: Wettbewerbserfolge
--- a/content/schulchronik/2005.md
+++ b/content/schulchronik/2005.md
@ -2,7 +2,9 @@
 title: "2005"
 draft: false
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    Georg Cantor ist zweifellos ein großer Mathematiker und auf jeden Fall
    der Ehrung durch ein Theaterstück wert. Lediglich fehlte bisher wohl der
    Wagemut, sich dieser Aufgabe anzunehmen. Zumindest bis Ingomar Grünauer kam
--- a/content/schulchronik/2006.md
+++ b/content/schulchronik/2006.md
@ -3,7 +3,9 @@ title: "2006"
 draft: false
 cantorpreisträger: Udo Dorn
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    Neben den unserem Profil entsprechenden Erfolgen gab es in diesem Jahr
    auch einige kulturelle Höhepunkte.

--- a/content/schulchronik/2007.md
+++ b/content/schulchronik/2007.md
@ -3,7 +3,9 @@ title: "2007"
 draft: false
 cantorpreisträger: Sebastian Koch/Henning Seidler
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    Das Wichtigste in diesem Jahr ist wohl der Umzug aus dem Gebäude in der
    Muldestraße in die Torstraße. Zwar konnten weder Aula noch die interne
    Turnhalle genutzt werden, da sie noch nicht fertig renoviert waren, doch
--- a/content/schulchronik/2008.md
+++ b/content/schulchronik/2008.md
@ -2,7 +2,9 @@
 title: "2008"
 draft: false
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    Die 11. Biologie-Chemie-Olympiade brachte Paulin Wendler einen hervorragenden
    zweiten Platz ein, den sie sich mit einem Schüler vom Agricolagymnasium in
    Hohenmölsen teilte. Geehrt konnte sie in der restaurierten Aula werden, die
--- a/content/schulchronik/2009.md
+++ b/content/schulchronik/2009.md
@ -3,7 +3,9 @@ title: "2009"
 draft: false
 cantorpreisträger: Bertram Arnold
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    Im Jahr 2009 nahm das Georg-Cantor-Gymnasium erfolgreich an der
    Landes-Deutsch-Olympiade und der Landes-Mathematik-Olympiade teil. Andere
    Wettbewerbe, in denen Cantorianern erfolgreich waren, sind der
--- a/content/schulchronik/2010.md
+++ b/content/schulchronik/2010.md
@ -2,7 +2,9 @@
 title: "2010"
 draft: false
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    Das Jahr 2010 war ein erneut erfolgreiches Wettbewerbsjahr. Neben
    zahlreichen Errungenschaften bei MINT-Wettbewerben, wie „Jugend Forscht“ oder
    der Mathe-Olympiade, zeigte das GCG, dass es auch beispielsweise im eher
--- a/content/schulchronik/2011.md
+++ b/content/schulchronik/2011.md
@ -3,6 +3,8 @@ title: "2011"
 draft: false
 cantorpreisträger: Maximilian König
 type: schulchronik
+pretext:
+  enable: false
 topics:
  - title: Schule ohne Rassismus – Schule mit Courage
    content: >
--- a/content/schulchronik/2012.md
+++ b/content/schulchronik/2012.md
@ -2,7 +2,8 @@
 title: "2012"
 draft: false
 type: schulchronik
-pretext: null
+pretext:
+  enable: false
 topics:
  - title: „Tag der Kulturen“
    content: >
--- a/content/schulchronik/2013.md
+++ b/content/schulchronik/2013.md
@ -3,6 +3,8 @@ title: "2013"
 draft: false
 cantorpreisträger: Dorothee Henke
 type: schulchronik
+pretext:
+  enable: false
 topics:
  - title: 25-jähriges Jubiläum
    content: >
--- a/content/schulchronik/2014.md
+++ b/content/schulchronik/2014.md
@ -1,9 +1,9 @@
 ---
 title: "2014"
 draft: false
-cantorpreisträger: Paula Hähndel
 type: schulchronik
 pretext:
+  enable: false
 topics:
  - title: Junior-Ingenieur-Akademie
    content: >
@ -25,5 +25,345 @@ topics:
      (WOU) laufen. Der Unterricht wird so geplant, dass etwa zu je einem
      Drittel Veranstaltungen an der Schule, der Hochschule und im Unternehmen
      stattfinden.
+    superhaufen:
+      enable: false
+  - title: Verabschiedung Herr OStD Dr. Müller
+    content: >
+      ### Programm
+
+
+      > Festveranstaltung
+
+      >
+
+      > anlässlich der feierlichen Verabschiedung des Schulleiters des Georg-Cantor-Gymnasiums
+
+      >
+
+      > Halle - 11. Juli 2014 - 14.00 Uhr - Aula
+
+
+      ##### Programm
+
+
+      > Anna Imming (Klavier) und Lavinia Burkhardt (Blockflöte)
+
+      >
+
+      > Peter Tschaikowski
+
+      >
+
+      > „Marsch“ aus „Nussknacker-Suite“
+
+
+      ##### Begrüßung
+
+
+      Herr Dieter Kammel
+
+
+      > Anna Imming (Klavier)
+
+      >
+
+      > Camille Saint-Saëns
+
+      >
+
+      > „Der Schwan“ aus „Karneval der Tiere“
+
+
+      ##### Grußworte
+
+
+      - Herr Kogge, Vertreter des Oberbürgermeisters
+
+      - Herr Klieme, Leiter des Landesschulamtes
+
+      - Herr Prof. Dr. Sträter, Rektor der Martin-Luther-Universität
+
+      - weitere Redner
+
+
+      ##### Offizielle Verabschiedung
+
+
+      Frau Grinda, Referentin Landesschulamt
+
+
+      ##### Grußworte des Kollegiums
+
+
+      ##### Übergabe der Präsente
+
+
+      Herr Brode und Frau Schmidt und die Fachbereiche
+
+
+      Musikstücke (Kammerchor)
+
+
+      ##### Dankesworte
+
+
+      Herr OStD Dr. Ulrich Müller
+
+
+      > Carolina Cao (Klavier)
+
+      >
+
+      > Peter Tschaikowski
+
+      >
+
+      > „Juni“ aus „Die Jahreszeiten“ op. 37a
+
+
+      ##### Empfang im Schulgebäude
+
+
+      ### Danksagung
+
+
+      Das sagte Herr OStD. Dr. Müller am 12. Juli 2014:
+
+      {{< image src="/media/schulchronik/2014/danksagung.webp" >}}
+
+
+      ### "Cheflied"
+
+
+      #### My Way (nach Harald Juhnke)
+
+
+      > Was ich im Leben tat,
+
+      >
+
+      > das war bestimmt
+
+      >
+
+      > nicht immer richtig.
+
+      >
+
+      > Ich nahm,
+
+      >
+
+      > was ich bekam
+
+      >
+
+      > und nahm manches
+
+      >
+
+      > nicht so wichtig.
+
+      >
+
+      > Wenn ich
+
+      >
+
+      > auch ganz gewiss
+
+      >
+
+      > mich nicht von Schuld
+
+      >
+
+      > und Schwächen frei seh‘.
+
+      >
+
+      > Verzeih‘n Sie,
+
+      >
+
+      > wenn ich sag,
+
+      >
+
+      > I Did It My Way.
+
+      >
+
+      > Ich kenn
+
+      >
+
+      > das Auf und Ab,
+
+      >
+
+      > den Jubel und
+
+      >
+
+      > die bittren Tränen.
+
+      >
+
+      > Ich stand
+
+      >
+
+      > auch oft am Rand, 
+
+      >
+
+      > das brauch‘ ich wohl
+
+      >
+
+      > nicht zu erwähnen.
+
+      >
+
+      > Es ist
+
+      >
+
+      > für mich ein Trost,
+
+      >
+
+      > dass ich trotz allem
+
+      >
+
+      > nicht entzwei geh.
+
+      >
+
+      > Verzeih‘n Sie,
+
+      >
+
+      > wenn ich sag,
+
+      >
+
+      > I Did It My Way.
+
+      >
+
+      > Und dennoch denk‘
+
+      >
+
+      > ich gern zurück.
+
+      >
+
+      > Ich hatte Glück,
+
+      >
+
+      > verdammt viel Glück.
+
+      >
+
+      > Ich kann zu vielen
+
+      >
+
+      > Freunden geh‘n, 
+
+      >
+
+      > die sich sehr freu‘n,
+
+      >
+
+      > wenn sie mich seh‘n
+
+      >
+
+      > und ohne Groll
+
+      >
+
+      > den Satz versteh‘n,
+
+      >
+
+      > I Did It My Way.
+
+      >
+
+      > Ich hab‘ 
+
+      >
+
+      > ein Kollegium
+
+      >
+
+      > und darauf kann
+
+      >
+
+      > ich mich verlassen.
+
+      >
+
+      > Sehr engagiert
+
+      >
+
+      > setzt es viel um.
+
+      >
+
+      > Ich kann das manchmal
+
+      >
+
+      > kaum noch fassen.
+
+      >
+
+      > Ich schau
+
+      >
+
+      > auf dieses Haus,
+
+      >
+
+      > ein Lebenswerk,
+
+      >
+
+      > es wird mir fehlen.
+
+      >
+
+      > Ich sag und das mit Stolz,
+
+      >
+
+      > I Did It My Way.
+
+
+      ## Zeitungsartikel
+
+
+      {{< image src="/media/schulchronik/2014/zeitung.webp" >}}
+
+
+      ## Fotos
+
+
+      {{< gallery dir="/media/schulchronik/2014/galerie" >}}
+    superhaufen:
+      enable: false
+cantorpreisträger: Paula Hähndel
 ---
-{{< card title="Verabschiedung Herr OStD Dr. Müller" link="/chronikseiten/verabschiedung-herr-dr-mueller" >}}
--- a/content/schulchronik/2015.md
+++ b/content/schulchronik/2015.md
@ -2,7 +2,9 @@
 title: "2015"
 draft: false
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    Auch in diesem Jahr, konnten viele Wettbewerbserfolge vermerkt werden.
    Ob bei der Mathe-Olympiade, dem Bundeswettbewerb Fremdsprachen oder „Jugend
    musiziert“.
--- a/content/schulchronik/2016.md
+++ b/content/schulchronik/2016.md
@ -2,7 +2,9 @@
 title: "2016"
 draft: false
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    Auch im Jahr Jahr 2016  konnte das Georg-Cantor-Gymnasium viele
    Wettbewerbserfolge feiern. Dazu gehören Errungenschaften bei „Jugend
    Forscht“,  „Jugend musiziert“ , der Bundeswettbewerb Fremdsprachen und
--- a/content/schulchronik/2017.md
+++ b/content/schulchronik/2017.md
@ -2,7 +2,9 @@
 title: "2017"
 draft: false
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    Im Jahr 2017 wurde im Cantor-Gymnasium begonnen, die Festwoche des 100.
    Todestag von Cantor vorzubereiten. 

--- a/content/schulchronik/2018.md
+++ b/content/schulchronik/2018.md
@ -2,7 +2,9 @@
 title: "2018"
 draft: false
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    2018 war sowohl für das GCG als auch für Georg Cantor selbst ein ganz besonderes Jahr. Während der 100. Todestag von unserem Namensgeber gefeiert wurde, zelebrierte unser Gymnasium sein 30-jähriges Bestehen.

    Im Rahmen dieser Festlichkeiten wurden vielfältige Aktionen geplant. Unter anderem wurde mit viel Mühe und Arbeit eine Rallye zum Thema Cantor zusammengestellt, ein Flashmob in Form eines Unendlichkeitszeichens organisiert und es fand ein fantastisches Schulfest statt, welches die damalige 10. Klasse zusammengestellt hat.
--- a/content/schulchronik/2019.md
+++ b/content/schulchronik/2019.md
@ -2,7 +2,9 @@
 title: "2019"
 draft: false
 type: schulchronik
-pretext: >
+pretext:
+  enable: true
+  content: >
    Neben dem naturwissenschaftlichen Wettbewerbs-Marathon konnten sich in
    diesem Jahr die Cantorianer auch sportlich auspowern. Zusammen mit dem Neuen
    Städtischen Gymnasium fand in der ehemaligen Eissporthalle dieses Jahr ein
--- a/content/schulchronik/2020.md
+++ b/content/schulchronik/2020.md
@ -1,6 +1,8 @@
 ---
 title: "2020"
 draft: false
+pretext:
+  enable: false
 cantorpreisträger: Tom Erik Steinkopf
 type: schulchronik
 ---
--- a/content/schulchronik/2021.md
+++ b/content/schulchronik/2021.md
@ -1,6 +1,8 @@
 ---
 title: "2021"
 draft: false
+pretext:
+  enable: false
 cantorpreisträger: Oliver Zimmermann
 type: schulchronik
 ---
--- a/content/schulchronik/2022.md
+++ b/content/schulchronik/2022.md
@ -2,7 +2,8 @@
 title: "2022"
 draft: false
 type: schulchronik
-pretext: "\n\n\n"
+pretext:
+  enable: false
 cantorpreisträger: Sophia Jäger
 ---

--- a/content/schulchronik/2023.md
+++ b/content/schulchronik/2023.md
@ -2,7 +2,8 @@
 title: "2023"
 draft: false
 type: schulchronik
-pretext: "\n\n\n"
+pretext:
+  enable: false
 topics:
  - superhaufen:
      enable: true
--- a/content/schulchronik/2024.md
+++ b/content/schulchronik/2024.md
@ -1,5 +1,7 @@
 ---
 title: "2024"
 draft: true
+pretext:
+  enable: false
 type: schulchronik
 ---
--- a/layouts/schulchronik/single.html
+++ b/layouts/schulchronik/single.html
@ -1,93 +1,64 @@
 {{ define "main" }}

+{{ range .Params.topics }}
+  {{ partial "modal" . }}
+{{ end }}
+
+{{ if .Params.pretext.enable }}
+  {{ partial "modal" (dict "title" .Title "content" .Params.pretext.content) }}
+{{ end }}
+
 <section class="section" data-pagefind-body>
-  <!-- TODO: everything -->
  <div class="container">
-    {{ if or .Params.cantorpreisträger (where (where .Site.RegularPages "Title" (print "Abiturienten " .Params.Title ) ) "Type" "=" "abiturienten") }}
+    {{ if or .Params.cantorpreisträger (where .Site.RegularPages "Title" (print "Abiturienten " .Params.Title ) ) }}
    <div class="card-group">
      {{ range where (where .Site.RegularPages "Title" .Params.Title ) "Type" "=" "cantorpreis" }}
      <div class="card d-flex flex-row flex-wrap">
-          <div class="flex-shrink-0">
-            <a href="{{ .Permalink }}"><img src="{{ .Params.Image | relURL }}" class="rounded-circle m-3 object-cover" height="128px" width="128px"></a>
-          </div>
+          <a href="{{ .Permalink }}">
+            <img src="{{ .Params.Image | relURL }}" class="rounded-circle object-cover m-3" width="128px" height="128px">
+          </a>
          <div class="flex-grow card-body min-w-0">
            <a href="/cantorpreis"><h3 class="card-title">Cantorpreisträger</h3></a>
-            <a href="{{ .Permalink }}"><p class="h4 card-text">{{ .Params.name }}</p></a>
+            <a href="{{ .Permalink }}" class="h4 card-text">{{ .Params.name }}</a>
          </div>
      </div>
      {{ end }}
-      {{ range where (where .Site.RegularPages "Title" (print "Abiturienten " .Params.Title ) ) "Type" "=" "abiturienten" }}
+      {{ range where .Site.RegularPages "Title" (print "Abiturienten " .Params.Title ) }}
      <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>
-            {{ $abiturdurchschnitte := getJSON "static/data/abiturdurchschnitte.json" }}
-            {{ range $abiturdurchschnitte.abiturdurchschnitte  }}
-              {{ if eq (string (index . "jahr")) $.Title }}<a href="/chronikseiten/abiturdurchschnitte"><p class="h4 card-text">Abiturdurchschnitt: {{ .schnitt }}</p></a>{{ end }}
+          {{ 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>
-          <div class="">
        <a href="{{ .Permalink }}">
          <img src="{{ .Params.Image | relURL }}" class="rounded-circle object-cover m-3" width="128px" height="128px">
        </a>
      </div>
+      {{ end }}
    </div>
    {{ end }}
-  {{ end }}
-    {{ range .Params.topics }}
-      {{ partial "modal" . }}
-    {{ end }}
-    {{ if and .Params.pretext (ne .Params.pretext "\n\n\n") }}
-      {{ partial "modal" (dict "title" .Title "content" .Params.pretext) }}
-    {{ end }}
-    <div id="wc-canvas"></div>
+    <div class="kh-parent">
+      <div class="kh-jahr h1"
+        {{ if .Params.pretext.enable }}
+          onclick="$('{{ print `#` (md5 .Title) }}').modal('show')"
+        {{ end }}>
+          <span>{{ .Title }}</span>
+      </div>
      {{ $topics := slice }}
-    {{ if .Params.pretext }}
-      {{ $topics = $topics | append (dict "Title" .Params.Title "Size" (int 200) "ID" (md5 .Title)) }}
-    {{ else }}
-      {{ $topics = $topics | append (dict "Title" .Params.Title "Size" (int 200)) }}
-    {{ end }}
      {{ range .Params.topics }}
-      {{ if .superhaufen.enable }}
-        {{ $topics  = $topics | append (dict "Title" .title "Size" 30 "ID" (.superhaufen.link | urlize)  "Superhaufen" true ) }}
+        {{ $topics = $topics | append (dict "titleLength" (len .title) "topic" .) }}
+      {{ end }}
+      {{ range $id, $topic := sort $topics "titleLength" "desc" }}
+        <div class="kh h3" data-id="{{ $id }}"
+          {{ if not $topic.topic.superhaufen.enable }}
+            onclick="$('#{{ md5 $topic.topic.title }}').modal('show');"
          {{ else }}
-        {{ $topics  = $topics | append (dict "Title" .title "Size" 30 "ID" (md5 .title)) }}
+            onclick="window.location = '{{ print (`/superhaufen/` | relURL ) ($topic.topic.superhaufen.link | urlize) }}';"
+          {{ end }}>
+          <span>{{ $topic.topic.title | safeHTML }}</span>
+        </div>
      {{ end }}
-    {{ end }}
-    <script>
-      WordCloud(
-        document.getElementById('wc-canvas'),
-        {
-          click: function (item) {
-            if (item[2] != null) {
-              if (item[3])  {
-                window.location.href = "{{ `/superhaufen/` | relURL }}" + item[2];
-              } else {
-                $('#' + item[2]).modal('show');
-              }
-            }
-          },
-          color: function (word, weight) {
-            return (weight === 200) ? '#ffbc3b' : '#1a1a37';
-          },
-          /* hover: function(item, dimension, event) {
-            item && item[2] ? event.target.style.textDecorationLine = "underline" : null
-          },*/
-          fontFamily: 'Ubuntu, sans-serif',
-          fontWeight: 700,
-          list: JSON.parse("{{ $topics | jsonify }}").map(obj => {
-            return [obj.Title, obj.Size, obj.ID ? obj.ID : null, obj.Superhaufen ? true : false]
-          }),
-          shrinkToFit: true,
-          gridSize: 50,
-          rotateRatio: 0,
-          shuffle: false,
-          shape: "square",
-          ellipticity: 1,
-          clearCanvas: true
-        } 
-      );
-    </script>
-    {{ .Content }}
    </div>
  </div>
 </section>
--- a/static/admin/config/collections/chronikjahre.js
+++ b/static/admin/config/collections/chronikjahre.js
@ -1,4 +1,4 @@
-import { MarkdownProps } from "../props.js";
+import { MarkdownProps, EditorProps } from "../props.js";
 import { DraftBoolean, EnableBoolean } from "./widgets.js";

 const ChronikjahreCollection = {
@ -13,11 +13,7 @@ const ChronikjahreCollection = {
    field: "type",
    value: "schulchronik",
  },
-  create: true,
-  editor: {
-    preview: false,
-    size: "half",
-  },
+  ...EditorProps,
  summary_fields: ["title", "draft", "cantorpreisträger", "topics"],
  sortable_fields: {
    fields: ["title"],
@ -44,7 +40,20 @@ const ChronikjahreCollection = {
      label: "Einleitung",
      hint: "Text für die Jahreszahl",
      required: false,
+      widget: "object",
+      fields: [
+        EnableBoolean,
+        {
+          name: "content",
+          label: "Text",
+          condition: {
+            field: "pretext.enable",
+            value: true,
+          },
+          required: false,
          ...MarkdownProps,     
+        }
+      ]
    },
    {
      name: "topics",
@ -53,6 +62,7 @@ const ChronikjahreCollection = {
      widget: "list",
      required: false,
      collapsed: true,
+      max: 4,
      fields: [
        {
          name: "title",
@ -63,6 +73,10 @@ const ChronikjahreCollection = {
        {
          name: "content",
          label: "Inhalt",
+          condition: {
+            field: "superhaufen.enable",
+            value: false,
+          },
          required: false,
          ...MarkdownProps,
        },
@ -80,6 +94,10 @@ const ChronikjahreCollection = {
              collection: "superhaufen",
              search_fields: ["title"],
              value_field: "title",
+              condition: {
+                field: "superhaufen.enable",
+                value: true,
+              },
              required: false,
              collapsed: true,
            },
@ -96,13 +114,6 @@ const ChronikjahreCollection = {
      value_field: "name",
      required: false,
    },
-    {
-      name: "body",
-      label: "Text",
-      hint: "Erscheint zusätzlich zu den Kreativen Haufen",
-      required: false,
-      ...MarkdownProps,
-    },
  ],
 };

--- a/static/admin/previews/page-previews/chronik-preview.js
+++ b/static/admin/previews/page-previews/chronik-preview.js
@ -1,78 +1,79 @@
 import { PageHeader } from "./components/index.js";

 const ChronikPreview = ({ widgetFor, widgetsFor, entry, document, window }) => {
-  /*return [PageHeader,
-            h('section', {className: "section"},
-                h('div', {className: "container"},
-                    h('div', {className: "row"},
-                    h('div', {className: "col-12 mb-4 content"},
-                    widgetsFor('topics').map(function(i, index) {
-                        return h('div', {"id": i.data.id, className: "modal"},
-                            h('div', {className: "modal-dialog modal-lg", "role": "document"},
-                            h('div', {className: "modal-content"},
-                                h('div', {className: "modal-header"},
-                                h('h5', {className: "modal-title"}, i.data.title),
-                                h('button', {className: "close", type: "button", "dataDismiss": "modal", "ariaLabel": "Close"},
-                                    h('span', {"ariaHidden": "true"}, '\u{00d7}')
-                                )
-                                ),
-                                h('div', {className: "modal-body"},
-                                h('div', {className: "content"}, i.content)
-                                )
-                            )
-                            )
-                        );
+  return [
+    PageHeader(entry),
+    h(
+      "section",
+      { className: "section" },
+      h(
+        "div",
+        { className: "container" },
+        h(
+          "div",
+          { className: "card-group" },
+          h(
+            "div",
+            { className: "card d-flex flex-row flex-wrap" },
+            h("img", {
+              src: "https://cantorgymnasium.de/media/people/gcg.webp",
+              className: "rounded-circle object-cover m-3",
+              width: "128px",
+              height: "128px",
            }),
-                    entry.data.pretext != "" && entry.data.pretext != null ? h('div', {"id": "pretext", className: "modal"},
-                    h('div', {className: "modal-dialog modal-lg", "role": "document"},
-                        h('div', {className: "modal-content"},
-                        h('div', {className: "modal-header"},
-                            h('h5', {className: "modal-title"}, entry.data.title),
-                            h('button', {className: "close", type: "button", "dataDismiss": "modal", "ariaLabel": "Close"},
-                            h('span', {"ariaHidden": "true"}, '\u{00d7}')
+            h(
+              "div",
+              { className: "flex-grow card-body min-w-0" },
+              h("h3", { className: "card-title" }, "Cantorpreisträger"),
+              h(
+                "p",
+                { className: "h4 card-text" },
+                widgetFor("cantorpreisträger")
+              )
            )
          ),
-                        h('div', {className: "modal-body"},
-                            h('div', {className: "content"}, widgetFor('pretext'))
+          h(
+            "div",
+            { className: "card d-flex flex-row flex-wrap-reverse" },
+            h(
+              "div",
+              { className: "flex-grow card-body min-w-0" },
+              h(
+                "h3",
+                { className: "card-title" },
+                "Abiturienten " + entry.data.title
+              ),
+              h("p", { className: "h4 card-text" }, "Abiturdurchschnitt: 0.00")
+            ),
+            h("img", {
+              src: "https://cantorgymnasium.de/media/people/gcg.webp",
+              className: "rounded-circle object-cover m-3",
+              width: "128px",
+              height: "128px",
+            })
          )
-                        )
-                    )
-                    ) : null,
-                    h('div', {"id": "wc-canvas"}),
-                    () => {
-                        var topics = [[entry.data.title, 100, "pretext"]];
-                        widgetsFor('topics').map(function(i, index) {
-                        topics.push([i.data.title, 40, i.data.id]);
-                        });
-                        var script = document.createElement('script');
-                        var div = document.getElementById('sc-root');
-                        div.appendChild(script);
-                        WordCloud(
-                        document.getElementById('wc-canvas'),
-                        {
-                            click: function (item) {
-                            if (item[1] != 100 || (item[1] == 100 && item[2] == "pretext")) {
-                                $('#' + item[2]).modal('show');
-                            }
-                            },
-                            color: function (word, weight) {
-                            return (weight === 100) ? '#ffbc3b' : '#1a1a37';
-                            },
-                            fontFamily: 'Fira Sans, serif',
-                            fontWeight: 800,
-                            list: topics,
-                            shrinkToFit: true,
-                            gridSize: 25,
-                            rotateRatio: 0,
-                        } 
-                        );
-                    },
-                    widgetFor('body')
+        ),
+        h(
+          "div",
+          { className: "kh-parent" },
+          h(
+            "div",
+            { className: "kh-jahr h1" },
+            h("span", {}, entry.data.title)
+          ),
+          widgetsFor("topics")
+            .sort((a, b) => b.data.title.length - a.data.title.length)
+            .map((topic, index) =>
+              h(
+                "div",
+                { className: "kh h3", "data-id": `${index}` },
+                h("span", {}, topic.data.title)
              )
            )
        )
      )
-    ];*/
+    ),
+  ];
 };

 export default ChronikPreview;
--- a/static/admin/previews/page-previews/styles.js
+++ b/static/admin/previews/page-previews/styles.js
@ -3,7 +3,7 @@ const PreviewStyles = [
  "https://assets.cantorgymnasium.de/fonts/fira/fira.css",
  "https://assets.cantorgymnasium.de/fonts/ubuntu/ubuntu.css",
  "https://assets.cantorgymnasium.de/fonts/mdi/v7/css/materialdesignicons.min.css",
-  "https://cantorgymnasium.de/css/style.min.css",
+  "/css/style.min.css",
 ];

 export default PreviewStyles;