Wiki-Quellcode von Musik und Literatur
Version 3.1 von Sarah Groeneveld am 2026/07/14 11:39
Zeige letzte Bearbeiter
| author | version | line-number | content |
|---|---|---|---|
| 1 | {{html wiki="true" clean="false"}} | ||
| 2 | <style> | ||
| 3 | .kgs-cards { display:flex; flex-wrap:wrap; gap:16px; margin:18px 0; } | ||
| 4 | .kgs-card { flex:1 1 220px; min-width:200px; padding:16px 18px; border-radius:8px; background:#fafafa; border:1px solid #ececec; border-top:4px solid #ccc; transition:box-shadow .15s ease, transform .15s ease; } | ||
| 5 | .kgs-card a { text-decoration:none; color:inherit; } | ||
| 6 | .kgs-card:hover { box-shadow:0 4px 14px rgba(0,0,0,.10); transform:translateY(-2px); } | ||
| 7 | .kgs-card-red { border-top-color:#E30613; } | ||
| 8 | .kgs-card-yellow { border-top-color:#FFD500; } | ||
| 9 | .kgs-card-blue { border-top-color:#1D3F8F; } | ||
| 10 | .kgs-card-soon { opacity:.55; border-top-color:#ddd; } | ||
| 11 | .kgs-card-title { font-weight:700; font-size:1.05em; margin-bottom:4px; } | ||
| 12 | .kgs-card-desc { font-size:.88em; color:#666; } | ||
| 13 | .kgs-topic-list { columns:2; column-gap:28px; margin:16px 0; } | ||
| 14 | .kgs-topic-list a, .kgs-topic-list span { display:block; padding:5px 0; break-inside:avoid; } | ||
| 15 | .kgs-topic-list a { color:#1D3F8F; font-weight:600; text-decoration:none; } | ||
| 16 | .kgs-topic-list a:hover { text-decoration:underline; } | ||
| 17 | .kgs-topic-list span.soon { color:#999; } | ||
| 18 | .kgs-topic-group-title { font-weight:800; color:#E30613; font-size:1.05em; margin:26px 0 4px; border-bottom:2px solid #FFD500; padding-bottom:4px; } | ||
| 19 | .kgs-topic-group-title.first { margin-top:4px; } | ||
| 20 | .kgs-topic-xref-title { font-weight:800; color:#888; font-size:.95em; margin:26px 0 4px; border-bottom:2px solid #ddd; padding-bottom:4px; } | ||
| 21 | .kgs-topic-list.xref a { color:#666; font-weight:500; } | ||
| 22 | .kgs-figure { margin:16px 0; max-width:420px; } | ||
| 23 | .kgs-figure img { max-width:100%; border-radius:8px; cursor:zoom-in; transition:transform .15s ease; } | ||
| 24 | .kgs-figure img:hover { transform:scale(1.02); } | ||
| 25 | .kgs-figcaption { font-size:.85em; color:#666; font-style:italic; margin-top:6px; } | ||
| 26 | .kgs-table { width:100%; border-collapse:collapse; margin:14px 0; } | ||
| 27 | .kgs-table th { background:#1D3F8F; color:#fff; text-align:left; padding:9px 12px; } | ||
| 28 | .kgs-table td { padding:9px 12px; border-bottom:1px solid #ececec; vertical-align:top; } | ||
| 29 | .kgs-table tr:nth-child(even) td { background:#f7f8fb; } | ||
| 30 | .kgs-note { background:#fff8e1; border-left:4px solid #FFD500; padding:10px 16px; margin:14px 0; font-size:.92em; } | ||
| 31 | .kgs-banner { border-radius:10px; padding:26px 30px; margin:6px 0 22px; color:#fff; display:flex; align-items:center; gap:16px; } | ||
| 32 | .kgs-banner-red { background:linear-gradient(135deg, #E30613, #b3000d); } | ||
| 33 | .kgs-banner-yellow { background:linear-gradient(135deg, #e0a800, #FFD500); } | ||
| 34 | .kgs-banner-blue { background:linear-gradient(135deg, #1D3F8F, #12274f); } | ||
| 35 | .kgs-banner-icon { font-size:2.1em; line-height:1; } | ||
| 36 | .kgs-banner-title { font-size:1.7em; font-weight:800; margin:0; } | ||
| 37 | .kgs-banner-sub { font-size:.95em; opacity:.9; margin-top:2px; } | ||
| 38 | details.kgs-era { background:#fafafa; border:1px solid #ececec; border-radius:8px; margin-bottom:10px; padding:4px 4px; } | ||
| 39 | details.kgs-era summary { cursor:pointer; padding:12px 16px; font-weight:700; list-style:none; } | ||
| 40 | details.kgs-era summary::-webkit-details-marker { display:none; } | ||
| 41 | details.kgs-era summary::before { content:'\25B8'; display:inline-block; margin-right:8px; transition:transform .15s ease; } | ||
| 42 | details.kgs-era[open] summary::before { transform:rotate(90deg); } | ||
| 43 | details.kgs-era .kgs-era-body { padding:0 18px 16px 34px; } | ||
| 44 | details.kgs-era details.kgs-era { margin:10px 0; } | ||
| 45 | ul.kgs-links { list-style:none; padding:0; margin:10px 0 0; } | ||
| 46 | ul.kgs-links li { margin:4px 0; } | ||
| 47 | .kgs-gallery { display:flex; flex-wrap:wrap; gap:10px; margin:12px 0; } | ||
| 48 | .kgs-gallery-item { text-align:center; width:130px; } | ||
| 49 | .kgs-gallery-item img { width:100%; border-radius:6px; cursor:zoom-in; } | ||
| 50 | .kgs-gallery-caption { font-size:.78em; color:#666; margin-top:3px; } | ||
| 51 | </style> | ||
| 52 | {{/html}}{{html wiki="true" clean="false"}} | ||
| 53 | <div class="kgs-banner kgs-banner-blue"> | ||
| 54 | <div class="kgs-banner-icon">🎵</div> | ||
| 55 | <div><div class="kgs-banner-title">Musik und Literatur</div></div> | ||
| 56 | </div> | ||
| 57 | {{/html}} | ||
| 58 | |||
| 59 | Musik und Literatur Unter der Leitung von Matthias Feuser (später fortgeführt von Josef Fittkau) führte die KGS zahlreiche Schreibwettbewerbe durch. Die besten Schülerleistungen wurden dann in einer besonderen Form der Schulöffentlichkeit vorgestellt, die unter der Bezeichnung "Musik und Literatur" zu einem festen Bestandteil des Schullebens wurde. Musizierende Schülerinnen und Schüler umrahmten mit ihren Darbietungen die Lesungen der erfolgreichen Autoren. Im Rahmen des EXPO-Projekts "Kooperation der Generationen" wurden auch ältere Bürger und Bürgerinnen der Gemeinde Stuhr zu den Veranstaltungen eingeladen. 4.2.1997 24.9.1997 Anklicken des Datums führt zu weiteren Fotos 24.5.1989 6.6.1991 11.2.1993 | ||
| 60 | |||
| 61 | {{html wiki="true" clean="false"}} | ||
| 62 | <div class="kgs-gallery"><div class="kgs-gallery-item">[[[[image:musik-97.jpg||width="130"]]>>attach:musik-97.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:musik-89.jpg||width="130"]]>>attach:musik-89.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:musik.jpg||width="130"]]>>attach:musik.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:musik-91.jpg||width="130"]]>>attach:musik-91.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:musik-93.jpg||width="130"]]>>attach:musik-93.jpg||target="_blank"]]</div></div> | ||
| 63 | {{/html}}{{html wiki="true" clean="false"}} | ||
| 64 | <details class="kgs-era"><summary>🎼 Musik und Literatur - 24.5.1989</summary><div class="kgs-era-body"><p>Musik und Literatur - 24.5.1989 Musik und Literatur - 24.5.1989 Hinweis: Vergrößerung der Fotos durch Anklicken</p><div class="kgs-gallery"><div class="kgs-gallery-item">[[[[image:musik-89-a_jpg.jpg||width="130"]]>>attach:musik-89-a_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:musik-89-b_jpg.jpg||width="130"]]>>attach:musik-89-b_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:musik-89-c_jpg.jpg||width="130"]]>>attach:musik-89-c_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:musik-89-d_jpg.jpg||width="130"]]>>attach:musik-89-d_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:musik-89-e_jpg.jpg||width="130"]]>>attach:musik-89-e_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:musik-89-f_jpg.jpg||width="130"]]>>attach:musik-89-f_jpg.jpg||target="_blank"]]</div></div></div></details><details class="kgs-era"><summary>🎼 Musik und Literatur - 6.6.1991</summary><div class="kgs-era-body"><p>Musik und Literatur - 6.6.1991 Musik und Literatur - 6.6.1991 Hinweis: Vergrößerung der Fotos durch Anklicken</p><div class="kgs-gallery"><div class="kgs-gallery-item">[[[[image:musik-91-a_jpg.jpg||width="130"]]>>attach:musik-91-a_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:musik-91-b_jpg.jpg||width="130"]]>>attach:musik-91-b_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:musik-91-c_jpg.jpg||width="130"]]>>attach:musik-91-c_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:musik-91-d_jpg.jpg||width="130"]]>>attach:musik-91-d_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:musik-91-e_jpg.jpg||width="130"]]>>attach:musik-91-e_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:musik-91-f_jpg.jpg||width="130"]]>>attach:musik-91-f_jpg.jpg||target="_blank"]]</div></div></div></details><details class="kgs-era"><summary>🎼 Musik und Literatur - 11.2.1993</summary><div class="kgs-era-body"><p>Musik und Literatur - 11.2.1993 Musik und Literatur - 11.2.1993 Hinweis: Vergrößerung der Fotos durch Anklicken</p><div class="kgs-gallery"><div class="kgs-gallery-item">[[[[image:musik-93-a_jpg.jpg||width="130"]]>>attach:musik-93-a_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:musik-93-b_jpg.jpg||width="130"]]>>attach:musik-93-b_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:musik-93-c_jpg.jpg||width="130"]]>>attach:musik-93-c_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:musik-93-d_jpg.jpg||width="130"]]>>attach:musik-93-d_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:musik-93-e_jpg.jpg||width="130"]]>>attach:musik-93-e_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:musik-93-f_jpg.jpg||width="130"]]>>attach:musik-93-f_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:musik-93-g_jpg.jpg||width="130"]]>>attach:musik-93-g_jpg.jpg||target="_blank"]]</div><div class="kgs-gallery-item">[[[[image:musik-93-h_jpg.jpg||width="130"]]>>attach:musik-93-h_jpg.jpg||target="_blank"]]</div></div></div></details> | ||
| 65 | {{/html}} | ||
| 66 | |||
| 67 | [[<< Zurück zu Schulleben & Traditionen>>schulchronik.schulleben.WebHome]] |
