|
|
| (332 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
|
| |
|
| | | __NICHT_INDEXIEREN__ |
| <html>
| |
| <style>
| |
| | |
| | |
| input[type="checkbox"]::before {
| |
| content: "";
| |
| width: 0.65em;
| |
| height: 0.65em;
| |
| clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
| |
| transform: scale(0);
| |
| transform-origin: bottom left;
| |
| transition: 120ms transform ease-in-out;
| |
| box-shadow: inset 1em 1em var(--form-control-color);
| |
| /* Windows High Contrast Mode */
| |
| background-color: CanvasText;
| |
| }
| |
| | |
| input[type="checkbox"]:checked::before {
| |
| transform: scale(1);
| |
| }
| |
| | |
| input[type="checkbox"]:focus {
| |
| outline: max(2px, 0.15em) solid currentColor;
| |
| outline-offset: max(2px, 0.15em);
| |
| }
| |
| #geschafft {
| |
| display: none; /* Den Text standardmäßig ausblenden */
| |
| }
| |
| | |
| | |
| | |
| | |
| </style>
| |
| | |
| | |
| | |
| <form method="post" action="/Tests/Post" style="font-family: system-ui, sans-serif;">
| |
| <fieldset>
| |
| <legend>Checkliste</legend>
| |
| <input type="checkbox" name="favorite_pet" value="Cats" onclick="return ValidatePetSelection();"> Räumlichkeiten zeigen<br>
| |
| <input type="checkbox" name="favorite_pet" value="Dogs" onclick="return ValidatePetSelection();"> Unterscheidung zwischen allgemeinen Gegenständen und privaten<br>
| |
| <input type="checkbox" name="favorite_pet" value="Birds" onclick="return ValidatePetSelection();"> Finanzierung der Kometin -> Wir sind ein Kulturverein 1)<br>
| |
| <input type="checkbox" name="favorite_pet" value="Birds" onclick="return
| |
| ValidatePetSelection();"> Spendengläser , Getränke-Stricherliste, Einkaufs-liste zeigen <br>
| |
| <input type="checkbox" name="favorite_pet" value="Birds" onclick="return
| |
| ValidatePetSelection();"> Momo und Killing vorstellen, zeigen wo Katzenleckerlis sind<br>
| |
| <input type="checkbox" name="favorite_pet" value="Birds" onclick="return
| |
| ValidatePetSelection();"> Selbstorganisation erklären Heterarchie statt Hierarchie siehe 2)<br>
| |
| <input type="checkbox" name="favorite_pet" value="Birds" onclick="return
| |
| ValidatePetSelection();"> Eigenverantwortung erklären -> gemeinsame Nutzung und Verwaltung <br>
| |
| <input type="checkbox" name="favorite_pet" value="Birds" onclick="return
| |
| ValidatePetSelection();"> Aufgabenverteilung erklären 3) <br>
| |
| <input type="checkbox" name="favorite_pet" value="Birds" onclick="return
| |
| ValidatePetSelection();"> Mitgliedschaftsregeln erklären 4) <br>
| |
| <br>
| |
| </fieldset>
| |
| </form>
| |
| <center> <p id="geschafft" style="font-size:2rem;">Du hast es geschafft!☄️</p> </center>
| |
| | |
| <script>
| |
| // Warte bis das Dokument vollständig geladen ist, bevor das Skript ausgeführt wird
| |
| document.addEventListener("DOMContentLoaded", function() {
| |
| // Selektiere alle Checkboxen mit dem Namen "favorite_pet"
| |
| var checkboxes = document.querySelectorAll('input[type="checkbox"][name="favorite_pet"]');
| |
| | |
| // Füge einen Event-Listener für den "change"-Event hinzu
| |
| checkboxes.forEach(function(checkbox) {
| |
| checkbox.addEventListener("change", ValidatePetSelection);
| |
| });
| |
| });
| |
| | |
| function ValidatePetSelection() {
| |
| var checkboxes = document.querySelectorAll('input[type="checkbox"][name="favorite_pet"]');
| |
| var checkedCount = 0;
| |
| | |
| checkboxes.forEach(function(checkbox) {
| |
| if (checkbox.checked) {
| |
| checkedCount++;
| |
| }
| |
| });
| |
| | |
| var geschafft = document.getElementById("geschafft");
| |
| | |
| if (checkedCount === checkboxes.length) {
| |
| geschafft.style.display = "block"; // Den Text anzeigen
| |
| } else {
| |
| geschafft.style.display = "none"; // Den Text ausblenden
| |
| }
| |
| }
| |
| </script>
| |
| </html>
| |
| # Kometin finanziert sich durch Mitgliedsbeiträge und Spenden. Mitgliedsbeiträge sind keine Miete, Entgelt für die Nutzung der Kometin!
| |
| # https://de.wikipedia.org/wiki/Selbstorganisation : Selbstorganisation ist eine Form der Systementwicklung, bei der formgebende oder gestaltende Einflüsse bei der „Evolution“ von Systemen von seinen Elementen selbst ausgehen. oda so ähnlich 😉
| |
| # Um die Herausforderungen der Selbstorganisation werden Aufgaben fair verteilt. Als Mitglied übernimmt man eine oder mehrere Aufgaben.
| |
| <tabs>
| |
| <tab name="Foo">B1) Einstieg: Jedes bestehende Personen-Mitglied der Kometin kann mit jeder natürlichen Person jederzeit einen Probemitgliedschaftsvertrag abschließen. Ist die Probezeit gemäß dem Probemitgliedschaftsvertrag erfolgreich durchlaufen, wird auf dem nächsten oder übernächsten Orga-Treffen entschieden, ob das Mitglied zur Probe ein reguläres Mitglied wird, die Probezeit verlängert werden muss oder die Probezeit endet und das Mitglied zur Probe kein reguläres Mitglied werden darf. B2) Rechte: Jedes Personen-Mitglied darf die Kometin jederzeit nutzen, so lange die Nutzung nicht den Rahmenbedingungen widerspricht oder eine geschlossene Veranstaltung stattfindet.B3) Pflichten: Jedes Personen-Mitglied ist verpflichtet, nach Möglichkeit an den monatlichen Orga-Treffen teilzunehmen, sowie selbstständig Verantwortung und Verantwortlichkeiten für die Räume und Organisation der Kometin zu übernehmen. Gruppen müssen in </tab>
| |
| <tab name="Bar">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</tab>
| |
| <tab name="Baz">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</tab>
| |
| </tabs>
| |
