Kreative Haufen in CSS #254

Merged
Denys Konovalov merged 2 commits from feat/kh-remake into master 2024-01-02 21:55:32 +01:00
43 changed files with 886 additions and 426 deletions

@ -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;
}
}

@ -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

@ -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

@ -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.

@ -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.

@ -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

@ -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" >}}

@ -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.

@ -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

@ -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

@ -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

@ -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

@ -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.

@ -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

@ -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

@ -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

@ -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: >

@ -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.

@ -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

@ -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

@ -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.

@ -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

@ -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

@ -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

@ -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

@ -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: >

@ -2,7 +2,8 @@
title: "2012"
draft: false
type: schulchronik
pretext: null
pretext:
enable: false
topics:
- title: „Tag der Kulturen“
content: >

@ -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: >

@ -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.
>
> Verzeihn 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.
>
> Verzeihn 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 gehn,
>
> die sich sehr freun,
>
> wenn sie mich sehn
>
> und ohne Groll
>
> den Satz verstehn,
>
> 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" >}}

@ -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“.

@ -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

@ -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.

@ -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.

@ -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

@ -1,6 +1,8 @@
---
title: "2020"
draft: false
pretext:
enable: false
cantorpreisträger: Tom Erik Steinkopf
type: schulchronik
---

@ -1,6 +1,8 @@
---
title: "2021"
draft: false
pretext:
enable: false
cantorpreisträger: Oliver Zimmermann
type: schulchronik
---

@ -2,7 +2,8 @@
title: "2022"
draft: false
type: schulchronik
pretext: "\n\n\n"
pretext:
enable: false
cantorpreisträger: Sophia Jäger
---

@ -2,7 +2,8 @@
title: "2023"
draft: false
type: schulchronik
pretext: "\n\n\n"
pretext:
enable: false
topics:
- superhaufen:
enable: true

@ -1,5 +1,7 @@
---
title: "2024"
draft: true
pretext:
enable: false
type: schulchronik
---

@ -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>

@ -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,
},
],
};

@ -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;

@ -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;