|
|
| (302 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
| <html>
| |
| <!-- Hier sind die INTERNAL STYLES -->
| |
| <style>
| |
| /* Checkbox design */
| |
|
| |
|
| input[type="checkbox"]::before {
| | __NICHT_INDEXIEREN__ |
| 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 4em 4em var(--form-control-color);
| |
| /* Windows High Contrast Mode */
| |
| background-color: CanvasText;
| |
| | |
| }
| |
| input[type="checkbox"]:focus {
| |
| outline: max(2px, 0.15em) solid currentColor;
| |
| outline-offset: max(2px, 0.15em);
| |
| }
| |
| input[type="checkbox"]:checked::before {
| |
| transform: scale(1);
| |
| }
| |
| | |
| fieldset
| |
| {
| |
| font-size: 0.9em;
| |
| | |
| }
| |
| | |
| | |
| .grundlegende-fragen {
| |
| display: inline;
| |
| margin-left: 15px !important;
| |
| /* color: blue; */
| |
| | |
| }
| |
| | |
| | |
| | |
| /* Die Aufzählungsliste von list-todo elemente sind Pfeile */
| |
| | |
| .list-todo > ul > li {
| |
| list-style: "\2192\00A0";
| |
| }
| |
| | |
| | |
| #geschafft {
| |
| display: none;
| |
| }
| |
| | |
| | |
| .list-todo {
| |
| background: #e5edf5;
| |
| font-size: 1.2em;
| |
| margin-bottom: 20px;
| |
| }
| |
| | |
| summary {
| |
| font-size: 14px;
| |
| text-decoration: underline;
| |
| }
| |
| | |
| details {
| |
| margin-left: 50px;
| |
| }
| |
| | |
| </style>
| |
| <!-- Hier enden die INTERNAL STYLES -->
| |
| | |
| | |
| | |
| <!-- Der Einleitungstext ganz oben -->
| |
| | |
| <p>
| |
| Hier findest du die ersten Informationen zur Kometin. Falls du Fragen hast, kannst du auch deinen Buddy (=Ansprechperson) fragen oder in den Signal-Gruppen schreiben. Hier sind (hoffentlich) nicht zu viel Details. Wie bestimmte Dinge bei uns genau funktionieren, sieht man am besten, indem man mit anderen Kometinnen spricht oder selbst einmal beim Orga-Treffen dabei ist.
| |
| </p>
| |
| | |
| <!-- ÜBERSCHRIFT -TEXT -->
| |
| | |
| <form style="font-family: system-ui, sans-serif;">
| |
| <fieldset>
| |
| <legend style="font-size: 30px; text-align:center; width:100%;">
| |
| | |
| Grundlegende Fragen zur Kometin
| |
| | |
| </legend>
| |
| <br/>
| |
| | |
| <!-- 1 .FRAGE : RÄUMLICHKEITEN DER KOMETIN -->
| |
| | |
| <input type="checkbox" id="showDetailsCheckbox" name="doneQuestion" value="done" onclick="return CheckAllSelections(1);">
| |
| | |
| <h4 class="grundlegende-fragen" >
| |
| | |
| 1. Was sind die Räumlichkeiten der Kometin?
| |
| | |
| </h4>
| |
| <br>
| |
| | |
| <details id="detailsSection1" style="margin-left: 50px;">
| |
| <summary>⬇ Klicke hier für mehr Informationen</summary>
| |
| <div class="list-todo" >
| |
| | |
| <!-- 1. AUFZÄHLUNG : RÄUMLICHKEITEN DER KOMETIN -->
| |
| | |
| <ul class="aufzählungsliste" >
| |
| <li>
| |
| Unsere Räume: Garten, Küche, Wohnzimmer, Atelier, Klo
| |
| </li>
| |
| <li>
| |
| Manche Gegenstände kann jede*r nutzen und manche sind privat. </li>
| |
| <li>
| |
| <strong>Listen in der Küche: </strong>
| |
| <ul>
| |
| <li>
| |
| Putzliste (Wenn du etwas putzt, dann trag das bitte in die Liste ein. )
| |
| | |
| <li>
| |
| Einkaufsliste (fehlen Lebensmittel wie Snacks oder Putzmittel in der Kometin, dann trag das bitte ein)
| |
| </li>
| |
| <li>
| |
| Getränke - Stricherlliste (wenn du etwas verbrauchst zb Murelli, dann trag Murelli I ein, irgendwann kannst du einen Beitrag für deinen gesamten Verbrauch überweisen)
| |
| </li>
| |
| </ul>
| |
| | |
| </li>
| |
| <li>
| |
| <strong>Katzenkalender</strong>: Hier werden manchmal Reservierungen/Events eingetragen. Zentral für Reservierungen ist aber das events pad.
| |
| </li>
| |
| <li>
| |
| In der Küche gibt es die Spendengläser. Geschirr ist im Kasten. Nach dem Kaffee kochen, die Kaffeefilter nicht vergessen.
| |
| </li>
| |
| <li>
| |
| Die Mülltonnen (außer Metall und Glas) sind im Innenhof.
| |
| </li>
| |
| <li>
| |
| Die wichtigen Dokumente (Mappe) und Büromaterialien findest du im Atelier.
| |
| </li>
| |
| <li>
| |
| Versuche, den Raum immer ordentlicher und schöner zu hinterlassen, als er war, als du ankamst.
| |
| </li>
| |
| </ul>
| |
| </div>
| |
| </details>
| |
| <br/>
| |
| | |
| | |
| | |
| | |
| <!-- ENDE 1.TEIL RÄUMLICHKEITEN DER KOMETIN -->
| |
| | |
| | |
| | |
| <!-- 2 .FRAGE : WER IST DIE KOMETIN -->
| |
| | |
| | |
| <input type="checkbox" id="showDetailsCheckbox" name="doneQuestion2" value="done" onclick="return CheckAllSelections(2);">
| |
| <h4 class="grundlegende-fragen" >
| |
| | |
| 2. Was ist die Kometin?
| |
| | |
| </h4>
| |
| <br>
| |
| <details id="detailsSection2">
| |
| <summary>⬇ Klicke hier für mehr Informationen</summary>
| |
| | |
| <!-- 2. AUFZÄHLUNG : WER IST DIE KOMETIN -->
| |
| | |
| <div class="list-todo" >
| |
| <ul >
| |
| <li>
| |
| <strong>Rechtlich:</strong> gemeinnütziger Kulturverein
| |
| </li>
| |
| <li>
| |
| <strong>Faktisch: </strong>Die Kometin ist eine Gemeinschaft von Menschen, die Raum brauchen. Wir organisieren auf Augenhöhe und gemeinsam.
| |
| </li>
| |
| <li>
| |
| <strong>Selbstorganisation</strong> von Gleichrangigen
| |
| </li>
| |
| <li>
| |
| <strong>Herausforderungen:</strong> wer entscheidet, wie werden Informationen weitergegeben, wir alle haben unterschiedliche Ressourcen, wie schaffen wir es das sich jede*r wohlfühlt bei der Organisation und Entscheidungen usw.
| |
| </li>
| |
| <li>
| |
| <strong>Lösungsstrategien:</strong> klare Grenzen, Orga-Treffen (zentral), Biete-runde, Aufgabenverteilung und 5 Finger Konsent Methode
| |
| </li>
| |
| <li>
| |
| <strong>Commoning:</strong> Grundidee der Kometin => selbstorganisiertes und bedürfnisorientiertes gemeinsames Produzieren, Verwalten, Pflegen und / oder Nutzen. Dabei bringen die Beteiligten ihre Fähigkeiten ein und bestimmen miteinander über Art und Umfang des Umgangs mit den Ressourcen und Produkten.
| |
| </li>
| |
| <li>
| |
| <strong>Keine anonyme Mitgliedschaft</strong> wie bei anderen Freiräumen (wie zb beim Spektral).
| |
| </li>
| |
| </ul>
| |
| </div>
| |
| </details>
| |
| <br/>
| |
| | |
| | |
| <!-- ENDE 2.TEIL WER IST DIE KOMETIN-->
| |
| | |
| | |
| | |
| <!-- 3 .FRAGE : FINANZEN DER KOMETIN -->
| |
| | |
| | |
| <input type="checkbox" id="showDetailsCheckbox" name="doneQuestion3" value="done" onclick="return CheckAllSelections(3);"> <h4 class="grundlegende-fragen" >
| |
| | |
| 3. Wie finanziert sich die Kometin?
| |
| </h4>
| |
| <br>
| |
| <details id="detailsSection3">
| |
| <summary>
| |
| ⬇ Klicke hier für mehr Informationen
| |
| </summary>
| |
| | |
| <!-- 3. AUFZÄHLUNG : FINANZEN DER KOMETIN -->
| |
| | |
| <div class="list-todo" >
| |
| <ul >
| |
| <li>
| |
| durch <strong>Mitgliederbeiträge</strong> und <strong>Spenden</strong>
| |
| </li>
| |
| <li>
| |
| Mitgliederbeiträge sind <strong>kein Engelt gegen Nutzung</strong> (Miete)!
| |
| </li>
| |
| <li>
| |
| Gruppen zahlen einen fix vereinbarten Beitrag.
| |
| </li>
| |
| <li>
| |
| <strong>Biete-Runde: </strong> In der Biete-Runde werden die Beiträge der Einzelmitglieder bestimmt, um die Gesamtkosten der Kometin zu decken.
| |
| </li>
| |
| <li>
| |
| <strong>Richtwert:</strong> Der Richtwert ist der Wert, den jedes Mitglied in der Regel zur Deckung der Gesamkosten beitragen sollte, aber nicht muss, wenn man sich es sich nicht leisten kann. <br/> Richtwert = (Gesamtkosten - Fixbeträge der Gruppen) : Anzahl der Einzelmitglieder
| |
| </li>
| |
| | |
| <li>
| |
| <strong>kommerzielle Veranstaltungen</strong> (etwa Veranstaltungen gegen Eintritt) dürfen bei uns grundsätzlich nicht stattfinden
| |
| </li>
| |
| <li>
| |
| Der Mitgliedsbeitrag ist bei uns <strong>solidarisch</strong> geregelt. Das heißt, wir nehmen Rücksicht auf jemanden, der nicht so viel beitragen kann.
| |
| </li>
| |
| <li>
| |
| Neben dem Mitgliedsbeitrag (also ein Geldbetrag) gibt es den <strong>Beitrag auch in der Organisation</strong>. (Aktivität in den Signal Gruppen, beim Orga-Treffen und vor allem Übernahme von Aufgaben). Der Beitrag in der Organisation ist auch wichtig.
| |
| </li>
| |
|
| |
| </ul>
| |
| </div>
| |
| </details>
| |
| <br/>
| |
| | |
| <!-- ENDE 3 TEIL FINANZEN DER KOMETIN -->
| |
| | |
| | |
| | |
| | |
| <!-- 4 .FRAGE : ORGANISATION KOMETIN -->
| |
| | |
| | |
| | |
| <input type="checkbox" id="showDetailsCheckbox" name="doneQuestion4" value="done" onclick="return CheckAllSelections(4);">
| |
| <h4 class="grundlegende-fragen" >
| |
| | |
| 4. Wie organisiert sich die Kometin?
| |
| | |
| </h4><br>
| |
| <details id="detailsSection4">
| |
| <summary>⬇ Klicke hier für mehr Informationen</summary>
| |
| | |
| | |
| <!-- 4. AUFZÄHLUNG : ORGANISATION DER KOMETIN -->
| |
| | |
| | |
| <div class="list-todo" >
| |
| <ul >
| |
| <li>
| |
| <strong>3 Signalgruppen:</strong> Orga (Dinge, die alle betreffen + wichtig), Kometinnenschweif (alles andere, auch Klatsch und Tratsch, Bilder...) und Tage der Kometin (Kometinnen-Events)
| |
| </li>
| |
| <li>
| |
| <strong>monatliches Orga-Treffen:</strong> zentrales Entscheidungsorgan. Als Einzelmitglied sollte man möglichst anwesend sein. Probemitglieder sollten auch schon mal dabei gewesen sein, damit man die anderen Mitglieder kennenlernt. Siehe auch <a href="/Regeln_der_Kometin#Das_Orga-Treffen:_Teil_D" title="Regeln zum Orga-Treffen">Teil D der Rahmenbedingungen der Kometin</a>
| |
| </li>
| |
| <li>
| |
| <strong>3 Pads:</strong> Orga Pad, Events Pad (Reservierung der Kometin), Protokoll Pad (Vorbereitung vom Orga-Treffen -> selbst Tagesordnungspunkte eintragen! Wichtig aktiv sein! Ideen, Vorschläge, Regeländerungen, ect.)
| |
| </li>
| |
| <li>
| |
| <strong>Wiki</strong> (-> hier findet man auch alle Regeln) und </strong>Webseite
| |
| </li>
| |
| <li>
| |
| <strong>Regeln:</strong> Grundregeln (Hausordnung) und Rahmenbedingungen (Mitgliedschaftsregeln und anderes)
| |
| </li>
| |
| <li>
| |
| <a href="https://cloud.kometin.mur.at/login" title="Kometinnencloud">Nextcloud:</a>
| |
| In unserer Kometinnen-Wolke sind alle unsere Dateien, Bilder, Dokumente,..
| |
| </li>
| |
| | |
| </ul>
| |
| </div>
| |
| </details>
| |
| <br/>
| |
| | |
| | |
| <!-- ENDE 4.TEIL ORGANISATION DER KOMETIN -->
| |
| | |
| | |
| | |
| <!-- 5 .FRAGE : MITGLIEDSCHAFT IN DER KOMETIN -->
| |
| | |
| | |
| <input type="checkbox" id="showDetailsCheckbox" name="doneQuestion5" value="done" onclick="return CheckAllSelections(5);"> <h4 class="grundlegende-fragen" >
| |
|
| |
| 5. Wie werde ich Mitglied in der Kometin?
| |
| | |
| </h4>
| |
| <br>
| |
| <details id="detailsSection5">
| |
| <summary>⬇ Klicke hier für mehr Informationen</summary>
| |
| | |
| | |
| <!-- 5. AUFZÄHLUNG : MITGLIEDSCHAFT IN DER KOMETIN -->
| |
| | |
| | |
| <div class="list-todo" >
| |
| <ul >
| |
| <li>
| |
| <strong>3 mögliche Mitgliedschaftsformen:</strong> Einzelmitglied, Gruppenmitglied und Sternschnuppen. Besucher sind streng genommen auch Mitglieder. Es ist aber eine passive Mitgliedschaft.
| |
| </li>
| |
| <li>
| |
| <strong>Erster Schritt</strong> für eine Einzelmitgliedschaft/Gruppenmitgliedschaft -> <strong>Probemitgliedschaft:</strong> unterschreibe einen Probe-Social Contract mit einem Einzelmitglied der Kometin.
| |
| </li>
| |
| <li>
| |
| 1-2 Monate befristete, aber jederzeit lösbar, Mitgliedschaft für einen Probemitgliedschaftsbeitrag: lerne die Kometin und die Menschen/Katzen der Kometin kennen. Nutze die Räumlichkeiten der Kometin.
| |
| </li>
| |
| <li>
| |
| Werde schon in der Probemitgliedschaft <strong>aktiv</strong>, schreib in die Signal Gruppen, sei bei einem Orga-Treffen dabei
| |
| </li>
| |
| <li>
| |
| Stell Fragen. insbesonderen bei deinem Buddy.
| |
| </li>
| |
| <li>
| |
| Erfülle die <strong>drei Aufgaben der Kometin</strong> (Veränderungsvorschlag, Kritik und Kompliment) <a href="/images/4/4d/3_aufgaben.pdf" class="internal" title="3 aufgaben.pdf">Hier kommst du zum 3 Aufgaben PDF-Dokument</a>
| |
| </li>
| |
| <li>
| |
| Nach der Probemitgliedschaft, teile deinem Buddy mit, ob du Mitglied werden möchtest oder nicht. 3 Aufgaben sollten erfüllt sein.
| |
| </li>
| |
| <li>
| |
| Überlege dir welche Aufgaben du in der Kometin übernehmen könntest. Die Kometin funktioniert nur dadurch, dass jeder Aufgaben übernimmt.
| |
| </li>
| |
| <li>
| |
| Über die Mitgliedschaft des Probemitgliedschaft wird dann entschieden im nächsten Orga Treffen. Bei diesem Treffen sich die Mitglieder ohne Probemitglieder eine halbe Stunde vor Beginn des Orga-Treffens, um über die Mitgliedschaft des neuen Probemitglieds zu reden.
| |
| </li>
| |
| <li>
| |
| Wenn man länger braucht, kann die Probemitgliedschaft durch eine Entscheidung im Orga-Treffen verlängert werden.
| |
| </li>
| |
| <li>
| |
| Siehe auch die <a href="/Regeln_der_Kometin#Mitgliedschaft:_Teil_B" title="Regeln zum Orga-Treffen">die Regeln zur Mitgliedschaft in Teil B und C</a>
| |
| </li>
| |
| | |
| </ul>
| |
| </div>
| |
| </details>
| |
| <br/>
| |
| | |
| <!-- ENDE 5.TEIL MITGLIEDSCHAFT IN DER KOMETIN -->
| |
| | |
| | |
| | |
| <!-- 6 .FRAGE : NUTZUNG DER KOMETIN -->
| |
| | |
| | |
| <input type="checkbox" id="showDetailsCheckbox" name="doneQuestion6" value="done" onclick="return CheckAllSelections(6);">
| |
| <h4 class="grundlegende-fragen" >
| |
|
| |
| 6. Wie kann ich die Kometin nutzen?
| |
| | |
| </h4>
| |
| <br/>
| |
| <details id="detailsSection6">
| |
| <summary>⬇ Klicke hier für mehr Informationen</summary>
| |
| | |
| | |
| | |
| <!-- 6. AUFZÄHLUNG : NUTZUNG DER KOMETIN -->
| |
| | |
| | |
| <div class="list-todo" >
| |
| <ul >
| |
| <li> <strong>Einzelmitglieder</strong> können die Kometin nutzen, wann sie wollen unter Berücksichtigung der anderen Mitglieder. <br/>Ausnahme: Es findet im jeweiligen Raum eine Veranstaltung statt. Informationen findet man im Events Pad.
| |
| </li>
| |
| <li>
| |
| <strong>Gruppenmitglieder</strong> können die Kometin während den Gruppenveranstaltungen, die auch im Events Pad stehen, nutzen.
| |
| </li>
| |
| <li> Wenn du die Räumlichkeiten reservieren willst, dann trag das bitte in das event Pad ein: Zeitrahmen, Öffentlich oder geschlossen, welchen Raum (AT für Atelier, WZ für Wohnzimmer, BR für beide Räume, GT für Garten) du benötigst.
| |
| </li>
| |
| <li> <strong>Öffentliche Veranstaltungen</strong> werden in der Tage der Kometin - Signal Gruppe (kurz tdk), auf der Webseite, über events.graz.social und sonstigen Social Media Kanäle beworben.
| |
| </li>
| |
| <li> Für öffentliche Veranstaltungen sollte eine <strong> events.graz.social - Veranstaltung </strong> erstellt werden, damit es auf die Webseite kommt. Dafür gibt es auch ein <a href="Graz.social.event-erstellung" title="events.graz.social-Veranstaltungserstellung">Tutorial</a>.
| |
| </li>
| |
| <li> Öffentliche Veranstaltungen werden auch über die Tage der Kometin - Signal Gruppe in der Monatsaufstellung und im wöchentlichen Beitrag beworben.
| |
| </li>
| |
| <li> Bei einer <strong>Verschiebung einer öffentlichen Veranstaltung</strong> sollte es auch früh genug kundgemacht werden: den anderen Kometinnen und durch die Tage der Kometin - Signal Gruppe, die events.graz.social - Veranstaltung (man kann das Datum ändern) und anderen social Media Kanälen.
| |
| </li>
| |
| <li>
| |
| Siehe auch die <a href="/Regeln_der_Kometin#Nutzung_der_Räumlichkeiten:_Teil_H" title="Regeln zum Orga-Treffen">die Regeln zur Nutzung in Teil H der Rahmenbedingungen</a> und unsere <a href="/images/d/d9/Grundregeln.pdf" class="internal" title="Grundregeln.pdf">Grundregeln (=Hausregeln oder Hausordnung)</a>
| |
| </li>
| |
| </ul>
| |
| </div>
| |
| </details>
| |
| <br/>
| |
| | |
| <!-- ENDE 6.TEIL NUTZUNG DER KOMETIN -->
| |
| </fieldset>
| |
| </form>
| |
| | |
| <!-- BEGINN BELOHNUNGSBILD -->
| |
| | |
| <center>
| |
| <div id="geschafft" style="font-size:2rem;">
| |
| | |
| <img src="https://wiki.kometin.at/images/e/ea/Killing_1.jpg" alt="Killing" width="500" height="600" style="border: 6px solid blue; box-shadow: 1px 3px 4px 0px #888;
| |
| -webkit-box-shadow: 1px 3px 4px 0px #888;
| |
| -moz-box-shadow: 1px 3px 4px 0px #888;
| |
| border-radius: 50%;
| |
| ">
| |
| | |
| <p style="
| |
| position: relativ;
| |
| top: 20px;
| |
| left:20px;
| |
| color: khaki;
| |
| font-size: 50px;
| |
| -webkit-text-stroke-width: 1px;
| |
| -webkit-text-stroke-color: lightblue;
| |
| ">
| |
| | |
| Du hast es geschafft!☄️
| |
| | |
| </p>
| |
| </div>
| |
| </center>
| |
| | |
| <!-- ENDE BELOHNUNGSBILD -->
| |
| | |
| | |
| | |
| <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 "doneQuestion"
| |
| var checkboxes = document.querySelectorAll('input[type="checkbox"][name="doneQuestion"]');
| |
| | |
| // Füge einen Event-Listener für den "change"-Event hinzu
| |
| checkboxes.forEach(function(checkbox) {
| |
| checkbox.addEventListener("change", CheckAllSelections);
| |
| });
| |
| });
| |
| | |
| function CheckAllSelections() {
| |
| var checkboxes = document.querySelectorAll('input[type="checkbox"][name^="doneQuestion"]');
| |
| var checkedCount = 0;
| |
| | |
| checkboxes.forEach(function(checkbox) {
| |
| if (checkbox.checked) {
| |
| checkedCount++;
| |
| }
| |
| });
| |
| | |
| var geschafft = document.getElementById("geschafft");
| |
| var bg1 = document.getElementById("mw-content");
| |
| var bg2 = document.getElementById("content");
| |
| if (checkedCount === checkboxes.length) {
| |
| geschafft.style.display = "block";
| |
| bg1.style.background = "#fae3fa";
| |
| bg2.style.background = "#fae3fa";
| |
| //bg1.style.borderStyle = "solid";
| |
| //bg1.style.borderWidth = "5px";
| |
| //bg1.style.borderColor = "gold";
| |
|
| |
| } else {
| |
| geschafft.style.display = "none";
| |
| bg1.style.background = "white";
| |
| bg2.style.background = "white";
| |
|
| |
| }
| |
| | |
| // Toggle details section visibility based on checkbox state
| |
| checkboxes.forEach(function(checkbox, index) {
| |
| var detailsSection = document.getElementById('detailsSection' + (index + 1));
| |
| | |
| if (checkbox.checked) {
| |
| detailsSection.style.display = "none";
| |
| } else {
| |
| detailsSection.style.display = "block";
| |
| }
| |
| });
| |
| }
| |
| | |
| </script>
| |
| </html>
| |
