beispiel_fuer_info-brief

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung		 Vorhergehende Überarbeitung
beispiel_fuer_info-brief [2025/10/01 14:49] – till-niels.gades@bbz-rd-eck.debeispiel_fuer_info-brief [2025/10/02 13:00] (aktuell) – dennis.clausen@bbz-rd-eck.de
Zeile 1: Zeile 1:
-====== Info-Brief des BBZ RD-ECK ======+====== BBZ Info-Briefe ======
  
-<hidden ===== Herbstbrief 2025 ===== > +<html> 
-==== Informationen der Schulleitung ==== +<html lang="de"> 
-  Text Text Text Text Text Text Text Text  +<head> 
-  Text Text Text Text Text Text Text Text  +    <meta charset="UTF-8"> 
-  Text Text Text Text Text Text Text Text  +    <title>Schulbriefe 2025</title> 
-=== Informationen über Aktivitäten des Kollegiums === +    <style> 
-  Text Text Text Text Text Text Text Text  +        body { 
-  Text Text Text Text Text Text Text Text  +            font-family: Arial, sans-serif; 
-  Text Text Text Text Text Text Text Text  +            margin: 20px; 
-</hidden> +        }
-++++ Weihnachtsbrief 2025 | +
-=== Informationen der Schulleitung === +
-  Text Text Text Text Text Text Text Text  +
-  Text Text Text Text Text Text Text Text  +
-  Text Text Text Text Text Text Text Text  +
-=== Informationen über Aktivitäten des Kollegiums === +
-  Text Text Text Text Text Text Text Text  +
-  Text Text Text Text Text Text Text Text  +
-  Text Text Text Text Text Text Text Text  +
-+++++
  
 +        .brief {
 +            border: 1px solid #ccc;
 +            border-radius: 6px;
 +            margin-bottom: 20px;
 +        }
 +
 +        .brief-title {
 +            background-color: #f0f0f0;
 +            color: #0066cc;
 +            font-weight: bold;
 +            padding: 10px 15px;
 +            cursor: pointer;
 +            user-select: none;
 +            font-size: 20px;
 +        }
 +
 +        .brief-content {
 +            padding: 10px 15px;
 +            display: none; /* Anfangszustand: versteckt */
 +        }
 +
 +        .section {
 +            margin-top: 10px;
 +        }
 +
 +        .section-title {
 +            font-size: 18px;
 +            font-weight: bold;
 +            margin-top: 10px;
 +            cursor: pointer;
 +            color: #444;
 +        }
 +
 +        .section-content {
 +            display: none;
 +            margin-left: 15px;
 +            margin-top: 5px;
 +        }
 +
 +        .text-box {
 +            border: 1px solid #ccc;
 +            background-color: #f9f9f9;
 +            padding: 10px;
 +            margin-top: 5px;
 +            white-space: pre-line;
 +            font-family: monospace;
 +        }
 +    </style>
 +</head>
 +<body>
 +
 +    <div class="brief">
 +        <div class="brief-title" onclick="toggleBrief(this)">Herbstbrief 2025 ▼</div>
 +        <div class="brief-content">
 +            <div class="section">
 +                <div class="section-title" onclick="toggleSection(this)">Informationen der Schulleitung ▼</div>
 +                <div class="section-content" style="display: block;">
 +                    <div class="text-box">
 +Text  Text  Text  Text  Text  Text<br>
 +Text  Text  Text  Text  Text  Text<br>
 +Text  Text  Text  Text  Text  Text
 +                    </div>
 +                </div>
 +            </div>
 +
 +            <div class="section">
 +                <div class="section-title" onclick="toggleSection(this)">Informationen über Aktivitäten des Kollegiums ▼</div>
 +                <div class="section-content">
 +                    <div class="text-box">
 +Text  Text  Text  Text  Text  Text<br>
 +Text  Text  Text  Text  Text  Text<br>
 +Text  Text  Text  Text  Text  Text
 +                    </div>
 +                </div>
 +            </div>
 +        </div>
 +    </div>
 +
 +    <div class="brief">
 +        <div class="brief-title" onclick="toggleBrief(this)">Weihnachtsbrief 2025 ▼</div>
 +        <div class="brief-content">
 +            <div class="section">
 +                <div class="section-title" onclick="toggleSection(this)">Informationen der Schulleitung ▼</div>
 +                <div class="section-content" style="display: block;">
 +                    <div class="text-box">
 +Text  Text  Text  Text  Text  Text<br>
 +Text  Text  Text  Text  Text  Text<br>
 +Text  Text  Text  Text  Text  Text
 +                    </div>
 +                </div>
 +            </div>
 +
 +            <div class="section">
 +                <div class="section-title" onclick="toggleSection(this)">Informationen über Aktivitäten des Kollegiums ▼</div>
 +                <div class="section-content">
 +                    <div class="text-box">
 +Text  Text  Text  Text  Text  Text<br>
 +Text  Text  Text  Text  Text  Text<br>
 +Text  Text  Text  Text  Text  Text
 +                    </div>
 +                </div>
 +            </div>
 +        </div>
 +    </div>
 +
 +    <script>
 +        function toggleBrief(element) {
 +            const content = element.nextElementSibling;
 +            const isVisible = content.style.display === 'block';
 +
 +            content.style.display = isVisible ? 'none' : 'block';
 +            element.textContent = element.textContent.replace(isVisible ? '▲' : '▼', isVisible ? '▼' : '▲');
 +        }
 +
 +        function toggleSection(element) {
 +            const content = element.nextElementSibling;
 +            const isVisible = content.style.display === 'block';
 +
 +            content.style.display = isVisible ? 'none' : 'block';
 +            element.textContent = element.textContent.replace(isVisible ? '▲' : '▼', isVisible ? '▼' : '▲');
 +        }
 +    </script>
 +
 +</body>
 +</html>
  
-Erstellt am: 2025/10/01 13:26 
-Prozessverantwortlich: Dennis Clausen [[dennis.clausen@bbz-rd-eck.de]]