Wiki-Quellcode von Schulchronik KGS Stuhr-Brinkum
Zuletzt geändert von Sarah Groeneveld am 2026/07/14 16:19
Verstecke letzte Bearbeiter
| author | version | line-number | content |
|---|---|---|---|
 |
1.1 | 1 | {{html wiki="true" clean="false"}} |
| 2 | <style> | ||
| 3 | .kgs-badges { display:flex; flex-wrap:wrap; gap:10px; margin:14px 0 22px; } | ||
| 4 | .kgs-badge { background:#f5f5f5; border-radius:20px; padding:6px 14px; font-size:.88em; color:#333; } | ||
| 5 | .kgs-cards { display:flex; flex-wrap:wrap; gap:16px; margin:18px 0; } | ||
| 6 | .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; } | ||
| 7 | .kgs-card a { text-decoration:none; color:inherit; } | ||
| 8 | .kgs-card:hover { box-shadow:0 4px 14px rgba(0,0,0,.10); transform:translateY(-2px); } | ||
| 9 | .kgs-card-red { border-top-color:#E30613; } | ||
| 10 | .kgs-card-yellow { border-top-color:#FFD500; } | ||
| 11 | .kgs-card-blue { border-top-color:#1D3F8F; } | ||
| 12 | .kgs-card-soon { opacity:.55; border-top-color:#ddd; } | ||
| 13 | .kgs-card-title { font-weight:700; font-size:1.05em; margin-bottom:4px; } | ||
| 14 | .kgs-card-desc { font-size:.88em; color:#666; } | ||
| 15 | .kgs-stats { display:flex; flex-wrap:wrap; gap:16px; margin:16px 0 24px; } | ||
| 16 | .kgs-stat { flex:1 1 150px; text-align:center; padding:14px; border-radius:8px; background:#fafafa; border-top:4px solid #1D3F8F; } | ||
| 17 | .kgs-stat-num { font-size:1.6em; font-weight:700; color:#1D3F8F; } | ||
| 18 | .kgs-stat-label { font-size:.82em; color:#666; margin-top:2px; } | ||
| 19 | .kgs-timeline { border-left:3px solid #e2e2e2; padding-left:24px; margin:22px 0 22px 6px; } | ||
| 20 | .kgs-timeline-item { position:relative; margin-bottom:20px; } | ||
| 21 | .kgs-timeline-item::before { content:''; position:absolute; left:-32px; top:4px; width:13px; height:13px; border-radius:50%; border:2px solid #fff; } | ||
| 22 | .kgs-dot-red::before { background:#E30613; box-shadow:0 0 0 2px #E30613; } | ||
| 23 | .kgs-dot-yellow::before { background:#FFD500; box-shadow:0 0 0 2px #FFD500; } | ||
| 24 | .kgs-dot-blue::before { background:#1D3F8F; box-shadow:0 0 0 2px #1D3F8F; } | ||
| 25 | .kgs-timeline-year { font-weight:700; color:#1D3F8F; margin-right: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-figure { margin:16px 0; } | ||
| 31 | .kgs-figure img { max-width:100%; border-radius:8px; } | ||
| 32 | .kgs-figcaption { font-size:.85em; color:#666; font-style:italic; margin-top:6px; } | ||
| 33 | details.kgs-era { background:#fafafa; border:1px solid #ececec; border-radius:8px; margin-bottom:10px; padding:4px 4px; } | ||
| 34 | details.kgs-era summary { cursor:pointer; padding:10px 14px; font-weight:700; list-style:none; } | ||
| 35 | details.kgs-era summary::-webkit-details-marker { display:none; } | ||
| 36 | details.kgs-era summary::before { content:'\25B8'; display:inline-block; margin-right:8px; transition:transform .15s ease; } | ||
| 37 | details.kgs-era[open] summary::before { transform:rotate(90deg); } | ||
| 38 | details.kgs-era .kgs-era-body { padding:0 16px 14px 32px; } | ||
| 39 | .kgs-banner { border-radius:10px; padding:26px 30px; margin:6px 0 22px; color:#fff; display:flex; align-items:center; gap:16px; } | ||
| 40 | .kgs-banner-red { background:linear-gradient(135deg, #E30613, #b3000d); } | ||
| 41 | .kgs-banner-yellow { background:linear-gradient(135deg, #e0a800, #FFD500); } | ||
| 42 | .kgs-banner-blue { background:linear-gradient(135deg, #1D3F8F, #12274f); } | ||
| 43 | .kgs-banner-icon { font-size:2.1em; line-height:1; } | ||
| 44 | .kgs-banner-title { font-size:1.7em; font-weight:800; margin:0; } | ||
| 45 | .kgs-banner-sub { font-size:.95em; opacity:.9; margin-top:2px; } | ||
| 46 | .kgs-page-banner { margin:6px 0 22px; } | ||
| 47 | .kgs-page-banner img { width:100%; height:auto; border-radius:10px; display:block; } | ||
| 48 | </style> | ||
| 49 | <div class="kgs-page-banner"> | ||
| 50 | [[image:banner-schulchronik.png||alt="Schulchronik KGS Stuhr-Brinkum"]] | ||
| 51 | </div> | ||
| 52 | <div class="kgs-badges"> | ||
| 53 | <span class="kgs-badge">🏫 seit 1976</span> | ||
| 54 | <span class="kgs-badge">📚 ~6.300 Seiten</span> | ||
| 55 | <span class="kgs-badge">📷 ~13.870 Fotos</span> | ||
| 56 | <span class="kgs-badge">📄 124 PDFs</span> | ||
| 57 | </div> | ||
| 58 | |||
| 59 | {{/html}} | ||
| 60 | Seit ihrer Gründung 1976 begleitet diese Chronik den Weg der Kooperativen Gesamtschule (KGS) Stuhr-Brinkum – von der ersten Idee einer gemeinsamen Schulform bis zum heutigen Schulalltag mit Haupt-, Real- und Gymnasialzweig. | ||
| 61 | |||
| 62 | |||
| 63 | == 🧭 Bereiche == | ||
| 64 | |||
| 65 | {{html wiki="true" clean="false"}} | ||
| 66 | |||
| 67 | <div class="kgs-cards"> | ||
| 68 | <div class="kgs-card kgs-card-red"><div class="kgs-card-title">[[Die Schule>>schulchronik.dieschule.WebHome]]</div><div class="kgs-card-desc">Gründung, Geschichte, Konzeption und bauliche Entwicklung</div></div> | ||
| |
4.1 | 69 | <div class="kgs-card kgs-card-yellow"><div class="kgs-card-title">[[Schulleitung>>schulchronik.schulleitung.WebHome]]</div><div class="kgs-card-desc">Wer die Schule geleitet hat - inkl. Kollegium-Fotogalerie & Verwaltung</div></div> |
| |
1.1 | 70 | <div class="kgs-card kgs-card-blue"><div class="kgs-card-title">[[Zeitstrahl>>schulchronik.zeitstrahl.WebHome]]</div><div class="kgs-card-desc">Die wichtigsten Stationen auf einen Blick</div></div> |
| 71 | <div class="kgs-card kgs-card-yellow"><div class="kgs-card-title">[[Jahrgänge & Abschlüsse>>schulchronik.jahrgaenge.WebHome]]</div><div class="kgs-card-desc">Abitur-, Haupt- und Realschul-Jahrgänge mit Fotos und Namenslisten</div></div> | ||
| |
2.1 | 72 | <div class="kgs-card kgs-card-red"><div class="kgs-card-title">[[Schulleben & Traditionen>>schulchronik.schulleben.WebHome]]</div><div class="kgs-card-desc">Feste, Projekte, Wettbewerbe und mehr aus über 50 Jahren KGS</div></div> |
| |
3.1 | 73 | <div class="kgs-card kgs-card-blue"><div class="kgs-card-title">[[Austausch & Partnerschaften>>schulchronik.austausch.WebHome]]</div><div class="kgs-card-desc">Internationale Schulpartnerschaften der KGS seit 1984</div></div> |
| 74 | <div class="kgs-card kgs-card-yellow"><div class="kgs-card-title">[[Chronik-Archiv>>schulchronik.archiv.WebHome]]</div><div class="kgs-card-desc">34 Blaue Hefte (1982-2016) und Zeitungsausschnitte</div></div> | ||
| 75 | <div class="kgs-card kgs-card-red"><div class="kgs-card-title">[[Bildergalerien>>schulchronik.bildergalerien.WebHome]]</div><div class="kgs-card-desc">54 Fotogalerien aus dem Schulleben</div></div> | ||
| |
1.1 | 76 | </div> |
| 77 | |||
| 78 | {{/html}} |
