Projektwoche (#213)

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

config.yml

@@ -156,6 +156,13 @@ menu:
       hasChildren: false
       params:
         external: false
+    - parent: Unterricht
+      name: Projektwoche
+      URL: projektwoche
+      weight: 7
+      hasChildren: false
+      params:
+        external: false
     - name: Für Schüler und Eltern
       weight: 4
       hasChildren: true

content/german/projektwoche/2023.md

@@ -0,0 +1,182 @@
+---
+title: 2023
+draft: false
+description: "In diesem Jahr war das Thema der 20 verschiedenen Projekte „Georg
+  Cantor und das   Cantor-Gymnasium“, weil unsere Schule in 2023 sein
+  35-jähriges Bestehen feiert. So vielfältig wie das Schulleben am GCG waren
+  auch die Projektangebote: Historisches, Technisches, Künstlerisches,
+  Musikalisches, Literarisches und Sportliches war Gegenstand der Untersuchungen
+  und Beschäftigungen genauso wie Philosophisches und natürlich – unserem Profil
+  entsprechend – Naturwissenschaftliches."
+bg_image: /media/backgrounds/page-title.webp
+type: projektwoche
+gallery: true
+tiles:
+  - title: Unser "Cantor" aus Sicht der Schulchronisten
+    bg_color: "#990000"
+    icon: mdi mdi-pillar
+    font_color: white
+    content: >
+      Lust auf „Zurück in die Zukunft“? Was soll denn das nun heißen? In
+      diesem Projekt haben die   Mitglieder der Schulchronik AG, Chiamaka, Timm
+      und Dominic, die neue digitale Version der Schulchronik ergänzt,
+      verbessert und verfeinert. Denys, unser Schulsprecher und Macher der neuen
+      Schulhomepage, hat uns dabei enorm unterstützt und in die weite Welt
+      seines Programmierens entführt. Eine super Überraschung für uns war, dass
+      der Urchronist und Designer der 1. Schulchronik-Homepage Max Appel uns
+      besucht hat. Die Mitglieder unseres Projektteams Iain, Jonas, Sören,
+      Thomas, Ben, Paul und Julian waren als Tester der 4 smarten Cantor-Apps
+      auf den Spuren Cantors und seiner Mathematik in ganz Halle unterwegs und
+      hatten die Aufgabe, diese Apps zu probieren, zu verbessern und
+      weiterzuentwickeln, wenn ihnen dies sinnvoll und nötig erschien. Wir haben
+      natürlich auch Pläne für weitere Projekte in unserer Schulchronikarbeit
+      entworfen, denn wir arbeiten ja „Zurück in die Zukunft“.
+
+
+      {{< gallery dir="/media/projektwoche/2023/p01" />}}
+  - title: Georg Cantor zwischen Genie und Wahnsinn
+    bg_color: "#e4fdfd"
+    icon: mdi mdi-head-cog-outline
+    font_color: black
+    content: |
+      {{< gallery dir="/media/projektwoche/2023/p02" />}}
+  - title: Keramikreliefs und anderes aus dem Brennofen
+    bg_color: "#cc9966"
+    icon: mdi mdi-fireplace
+    font_color: black
+    content: |
+      Eindrücke werden bei Verfügbarkeit nachgeliefert.
+  - title: Unendlichkeiten der Zeit
+    bg_color: "#6666ff"
+    icon: mdi mdi-printer-3d
+    font_color: white
+    content: |
+      Eindrücke werden bei Verfügbarkeit nachgeliefert.
+  - title: Unendlichkeit in der Literatur
+    bg_color: "#ccffcc"
+    icon: mdi mdi-bookshelf
+    font_color: black
+    content: |
+      Eindrücke werden bei verfügbarkeit nachgeliefert.
+  - title: Unendlich viele Affen schreiben Shakespeare
+    bg_color: "#ff9933"
+    icon: mdi mdi-fountain-pen-tip
+    font_color: black
+    content: |
+      Eindrücke werden bei Verfügbarkeit nachgeliefert.
+  - title: Berühmte Zeitgenossen Cantors in Halle
+    bg_color: "#336699"
+    icon: mdi mdi-account-question-outline
+    font_color: white
+    content: >
+      Zehn Schülerinnen und Schüler haben in vier Gruppen gearbeitet und
+      Informationen zu Zeitgenossen von Georg Cantor in Halle gesammelt und zu
+      einer Präsentation zusammengefasst.
+
+      Dabei haben wir uns für Gustav Staude, Richard Robert Rive, Carl Adolph Riebeck, Carl Robert und Robert Franz entschieden.
+
+
+      Im Netz haben wir ihre Lebensdaten und Bilder dazu recherchiert. Außerdem waren wir am Mittwoch auf dem Stadtgottesacker und haben die Grabstätten von Gustav Staude, Robert Franz und Carl Adolph Riebeck aufgesucht.
+
+
+      Leider konnten wir nicht herausfinden, ob diese Persönlichkeiten mit Georg Cantor persönlich bekannt waren.
+
+
+      {{< gallery dir="/media/projektwoche/2023/p07" />}}
+  - title: Wir basteln eigene Brettspiele zu Cantor und zum GCG
+    bg_color: "#cc3333"
+    icon: mdi mdi-checkerboard
+    font_color: white
+    content: |
+      {{< gallery dir="/media/projektwoche/2023/p09" />}}
+  - title: Ein Cantor-Team-Duell
+    bg_color: "#99cc99"
+    icon: mdi mdi-fencing
+    font_color: black
+    content: |
+      {{< gallery dir="/media/projektwoche/2023/p10" />}}
+  - title: Cantor-School-Rap
+    bg_color: "#ffcccc"
+    icon: mdi mdi-microphone-variant
+    font_color: black
+    content: |
+      <audio src="/media/projektwoche/2023/p11/school_rap.mp3" controls></audio>
+
+      {{< gallery dir="/media/projektwoche/2023/p11" />}}
+  - title: Chor und Schulband
+    bg_color: "#ffcc00"
+    icon: mdi mdi-music-clef-treble
+    font_color: black
+    content: |
+      {{< gallery dir="/media/projektwoche/2023/p12" />}}
+  - title: Farben zu Cantors Zeiten
+    bg_color: "#ccccff"
+    icon: mdi mdi-test-tube
+    font_color: black
+    content: >
+      Die Projektgruppe „Farben zu Cantors Zeiten“, geleitet von Frau
+      Dubberstein, beschäftigte sich in der Projektwoche des Jahres 2023 mit
+      Reaktionen von farbigen Komplexverbindungen, welche zu Cantors Zeiten eine
+      bedeutende Rolle in der Textilindustrie spielten. Am ersten Projekttag
+      besuchten sie die Abteilung der anorganischen Chemie des Institutes für
+      Chemie der Martin-Luther-Universität Halle-Wittenberg. Dort führten sie
+      verschiedenste Experimente mit der Thematik Komplexreaktionen durch, wie
+      zum Beispiel eine Chromatografie mit in Aceton gelöstem Paprikapulver. An
+      den darauffolgenden Tagen werteten sie mit ihren experimentellen und
+      weiteren Rechercheergebnissen ihre zu vorige praktische Arbeit aus und
+      stellten den Bezug zu Georg Cantor her.
+
+
+      {{< gallery dir="/media/projektwoche/2023/p13" />}}
+  - title: Die Stadt Halle zu Cantors Zeiten
+    bg_color: "#009999"
+    icon: mdi mdi-bank-outline
+    font_color: white
+    content: |
+      Eindrücke werden bei Verfügbarkeit nachgeliefert.
+  - title: Wir fotografieren die Unendlichkeit
+    bg_color: "#ccff66"
+    icon: mdi mdi-camera-outline
+    font_color: black
+    content: |
+      {{< gallery dir="/media/projektwoche/2023/p15" />}}
+  - title: Philosophie und Unendlichkeit
+    bg_color: "#cc6600"
+    icon: mdi mdi-all-inclusive-box-outline
+    font_color: white
+    content: |
+      {{< gallery dir="/media/projektwoche/2023/p16" />}}
+  - title: Das unendlich Große/Kleine in den Naturwissenschaften
+    bg_color: "#cc0066"
+    icon: mdi mdi-bacteria-outline
+    font_color: white
+    content: |
+      {{< gallery dir="/media/projektwoche/2023/p17" />}}
+  - title: Bau einer Rube-Goldberg-Maschine
+    bg_color: "#996699"
+    icon: mdi mdi-state-machine
+    font_color: white
+    content: |
+      {{< gallery dir="/media/projektwoche/2023/p18" />}}
+  - title: Kleine Ursache - großer Effekt
+    bg_color: "#3333cc"
+    icon: mdi mdi-magnet-on
+    font_color: white
+    content: |
+      {{< gallery dir="/media/projektwoche/2023/p19" />}}
+  - title: Science meets Literature
+    bg_color: "#ffff00"
+    icon: mdi mdi-book-search-outline
+    font_color: black
+    content: |
+      {{< gallery dir="/media/projektwoche/2023/p20" />}}
+  - title: Cantor - Wer kann ihm entkommen?
+    bg_color: "#9966ff"
+    icon: mdi mdi-map-legend
+    font_color: white
+    content: |
+      {{< gallery dir="/media/projektwoche/2023/p21" />}}
+---
+Nach drei arbeitsreichen Tagen wurden am Donnerstag die Ergebnisse präsentiert: abwechslungsreich und interessant. Am Nachmittag dann der Höhepunkt der Festwoche mit der [Ehrung des Cantor-Preisträgers Bernhard Fuchs aus der 12. Klasse](/blog/cantorpreisverleihung-2023/). Den Festvortrag hielt Herr Professor Roth zum „Chemischen Geheimnis einer Stradivari“. Den Abschluss der Kultur- und Wissenschaftstage bildete ein Programm am Freitag, das für die verschiedenen Klassenstufen unterschiedliche Schwerpunkte setzte: Die 5. und 6. Klassen durften am Morgen einem Fabelprogramm „Der Ochse auf der Löwenhochzeit“ lauschen und danach an sechs verschiedenen Stationen in Zusammenarbeit mit der Landesverkehrswacht ihre Verkehrssicherheit testen. Die 7. Klassen erweiterten ihr Wissen zu gesundem Leben auf aktive Weise mit dem Body&Grips-Mobil des DRK, dabei wurden die einzelnen Stationen von den Schülerinnen und Schülern der 11. Klassen betreut. Die 8. Klassen schwärmten in 10 verschiedene Unternehmen der Region aus, um sich in verschiedenen technischen Projekten auszuprobieren. Die 9. Klassen waren Zeugen der Zwischenpräsentationen der wissenschaftlich-praktischen Arbeiten ihrer ein Jahr älteren Mitschüler und wurden dann mit verschiedenen Instituten der Martin-Luther-Universität bekannt gemacht. Die 10. Klassen durften nach der Zwischenpräsentation der wpA an einem musikalischen Heine-Programm „Ich bin ein deutscher Dichter“ präsentiert vom Künstlerduo „Rose & Georgi“ teilhaben.
+
+Zahlreiche Eindrücke werden auch in einem separaten [Artikel](/blog/festwoche-2023/) vorgestellt.

content/german/projektwoche/_index.md

@@ -0,0 +1,6 @@
+---
+title: Kultur- und Wissenschaftstage
+draft: false
+bg_image: media/backgrounds/page-title.webp
+description: Die Kultur- und Wissenschaftstage sind eine lange Tradition am Georg-Cantor-Gymnasium. Sie finden zeitlich immer um den Geburtstag Cantors am 3. März herum statt. Eröffnet mit der Galerie CantorArt und dem musikalisch-literarischen Abend, wird dieses Ereignis mit den Projekttatgen fortgesetzt. 
+---

layouts/projektwoche/list.html

@@ -0,0 +1,15 @@
+{{ define "main" }}
+
+<section class="section-sm pb-0">
+	<div class="container">
+		<div class="row">
+			{{ range .Data.Pages }}
+				<div class="col-lg-4 col-sm-6">
+				{{ .Render "card-noimg" }}
+				</div>
+			{{ end }}
+		</div>
+	</div>
+</section>
+
+{{ end }}

layouts/projektwoche/single.html

@@ -0,0 +1,48 @@
+{{ define "main" }}
+
+<section class="section-sm pb-0">
+  <div class="container">
+    <div class="row">
+      <div class="col-12 mb-4 content">
+        {{ .Content }}
+      </div>
+    </div>
+  </div>
+  <div class="container">
+    <div class="row">
+      {{ range .Params.tiles }}
+      <div id="{{ md5 .title }}" class="modal">
+        <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable" role="document">
+          <div class="modal-content">
+            <div class="modal-header">
+              <h5 class="modal-title">{{ .title }}</h5>
+              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                <span aria-hidden="true">&times;</span>
+              </button>
+            </div>
+            <div class="modal-body">
+              <div class="content">
+                {{ .content | markdownify }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-4 col-sm-6">
+        <div class="card border-primary rounded-0 hover-shadow mb-5">
+          <div class="container fb-tile-color" style="background-color:{{ .bg_color }};">
+            <i class="{{ .icon }} fb-tile-icon" style="color: {{ .font_color }};"></i>
+          </div>
+          <div class="card-body">
+            <h4 class="card-title">{{ .title | truncate 55 }}</h4>
+            <button type="button" class="btn btn-primary btn-sm" onclick="$('#{{ md5 .title }}').modal('show');">{{
+              i18n "show_more"}}</button>
+          </div>
+        </div>
+      </div>
+      {{ end }}
+    </div>
+  </div>
+</section>
+
+{{ end }}

layouts/superhaufen/list.html

@@ -5,7 +5,7 @@
 		<div class="row">
 			{{ range .Data.Pages }}
 				<div class="col-lg-4 col-sm-6">
-				{{ .Render "superhaufen" }}
+				{{ .Render "card-noimg" }}
 				</div>
 			{{ end }}
 		</div>

static/admin/config.yml

@@ -848,6 +848,35 @@ collections:
       - {label: "Type", name: "type", widget: "hidden", default: "begabte"}
       - {label: "Gallerie-Komponente", name: "gallery", widget: "boolean", default: false, required: false, hint: "Benötigt für Gallerie bzw. Bildeinbettung"}
       - {label: "Text", name: "body", widget: "markdown"}
+  - name: "projektwoche"
+    icon: "projektwoche"
+    label: "Projektwoche"
+    label_singular: "Projektwoche"
+    folder: "content/german/projektwoche"
+    filter: {field: "type", value: "projektwoche"}
+    create: true
+    editor:
+      preview: false
+    media_folder: '/static/media/projektwoche'
+    public_folder: '/media/projektwoche'
+    fields:
+      - {label: "Titel", name: "title", widget: "string"}
+      - {label: "Entwurf", name: "draft", widget: "boolean", default: false, required: false}
+      - {label: "Metabeschreibung", name: "description", widget: "text", required: false}
+      - {label: "Hintergrundbild", name: "bg_image", widget: "hidden", default: "/media/backgrounds/page-title.webp"}
+      - {label: "Type", name: "type", widget: "hidden", default: "projektwoche"}
+      - {label: "Gallerie-Komponente", name: "gallery", widget: "boolean", default: true, required: false, hint: "Benötigt für Gallerie bzw. Bildeinbettung"}
+      - label: "Kacheln"
+        name: "tiles"
+        widget: "list"
+        required: false
+        fields:
+          - {label: "Titel", name: "title", widget: "string", required: true}
+          - {label: "Hintergrundfarbe", name: "bg_color", widget: "color", required: true}
+          - {label: "Symbol", name: "icon", widget: "string", required: true}
+          - {label: "Symbolfarbe", name: "font_color", widget: "color", required: true}
+          - {label: "Inhalt", name: "content", widget: "markdown", required: true}
+      - {label: "Text", name: "body", widget: "markdown", required: false, default: ""}
   - name: "schulchronik"
     icon: "pillar"
     label: "Schulchronik"

static/admin/index.html

@@ -21,7 +21,7 @@
       CMS.init();
     </script>
     <script id="icons">
-      var icons = [['settings', 'mdi mdi-cog-outline'], ['user', 'mdi mdi-fountain-pen-tip'], ['page', 'mdi mdi-file-document-outline'], ['page-add', 'mdi mdi-file-document-plus-outline'], ['document', 'mdi mdi-file-document-multiple-outline'], ['news', 'mdi mdi-newspaper'], ['award', 'mdi mdi-seal-variant'], ['group', 'mdi mdi-crowd'], ['trophy', 'mdi mdi-trophy-outline'], ['pi', 'mdi mdi-pi-box'], ['pillar', 'mdi mdi-pillar'], ['graduation-cap', 'mdi mdi-school-outline'], ['help', 'mdi mdi-lifebuoy'], ['dash', 'mdi mdi-monitor-dashboard'], ['presentation', 'mdi mdi-presentation']];
+      var icons = [['settings', 'mdi mdi-cog-outline'], ['user', 'mdi mdi-fountain-pen-tip'], ['page', 'mdi mdi-file-document-outline'], ['page-add', 'mdi mdi-file-document-plus-outline'], ['document', 'mdi mdi-file-document-multiple-outline'], ['news', 'mdi mdi-newspaper'], ['award', 'mdi mdi-seal-variant'], ['group', 'mdi mdi-crowd'], ['trophy', 'mdi mdi-trophy-outline'], ['pi', 'mdi mdi-pi-box'], ['pillar', 'mdi mdi-pillar'], ['graduation-cap', 'mdi mdi-school-outline'], ['help', 'mdi mdi-lifebuoy'], ['dash', 'mdi mdi-monitor-dashboard'], ['presentation', 'mdi mdi-presentation'], ['projektwoche', 'mdi mdi-calendar-range-outline']];
       icons.forEach(icon => {
         CMS.registerIcon(icon[0], ({}) => { return(h('i', {className: icon[1] + " icon-md"})); });
       });