|
|
| (299 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 ist eine Einleitung
| |
| </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 : ACCOUNT - ERSTELLUNG -->
| |
| | |
| <input type="checkbox" id="showDetailsCheckbox" name="doneQuestion" value="done" onclick="return CheckAllSelections(1);">
| |
| | |
| <h4 class="grundlegende-fragen" >
| |
| | |
| 1. Wie kann ich einen events.graz.social-Account erstellen?
| |
| | |
| </h4>
| |
| <br>
| |
| | |
| <details id="detailsSection1" style="margin-left: 50px;">
| |
| <summary>⬇ Klicke hier für mehr Informationen</summary>
| |
| <div class="list-todo" >
| |
| | |
| <!-- 1. AUFZÄHLUNG : ACCOUNT - ERSTELLUNG -->
| |
| | |
| <ul class="aufzählungsliste" >
| |
| <li>
| |
|
| |
| Der erste Schritt ist die Registrierung bei <a rel="nofollow" class="external text" href="https://events.graz.social/search?contentType=EVENTS&eventPage=1&sortBy=START_TIME_ASC&when=any">events.graz.social</a>
| |
| </li>
| |
| <li>
| |
| <div class="center"><div class="floatnone"><a href="/Datei:Account_Erstellung.png" class="image"><img alt="Account Erstellung.png" src="/images/thumb/3/32/Account_Erstellung.png/617px-Account_Erstellung.png" decoding="async" width="617" height="279" srcset="/images/thumb/3/32/Account_Erstellung.png/926px-Account_Erstellung.png 1.5x, /images/thumb/3/32/Account_Erstellung.png/1234px-Account_Erstellung.png 2x"></a></div></div>
| |
| </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>
| |
