diff --git a/content/pages/schule.xml b/content/pages/schule.xml index 7b0a8b35e..a1123498f 100644 --- a/content/pages/schule.xml +++ b/content/pages/schule.xml @@ -2,31 +2,54 @@ -

- images/cms.png -

-

- Hier finden sich alle Informationen rund um das Chaos macht Schule Projekt in Dresden. - Unser Ziel ist die Förderung von Medienkompetenz und Technikverständnis in Schulen. - Dazu machen wir Workshops mit Schülern, Lehrern und Eltern. -

-

Themenschwerpunkte

- - -

- Unsere Termine mit Links zu den Folien findet man im Wiki. Die Foliensätze stehen unter freien Creative-Commons-Lizenzen[1], dürfen also unter den angegebenen Bedingungen sehr gern, auch auszugsweise, weiterverwendet werden! Der LaTeX-Quellcode für Folien wird seit Januar 2014 auf Gitea veröffentlicht. Frühere Vorträge befinden sich in eigenen Repositories (mit cms- im Namen) auf der GitHub-Seite des C3D2. Alles rund um den Pentabug findet man im Pentabug-Repository. -

+
+ + +
+ println!("Hallo, Welt!"); +
+
+ putStrLn "Hallo, Welt!" +
+
+ print("Hallo, Welt!") +
+
+ std::cout << "Hallo, Welt!"; +
+
+

+ + images/cms.png + +

+

+ Wir sind Teil der Chaos macht Schule Initiative, die seit etwa 2007 in enger Kooperation mit verschiedenen Bildungsinstitutionen aktiv ist. Im CCC wird schon immer ein selbstverständlicher und trotzdem kritischer Umgang mit modernster Technik gelebt, vor allem im Bezug auf das Internet. Unser Anliegen ist es Interessierte über die Möglichkeiten, Risiken und Grenzen der Technik dahinter aufzuklären und Verständnis zu schaffen. -

-
Für Anfragen oder zum mitmachen bitte eine E-Mail an
-
schule at c3d2 dot de
-
-
-

[1]: Üblicherweise ist die ausgewiesene Lizenz eine der Creative Commons, was bedeutet, dass das daraus resultierende Werk wieder unter z.B. CC-BY-SA 4.0 stehen muss und die beteiligten Urheber genannt werden sollen. Ganze Foliensätze können so einfach als Kopie vom Original mit dem enthaltenen Lizenzverweis verwendet werden.

-
+Hierfür bieten wir Vorträge, Workshops und Schulungen für Schüler:innen, Fachkräfte und Eltern und auch für akademische Einrichtungen und in Vereinen an. +

+ +

+

+

+ +

+ Wir treffen uns regelmäßig, jeweils am zweiten Mittwoch eines Monats ab 18:00 Uhr im hq des c3d2 (siehe auch den Kalender). Jede Person ist herzlich eingeladen, seien es Interessierte, potenzielle Mitstreiter:innen oder Ratsuchende. Während dieser Treffen erarbeiten wir neue Inhalte, planen Veranstaltungen und stehen gerne für Fragen zur Verfügung. +

+ +

+ Unsere Quellen und Materialien befinden sich zur Zeit in Überarbeitung und werden ab 2024 in unserem neuen gitea repository nach und nach neu erscheinen. Alle Materialien stehen stets unter einer Creative Commons Lizenz BY-SA 4.0 und sind damit frei nutzbar. + +

+
Für Anfragen oder zum mitmachen bitte eine E-Mail an:
+
schule@c3d2.de
+
+

 diff --git a/content/static/style/default.css b/content/static/style/default.css index 6d3ac4515..e575b4eb6 100644 --- a/content/static/style/default.css +++ b/content/static/style/default.css @@ -1,3 +1,9 @@ +:root { + --cms-text-size: 24px; + --cms-text-position-top: 253px; + --cms-text-position-left: 0px; +} + /* -- General -- */ html { margin: 0; @@ -907,7 +913,6 @@ p.center { text-align: center; } - .hidden[aria-hidden] { display: none; } @@ -983,3 +988,89 @@ h3 + div { border-radius: 2px; border: 1px solid black; } + +.cms-print-text-container { + position: absolute; + width: 400px; + height: 200px; +} + +/* sorry, I tried but I couldn't get it to work without copying everything for each text */ +.cms-print-text-1 { + font: xx-small sans-serif; + position: absolute; + top: var(--cms-text-position-top); + left: var(--cms-text-position-left); + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + font-size: var(--cms-text-size); + color: black; + opacity: 0; + transition: opacity 1s ease-in-out; + animation: cmsPrintTextAnimation 8s infinite 0s; +} + +.cms-print-text-2 { + font: xx-small sans-serif; + position: absolute; + top: var(--cms-text-position-top); + left: var(--cms-text-position-left); + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + font-size: var(--cms-text-size); + color: black; + opacity: 0; + transition: opacity 1s ease-in-out; + animation: cmsPrintTextAnimation 8s infinite 2s; +} + +.cms-print-text-3 { + font: xx-small sans-serif; + position: absolute; + top: var(--cms-text-position-top); + left: var(--cms-text-position-left); + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + font-size: var(--cms-text-size); + color: black; + opacity: 0; + transition: opacity 1s ease-in-out; + animation: cmsPrintTextAnimation 8s infinite 4s; +} + +.cms-print-text-4 { + font: xx-small sans-serif; + position: absolute; + top: var(--cms-text-position-top); + left: var(--cms-text-position-left); + width: 100%; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + font-size: var(--cms-text-size); + color: black; + opacity: 0; + transition: opacity 1s ease-in-out; + animation: cmsPrintTextAnimation 8s infinite 6s; +} + + +@keyframes cmsPrintTextAnimation { + 0%, 25%, 100% { + opacity: 0; + } + 8%, 16% { + opacity: 1; + } +} +.cms