|
|
| Zeile 1: |
Zeile 1: |
| <html>
| |
| <!-- Hier sind die INTERNAL STYLES -->
| |
| <style>
| |
|
| |
|
|
| |
|
| |
| @keyframes move {
| |
| 0% {
| |
| offset-distance: 0%;
| |
| }
| |
| 100% {
| |
| offset-distance: 100%;
| |
| }
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| #go-stone-1
| |
| {
| |
| z-index:100000000020;
| |
| offset-path: path("M40 50 Q20 300 ,295 400");
| |
| animation: 5s fadeIn2 20s ease-in 1, 10s move 23s ease-in-out 1;
| |
| width: 1em;
| |
| height: auto;
| |
| position:absolute;
| |
| left: 4.5em;
| |
| // animation: 5s fadeIn2 20s ease-in 1, 10s moveDown 20s ease-in-out 1;
| |
|
| |
| animation-fill-mode: both;
| |
|
| |
| }
| |
| #go-stone-2
| |
| {
| |
| z-index:10000000000;
| |
| offset-path: path("M40 50 Q20 300 ,320 330");
| |
| width: 1em;
| |
| height: auto;
| |
| position:absolute;
| |
| left: 4.5em;
| |
| animation: 5s fadeIn2 20s ease-in 1, 10s move 26s ease-in-out 1;
| |
| // animation: 5s fadeIn2 20s ease-in 1, 10s moveDown 20s ease-in-out 1;
| |
|
| |
| animation-fill-mode: both;
| |
|
| |
| }
| |
|
| |
| #draw
| |
| {
| |
| z-index:10000000000;
| |
| animation: 5s fadeIn2 23s ease-in 1, 10s move 29s ease-in-out 1;
| |
| offset-path: path("M40 50 Q20 300 ,420 320");
| |
| width: 1em;
| |
| height: auto;
| |
| position:absolute;
| |
| left: 4.5em;
| |
| // animation: 5s fadeIn2 23s ease-in 1, 6s moveDown 26s ease-in-out 1;
| |
|
| |
| animation-fill-mode: both;
| |
|
| |
| }
| |
|
| |
| #yoga
| |
| {
| |
| z-index:10000000000;
| |
| animation: 5s fadeIn2 26s ease-in 1, 10s move 32s ease-in-out 1;
| |
| offset-path: path("M40 50 Q20 300 ,333 310");
| |
| width: 1em;
| |
| height: auto;
| |
| position:absolute;
| |
| left: 4.5em;
| |
| // animation: 5s fadeIn2 26s ease-in 1, 10s moveDown 29s ease-in-out 1;
| |
|
| |
| animation-fill-mode: both;
| |
|
| |
| }
| |
|
| |
| #camera
| |
| {
| |
| z-index:10000000000;
| |
| animation: 5s fadeIn2 29s ease-in 1, 10s move 35s ease-in-out 1;
| |
| offset-path: path("M40 50 Q20 300 ,500 300");
| |
| width: 1em;
| |
| height: auto;
| |
| position:absolute;
| |
| left: 4.5em;
| |
| // animation: 5s fadeIn2 29s ease-in 1, 10s moveDown 32s ease-in-out 1;
| |
|
| |
| animation-fill-mode: both;
| |
|
| |
| }
| |
|
| |
| #wolf
| |
| {
| |
| z-index:10000000000;
| |
| animation: 5s fadeIn2 32s ease-in 1, 10s move 38s ease-in-out 1;
| |
| offset-path: path("M40 50 Q20 300 ,270 315");
| |
| width: 1em;
| |
| height: auto;
| |
| position:absolute;
| |
| left: 4.5em;
| |
| //animation: 5s fadeIn2 32s ease-in 1, 10s moveDown 35s ease-in-out 1;
| |
|
| |
| animation-fill-mode: both;
| |
|
| |
| }
| |
|
| |
| #door
| |
| {
| |
| z-index:10000000000;
| |
| animation: 5s fadeIn2 35s ease-in 1, 10s move 41s ease-in-out 1;
| |
| offset-path: path("M40 50 Q20 300 ,290 290");
| |
| width: 1em;
| |
| height: auto;
| |
| position:absolute;
| |
| left: 4.5em;
| |
| // animation: 5s fadeIn2 35s ease-in 1, 10s moveDown 38s ease-in-out 1;
| |
|
| |
| animation-fill-mode: both;
| |
|
| |
| }
| |
|
| |
| #knit
| |
| {
| |
| z-index:10000000000;
| |
| animation: 5s fadeIn2 38s ease-in 1, 10s move 44s ease-in-out 1;
| |
| offset-path: path("M40 50 Q20 300 ,220 233");
| |
| width: 1em;
| |
| height: auto;
| |
| position:absolute;
| |
| left: 4.5em;
| |
| // animation: 5s fadeIn2 38s ease-in 1, 10s moveDown 41s ease-in-out 1;
| |
|
| |
| animation-fill-mode: both;
| |
|
| |
| }
| |
|
| |
| #women
| |
| {
| |
| z-index:10000000000;
| |
| animation: 5s fadeIn2 38s ease-in 1, 10s move 44s ease-in-out 1;
| |
| offset-path: path("M40 50 Q20 300 ,320 220");
| |
| width: 1em;
| |
| height: auto;
| |
| position:absolute;
| |
| left: 4.5em;
| |
| // animation: 5s fadeIn2 38s ease-in 1, 10s moveDown 44s ease-in-out 1;
| |
|
| |
| animation-fill-mode: both;
| |
|
| |
| }
| |
|
| |
| #queer
| |
| {
| |
| z-index:10000000000;
| |
| animation: 5s fadeIn2 38s ease-in 1, 10s move 46s ease-in-out 1;
| |
| offset-path: path("M40 50 Q20 300 ,350 200");
| |
| width: 1em;
| |
| height: auto;
| |
| position:absolute;
| |
| left: 4.5em;
| |
| // animation: 5s fadeIn2 38s ease-in 1, 10s moveDown 41s ease-in-out 1;
| |
|
| |
| animation-fill-mode: both;
| |
|
| |
| }
| |
|
| |
|
| |
| #pinsel-container {
| |
| z-index:10000000000;
| |
| offset-path: path("M40 50 Q20 300 ,410 360");
| |
| width: 1em;
| |
| height: auto;
| |
| position:absolute;
| |
| left: 4.5em;
| |
| animation: 5s fadeIn2 5s ease-in 1, 10s move 0s ease-in-out 1;
| |
| // animation: 5s fadeIn2 5s ease-in 1, 10s moveDown 0s ease-in-out 1;
| |
| animation-delay:16s;
| |
| animation-fill-mode: both;
| |
|
| |
| }
| |
|
| |
| #pinsel-img {
| |
| width:100%;
| |
| height:auto;
| |
|
| |
| }
| |
|
| |
| @keyframes moveDown {
| |
|
| |
| 0% { transform: translateY(0em); }
| |
|
| |
|
| |
|
| |
| 70% { transform: translateY(15em); }
| |
|
| |
| 100% { transform: translateY(17em); }
| |
| }
| |
|
| |
| #alien-container {
| |
| width:3em; height:auto;
| |
| position:absolute;
| |
| right:0;
| |
|
| |
| -webkit-animation: alienMove 10s linear infinite; /* Chrome, Safari 5 */
| |
| -moz-animation: alienMove 10s linear infinite; /* Firefox 5-15 */
| |
| -o-animation: alienMove 10s linear infinite; /* Opera 12+ */
| |
| animation: 5s fadeIn 0s ease-in 1, 4s alienMove 5s ease-in 1, 6s alienLeave 50s ease-in 1;
| |
| /* Chrome, Firefox 16+, IE 10+, Safari 5 */
| |
| animation-fill-mode: forwards;
| |
| }
| |
|
| |
| @-webkit-keyframes alienMove {
| |
| 0% { transform: translateX(0) translateY(0); }
| |
|
| |
| 50% { transform:translateX(-8em) translateY(-8em); }
| |
|
| |
| 100% { transform:translateX(0) translateY(0); }
| |
| }
| |
|
| |
| @-moz-keyframes alienMove {
| |
| 0% { transform: translateX(0) translateY(0); }
| |
|
| |
| 50% { transform:translateX(-6em) translateY(-6em); }
| |
|
| |
| 100% { transform:translateX(0) translateY(0); }
| |
| }
| |
|
| |
| @-o-keyframes alienMove {
| |
|
| |
| 0% { transform:translateX(-6em) translateY(-6em); }
| |
|
| |
| 100% { transform:translateX(0) translateY(0); }
| |
| }
| |
|
| |
| @keyframes alienMove {
| |
| 0% { transform: translateX(2); }
| |
| 100% { transform:translateX(-23em); }
| |
| }
| |
| @keyframes alienLeave {
| |
| 0% { transform: translateX(-23em) translateY(0); }
| |
| 100% { transform:translateX(-65em) translateY(0); }
| |
| }
| |
| @keyframes fadeIn {
| |
| 0% {
| |
| filter:opacity(0%);
| |
| transform: translateX(0);
| |
| }
| |
|
| |
|
| |
| 100% {
| |
| filter:opacity(100%);
| |
| transform: translateX(2);
| |
| }
| |
| }
| |
|
| |
| @keyframes fadeIn2 {
| |
| 0% {
| |
| filter:opacity(0%);
| |
|
| |
| }
| |
|
| |
|
| |
| 100% {
| |
| filter:opacity(100%);
| |
| }
| |
| }
| |
|
| |
|
| |
| #alien-img {
| |
| object-fit:cover;
| |
| width: 100%;
| |
| height:auto;
| |
| }
| |
|
| |
| #spacer {
| |
| width:11em; height:11em;
| |
| }
| |
|
| |
|
| |
| .cat-caption {
| |
| font-size: 1em !important;
| |
| -webkit-text-stroke-width: 1px !important;
| |
| -webkit-text-stroke-color: lightblue !important;
| |
| }
| |
|
| |
|
| |
| #sun {
| |
| position:absolute;
| |
| right:0;
| |
| width: 5em;
| |
| height:auto;
| |
| opacity:60%;
| |
| overflow:hidden;
| |
| }
| |
|
| |
| #sun-container {
| |
| -webkit-animation: sunMove 35s linear infinite; /* Chrome, Safari 5 */
| |
| -moz-animation: sunMove 35s linear infinite; /* Firefox 5-15 */
| |
| -o-animation: sunMove 35s linear infinite; /* Opera 12+ */
| |
| animation: sunMove 35s linear infinite; /* Chrome, Firefox 16+,
| |
| IE 10+, Safari 5 */
| |
|
| |
|
| |
| }
| |
|
| |
| @-webkit-keyframes sunMove {
| |
| 0% { transform: translateX(0) translateY(0); }
| |
|
| |
| 50% { transform:translateX(-6em) translateY(-6em); }
| |
|
| |
| 100% { transform:translateX(0) translateY(0); }
| |
| }
| |
|
| |
| @-moz-keyframes sunMove {
| |
| 0% { transform: translateX(0) translateY(0); }
| |
|
| |
| 50% { transform:translateX(-6em) translateY(-6em); }
| |
|
| |
| 100% { transform:translateX(0) translateY(0); }
| |
| }
| |
|
| |
| @-o-keyframes sunMove {
| |
| 0% { transform: translateX(0) translateY(0); }
| |
|
| |
| 50% { transform:translateX(-6em) translateY(-6em); }
| |
|
| |
| 100% { transform:translateX(0) translateY(0); }
| |
| }
| |
|
| |
| @keyframes sunMove {
| |
| 0% { transform: translateX(0) translateY(0); }
| |
|
| |
| 50% { transform:translateX(-6em) translateY(-6em); }
| |
|
| |
| 100% { transform:translateX(0) translateY(0); }
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| #schweif {
| |
| width:100%;
| |
| height: auto;
| |
| overflow:hidden;
| |
| -webkit-animation: mySchweif 20s linear infinite; /* Chrome, Safari 5 */
| |
| -moz-animation: mySchweif 20s linear infinite; /* Firefox 5-15 */
| |
| -o-animation: mySchweif 20s linear infinite; /* Opera 12+ */
| |
| animation: mySchweif 20s linear infinite; /* Chrome, Firefox 16+,
| |
| IE 10+, Safari 5 */
| |
| }
| |
|
| |
| @-webkit-keyframes mySchweif {
| |
| 0% {
| |
| transform: rotate(80deg);
| |
| }
| |
| 40% {
| |
| transform: rotate(144deg);
| |
| }
| |
| 50% {
| |
| transform: rotate(134deg);
| |
| }
| |
| 60% {
| |
| transform: rotate(124deg);
| |
| }
| |
| 70% {
| |
| transform: rotate(114deg);
| |
| }
| |
| 80% {
| |
| transform: rotate(104deg);
| |
| }
| |
| 90% {
| |
| transform: rotate(94deg);
| |
| }
| |
| 100% {
| |
| transform: rotate(80deg);
| |
| }
| |
| }
| |
|
| |
| @-moz-keyframes mySchweif {
| |
| 0% {
| |
| transform: rotate(80deg);
| |
| }
| |
| 40% {
| |
| transform: rotate(144deg);
| |
| }
| |
| 50% {
| |
| transform: rotate(134deg);
| |
| }
| |
| 60% {
| |
| transform: rotate(124deg);
| |
| }
| |
| 70% {
| |
| transform: rotate(114deg);
| |
| }
| |
| 80% {
| |
| transform: rotate(104deg);
| |
| }
| |
| 90% {
| |
| transform: rotate(94deg);
| |
| }
| |
| 100% {
| |
| transform: rotate(80deg);
| |
| }
| |
| }
| |
|
| |
| @-o-keyframes mySchweif {
| |
| 0% {
| |
| transform: rotate(80deg);
| |
| }
| |
| 40% {
| |
| transform: rotate(144deg);
| |
| }
| |
| 50% {
| |
| transform: rotate(134deg);
| |
| }
| |
| 60% {
| |
| transform: rotate(124deg);
| |
| }
| |
| 70% {
| |
| transform: rotate(114deg);
| |
| }
| |
| 80% {
| |
| transform: rotate(104deg);
| |
| }
| |
| 90% {
| |
| transform: rotate(94deg);
| |
| }
| |
| 100% {
| |
| transform: rotate(80deg);
| |
| }
| |
| }
| |
|
| |
| @keyframes mySchweif {
| |
| 0% {
| |
| transform: rotate(80deg);
| |
| }
| |
| 40% {
| |
| transform: rotate(144deg);
| |
| }
| |
| 50% {
| |
| transform: rotate(134deg);
| |
| }
| |
| 60% {
| |
| transform: rotate(124deg);
| |
| }
| |
| 70% {
| |
| transform: rotate(114deg);
| |
| }
| |
| 80% {
| |
| transform: rotate(104deg);
| |
| }
| |
| 90% {
| |
| transform: rotate(94deg);
| |
| }
| |
| 100% {
| |
| transform: rotate(80deg);
| |
| }
| |
| }
| |
|
| |
|
| |
| .schweif-container {
| |
| width: 3em;
| |
|
| |
| margin:0.5em;
| |
|
| |
|
| |
| position:relative;
| |
| top:9em;
| |
| -webkit-animation: myOrbit 20s linear infinite; /* Chrome, Safari 5 */
| |
| -moz-animation: myOrbit 20s linear infinite; /* Firefox 5-15 */
| |
| -o-animation: myOrbit 20s linear infinite; /* Opera 12+ */
| |
| animation: myOrbit 20s linear infinite; /* Chrome, Firefox 16+,
| |
| IE 10+, Safari 5 */
| |
| }
| |
|
| |
|
| |
| @-webkit-keyframes myOrbit {
| |
| 0% { transform: rotate(0deg) translateX(10em); }
| |
|
| |
| 100% { transform: rotate(-360deg) translateX(10em) ; }
| |
| }
| |
|
| |
| @-moz-keyframes myOrbit {
| |
| 0% { transform: rotate(0deg) translateX(10em); }
| |
|
| |
| 100% { transform: rotate(-360deg) translateX(10em) ; }
| |
| }
| |
|
| |
| @-o-keyframes myOrbit {
| |
| 0% { transform: rotate(0deg) translateX(10em); }
| |
|
| |
| 100% { transform: rotate(-360deg) translateX(10em) ; }
| |
| }
| |
|
| |
| @keyframes myOrbit {
| |
| 0% { transform: rotate(0deg) translateX(10em); }
| |
|
| |
| 100% { transform: rotate(-360deg) translateX(10em) ; }
| |
| }
| |
|
| |
| #sprichwort {
| |
| text-align: center;
| |
| font-size: 1.2em;
| |
| background-color: hsla(114, 62%, 45%, 40%);
| |
| width:100%;
| |
| color: hsla(218, 93%, 23%, 100%);
| |
|
| |
| }
| |
|
| |
| .belohnungsbild {
| |
| width:10em;
| |
| height:10em;
| |
| object-fit:cover;
| |
| 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: 600px;
| |
|
| |
|
| |
| }
| |
|
| |
| .slider .caption {
| |
| position: absolute;
| |
| bottom: 0;
| |
| left: 0;
| |
| width:93%;
| |
| background-color: rgba(0, 0, 0, 0.5);
| |
| color: #fff;
| |
| font-size: 18px;
| |
| padding: 10px;
| |
| text-align: center;
| |
| }
| |
|
| |
|
| |
|
| |
| .slider ul {
| |
| list-style: none;
| |
| margin: 0;
| |
| padding: 0;
| |
| position:relative;
| |
| }
| |
|
| |
| .slider li {
| |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| opacity: 0;
| |
| transition: opacity 1s ease-in-out;
| |
| }
| |
|
| |
| .slide-img {
| |
| height: 16em;
| |
| width: 16em;
| |
| object-fit:cover;
| |
| box-shadow:5px 5px 8px 3px rgb(226, 226, 226);
| |
| }
| |
|
| |
| .slider li.active {
| |
| opacity: 1;
| |
| }
| |
|
| |
| .slider2 .caption {
| |
| position: absolute;
| |
| bottom: 0;
| |
| left: 0;
| |
| width:93%;
| |
| color: #fff;
| |
| font-size: 18px;
| |
| padding: 10px;
| |
| text-align: center;
| |
| }
| |
|
| |
|
| |
|
| |
| .slider2 ul {
| |
| list-style: none;
| |
| margin: 0;
| |
| padding: 0;
| |
| position:relative;
| |
| }
| |
|
| |
| .slider2 li {
| |
| position: absolute;
| |
| top: 0;
| |
| left: 11em;
| |
| opacity: 0;
| |
| transition: opacity 1s ease-in-out;
| |
| }
| |
|
| |
|
| |
|
| |
| .slider2 li.active {
| |
| opacity: 1;
| |
| }
| |
|
| |
|
| |
| .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;
| |
| margin-top: 10px;
| |
| padding: 2px 5px 10px 8px;
| |
| }
| |
|
| |
| summary {
| |
| font-size: 14px;
| |
| text-decoration: underline;
| |
| }
| |
|
| |
| details {
| |
| margin-left: 50px;
| |
| }
| |
|
| |
| @media screen and (max-width: 53em)
| |
| {
| |
| .kitchenlist
| |
| {
| |
| margin-top: 330px !important;
| |
| margin-left: 30px !important;
| |
| }
| |
|
| |
| .slider li
| |
| {
| |
| left:20vw;
| |
| }
| |
|
| |
| }
| |
| @media screen and (max-width: 30em)
| |
| {
| |
| #spacer {
| |
| width:8em; height:8em;
| |
| }
| |
| .slider2 li
| |
| {
| |
| left:3.5em;
| |
|
| |
| }
| |
|
| |
|
| |
|
| |
| .slider li
| |
| {
| |
| left:0;
| |
| }
| |
|
| |
| details {
| |
| margin-left: 3px !important;
| |
| }
| |
|
| |
|
| |
| .belohnungsbild {
| |
| width:50vw;
| |
| height:50vw;
| |
| }
| |
| }
| |
| </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 Informationen</summary>
| |
| <div class="list-todo" >
| |
|
| |
| <div class="slider">
| |
| <ul>
| |
| <li class="active">
| |
| <img class="slide-img" src="https://wiki.kometin.at/images/9/94/Raum.jpg" alt="Küche"
| |
| >
| |
| <div class="caption">
| |
| Wohnzimmer 27 m2
| |
| </div>
| |
|
| |
| </li>
| |
| <li>
| |
| <img class="slide-img" src=
| |
| "https://wiki.kometin.at/images/d/da/Garten_der_Kometin_.jpg"
| |
| alt="GFG Image 2">
| |
| <div class="caption">
| |
| Garten 50 m2
| |
| </div>
| |
| </li>
| |
| <li>
| |
| <img class="slide-img" src=
| |
| "https://wiki.kometin.at/images/1/13/K%C3%BCche.jpeg"
| |
| alt="GFG Image 3">
| |
| <div class="caption">
| |
| Küche 10 m2
| |
| </div>
| |
| </li>
| |
| <li>
| |
| <img class="slide-img" src=
| |
| "https://wiki.kometin.at/images/c/cc/Atelier.jpeg"
| |
| alt="GFG Image 4">
| |
| <div class="caption">
| |
| Atelier 23m2
| |
| </div>
| |
| </li>
| |
| </ul>
| |
|
| |
| </div>
| |
|
| |
|
| |
| <!-- 1. AUFZÄHLUNG : RÄUMLICHKEITEN DER KOMETIN -->
| |
|
| |
| <ul class="aufzählungsliste kitchenlist" style="margin-left:18em;" >
| |
|
| |
|
| |
| <li>
| |
| <strong>Wichtige Dinge in der Küche: </strong>
| |
| <ul>
| |
| <li>
| |
| <u>Putzliste </u> (Wenn du etwas putzt, dann trag das bitte in die Liste ein. )
| |
|
| |
| <li>
| |
| <u>Einkaufsliste</u> (fehlen Lebensmittel wie Snacks oder Putzmittel in der Kometin, dann trag das bitte ein)
| |
| </li>
| |
| <li>
| |
| <u>Getränke - Stricherlliste</u> (wenn du etwas verbrauchst zb Murelli, dann trag Murelli I ein, irgendwann kannst du einen Beitrag für deinen gesamten Verbrauch überweisen)
| |
| </li>
| |
| <li>
| |
| <u>Katzenkalender</u>: Hier werden manchmal Reservierungen/Events eingetragen. Zentral für Reservierungen ist aber das events pad.
| |
| </li>
| |
| <li>
| |
| <u>Spendengläser</u>
| |
| </li>
| |
| </ul>
| |
|
| |
| </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>
| |
|
| |
| </ul>
| |
| <div id="sprichwort">
| |
| Versuche, die Räume immer ordentlicher und schöner zu hinterlassen, als sie waren wie du gekommen bist.
| |
| </div>
| |
| </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 Informationen</summary>
| |
|
| |
| <!-- 2. AUFZÄHLUNG : WER IST DIE KOMETIN -->
| |
|
| |
| <div class="list-todo" >
| |
| <ul >
| |
|
| |
| <li>
| |
| <strong>eine Gemeinschaft von Menschen, die Raum brauchen.</strong>
| |
| <ul>
| |
| <li>
| |
| Wir organisieren auf Augenhöhe und gemeinsam.
| |
| </li>
| |
| </ul>
| |
| </li>
| |
| <li>
| |
|
| |
| ein <a href="/Freiraum" title="Freiraum"><strong>Freiraum</strong></a>
| |
| </li>
| |
| <li>
| |
| eine <strong>Selbstorganisation</strong> von Gleichrangigen
| |
| <ul>
| |
|
| |
| <li>
| |
| Selbstorgansation ist nicht einfach und steckt voller
| |
| <strong>Herausforderungen:</strong> Wer entscheidet? Wie werden Informationen weitergegeben? Wie gehen wir damit um, dass jede Person unterschiedliche Ressourcen hat? Wie schaffen wir es das sich jede*r wohlfühlt bei der Organisation und Entscheidungen? usw.
| |
| </li>
| |
|
| |
| <li>
| |
| <strong>Daher haben wir mehrere Lösungsstrategien:</strong> klare Grenzen, Orga-Treffen (zentral), Biete-runde, Aufgabenverteilung und 5 Finger Konsent Methode
| |
| </li>
| |
| <li>
| |
| Eine wichtige Lösungsstrategie ist, dass es bei uns <strong>keine anonyme Mitgliedschaft:</strong> gibt:
| |
| <ul>
| |
| <li>
| |
| Unsere Organisation ist darauf aufgebaut, dass man sich gegenseitig kennt.
| |
| </li>
| |
| <li>
| |
| Unsere Gemeinschaft wird dadurch gestärkt.
| |
| </li>
| |
| <li>
| |
| Dies soll auch gewährleisten, dass sich jede Person sicher und wohl fühlt.
| |
| </li>
| |
| </ul>
| |
| </li>
| |
|
| |
| </ul>
| |
| </li>
| |
|
| |
|
| |
|
| |
| <li>
| |
| ein <a href="https://de.wikipedia.org/wiki/Commons" title="Freiraum"><strong>Commons:</strong></a>
| |
| <ul>
| |
| <li>
| |
| eine Ressource (Code, Wissen, Nahrung, Energiequellen, Wasser, Land, Zeit u. a.), die aus selbstorganisierten Prozessen des gemeinsamen bedürfnisorientierten Produzierens, Verwaltens, Pflegens und/oder Nutzens (Commoning) hervorgehen.
| |
| </li>
| |
| </ul>
| |
| </li>
| |
|
| |
| <li>
| |
| ein <a href="https://igkultur.at/service/vereinsrecht" title="Kulturverein"><strong>Kulturverein</strong></a>
| |
|
| |
| </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 Informationen
| |
| </summary>
| |
|
| |
| <!-- 3. AUFZÄHLUNG : FINANZEN DER KOMETIN -->
| |
|
| |
| <div class="list-todo" >
| |
| <ul >
| |
| <li>
| |
| durch <strong>Mitgliederbeiträge</strong>
| |
| <ul>
| |
| <li> <u> Höhe </u> </>
| |
| <ul>
| |
| <li>
| |
| Die Höhe der Beiträge von Einzelmitgliedern wird in der Biete-Runde im Orga-Treffen bestimmt und richtet sich nach dem Richtwert.
| |
| </li>
| |
| <li>
| |
| Gruppen zahlen in der Regel einen fix vereinbarten Beitrag.
| |
| </li>
| |
| </ul>
| |
| </li>
| |
|
| |
|
| |
| <li>
| |
| <u>Richtwert:</u>
| |
| <ul>
| |
| <li>
| |
| Der Richtwert ist der Wert, den jedes Mitglied in der Regel zur Deckung der Gesamkosten beitragen sollte, um alle Kosten zu decken.
| |
| </li>
| |
| <li>
| |
| Richtwert = (Gesamtkosten - Fixbeträge der Gruppen) : Anzahl der Einzelmitglieder
| |
| </li>
| |
| </ul>
| |
| </li>
| |
| <li>
| |
| <u>
| |
| Solidarisch:
| |
| </u>
| |
| <ul>
| |
| <li>
| |
| Der Mitgliedsbeitrag von Einzelmitgliedern wird selbst bestimmt und kann auch unter den Richtwert liegen, wenn die finanzielle Lage es gerade nicht zulässt.
| |
| </li>
| |
| <li>
| |
| Der Mitgliedsbeitrag von Einzelmitgliedern kann auch über den Richtwert liegen, wenn die finanzielle Lage besser ist.
| |
| </li>
| |
|
| |
| </ul>
| |
| </ul>
| |
| </li>
| |
|
| |
|
| |
| <li>
| |
| durch <strong>Spenden</strong>
| |
| <ul>
| |
| <li>
| |
| <u>kommerzielle Veranstaltungen</u> (etwa Veranstaltungen gegen Eintritt) dürfen bei uns grundsätzlich nicht stattfinden
| |
| </li>
| |
| <li>
| |
| Nur Veranstaltungen gegen Spende sind möglich
| |
| </li>
| |
| </ul>
| |
| </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 Informationen</summary>
| |
|
| |
|
| |
| <!-- 4. AUFZÄHLUNG : ORGANISATION DER KOMETIN -->
| |
|
| |
|
| |
| <div class="list-todo" >
| |
| <ul >
| |
| <li>
| |
| <strong>
| |
| durch das monatliche Orga-Treffen:
| |
| </strong>
| |
| <ul>
| |
| <li>
| |
| = Unsere zentrales Entscheidungsorgan: Alle wichtigen Entscheidungen werden in der Regel hier beschlossen.
| |
| </li>
| |
| <li>
| |
| Als Mitglied sollte man möglichst anwesend sein.
| |
| </li>
| |
| <li>
| |
| Probemitglieder sollten auch schon mal dabei gewesen sein, damit man die anderen Mitglieder kennenlernt.
| |
| </li>
| |
| <li>
| |
| 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>
| |
| </ul>
| |
| </li>
| |
| <li>
| |
| <strong> mit 3 Signalgruppen:</strong> (<a href="https://signal.org/de/" title="kometin.at">Signal-Software</a>)
| |
| <ul>
| |
|
| |
| <li> Orga (Dinge, die alle betreffen + wichtig), </li>
| |
| <li>Kometinnenschweif (alles andere, auch Klatsch und Tratsch, Bilder...) </li> und
| |
| <li> Tage der Kometin (Kometinnen-Events, diese Gruppe ist für alle offen) </li>
| |
| </ul>
| |
| </li>
| |
|
| |
| <li>
| |
| <strong>mit 3 Pads </strong> (<a href="https://etherpad.org/" title="Etherpad">Etherpad-Software</a> über <a href="https://info.graz.social/dienste/tools/" title="Graz Social Tools">Graz-Social-Tools</a>)
| |
| <ul>
| |
| <li>Orga Pad, </li>
| |
| <li>Events Pad (Reservierung der Kometin),</li>
| |
| <li> Protokoll Pad (Vorbereitung vom Orga-Treffen -> selbst Tagesordnungspunkte eintragen! Wichtig aktiv sein! Ideen, Vorschläge, Regeländerungen, ect.) </li>
| |
| </ul>
| |
| </li>
| |
| <li>
| |
| mit unserer <a href="https://kometin.at" title="kometin.at"><strong>Webseite</strong></a> (<a href="https://de-at.wordpress.org/" title="Wordpress">Wordpress-Software</a>) und dem <a href="/Hauptseite" title="Wiki"><strong>Wiki</strong></a> (<a href="https://www.mediawiki.org/wiki/MediaWiki/de" title="Media-Wiki">Media-Wiki-Software</a>)
| |
| </li>
| |
|
| |
| <li>
| |
| mit unserer <a href="https://cloud.kometin.mur.at/login" title="Kometinnencloud"><strong>Kometinnen-Wolke:</strong></a>
| |
| In unserer Kometinnen-Wolke sind alle unsere Dateien gespeichert. (<a href="https://nextcloud.com/de/" title="Nextcloud">Nextcloud-Software</a>)
| |
| </li>
| |
| <li>
| |
|
| |
| über <a href="https://events.graz.social/@diekometin" title="events-graz social"><strong>Events.Graz.Social</strong></a> werden unsere Veranstaltungen organisiert (<a href="https://joinmobilizon.org/en/" title="Mobilizon">Mobilizon-Software</a> und über das <a href="https://wordpress.org/plugins/mobilizon-mirror/" title="Mobilizon">Mobilizon-Mirror-Wordpress-Plugin</a> zu unserer Webseite verbunden)
| |
|
| |
| </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 Informationen</summary>
| |
|
| |
|
| |
| <!-- 5. AUFZÄHLUNG : MITGLIEDSCHAFT IN DER KOMETIN -->
| |
|
| |
|
| |
| <div class="list-todo" >
| |
| <ul >
| |
| <li>
| |
| <strong>3 mögliche Mitgliedschaftsformen:</strong>
| |
| <ul>
| |
| <li>Personenmitglied </li>
| |
| <li>Gruppenmitglied </li>
| |
| <li>Sternschnuppen </li>
| |
| <li>Besucher (passive Mitgliedschaft)</li>
| |
| </ul>
| |
| </li>
| |
| <li>
| |
| <strong>Probemitgliedschaft : </strong>
| |
| <ul>
| |
| <li>
| |
| 1-2 Monate befristete, aber jederzeit lösbar, Mitgliedschaft (kann durch Orga-Treffen Beschluss verlängert werden)
| |
| </li>
| |
| <li>
| |
| Du hast schon die gleichen Rechte und Pflichten wie ganz normale Mitglieder.
| |
| </li>
| |
| <li>
| |
| Für die Probezeit (die Zeit bis zum 2.Orga Treffen nach deinem Eintritt) ist der Beitrag selbst wählbar.
| |
| </li>
| |
| <li>
| |
| Nach diesem Monat nimmt das Probemitglied bei der Biete-Runde teil.
| |
| </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>
| |
| </ul>
| |
|
| |
| </li>
| |
|
| |
| <li>
| |
| <strong> Tipps zur Probemitgliedschaft: </strong>
| |
| <ul>
| |
| <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>
| |
| Nimm bei Veranstaltungen von anderen Kometinnen teil: Werwolf, Open Doors, ect.
| |
| </li>
| |
| <li>
| |
| Überlege dir welche Aufgaben du in der Kometin übernehmen könntest. Die Kometin funktioniert nur dadurch, dass jede*r Aufgaben übernimmt.
| |
| </li>
| |
| </ul>
| |
| </li>
| |
|
| |
| <li>
| |
| <strong>Mitgliedschaftsentscheidung: </strong>
| |
| <ul>
| |
| <li>
| |
| Wann? Am Ende der Probemitgliedschaft. Meist im nächsten oder übernächsten Orga-Treffen.
| |
| </li>
| |
| <li>
| |
| Wichtig ist, dass alle dich ein bisschen kennengelernt haben.
| |
| </li>
| |
| <li>
| |
| Teile deine Buddy mit, dass du Mitglied werden möchtest, damit dann im Orga Treffen darüber entschieden werden kann.
| |
| </li>
| |
| </ul>
| |
| </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 Informationen</summary>
| |
|
| |
|
| |
|
| |
| <!-- 6. AUFZÄHLUNG : NUTZUNG DER KOMETIN -->
| |
|
| |
|
| |
| <div class="list-todo" >
| |
| <ul >
| |
| <li>
| |
| <strong>Wer?</strong>
| |
| <ul>
| |
| <li> <u>Personenmitglieder</u> können die Kometin nutzen, wann sie wollen unter Berücksichtigung der anderen Mitglieder.
| |
| <ul>
| |
| <li>
| |
| Ausnahme: Es findet im jeweiligen Raum eine Veranstaltung statt. (siehe Event-Pad)
| |
| </li>
| |
| </ul>
| |
| </li>
| |
| <li>
| |
| <u>Gruppenmitglieder</u> können die Kometin während den Gruppenveranstaltungen, die auch im Events Pad stehen, nutzen.
| |
| </li>
| |
|
| |
| </ul>
| |
| </li>
| |
|
| |
| <li>
| |
| <strong>Wie kann ich die Räumlichkeiten reservieren?</strong>
| |
|
| |
| <ul>
| |
| <li>
| |
| Durch Eintragung in das Event-Pad (im jeweiligen Monat)
| |
| </li>
| |
| <li>
| |
| mit Zeitrahmen
| |
| </li>
| |
| <li>
| |
| ob öffentlich oder geschlossen (=privat)
| |
| </li>
| |
| <li>
| |
|
| |
| 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>
| |
| Ein Gruppenmitglied sollte vor der Reservierung zuerst in der Orga oder Kometinnenschweif Signal Gruppe, ob es Widerstand gibt.
| |
| </li>
| |
| </ul>
| |
| </li>
| |
| <li>
| |
| <strong>Wie ist bei öffentlichen Veranstaltungen zu beachten?</strong>
| |
| <ul>
| |
|
| |
| <li>
| |
| Erstelle eine <strong> events.graz.social - Veranstaltung </strong>, damit es auf die Webseite kommt.
| |
| <ul>
| |
| <li>
| |
| Dafür gibt es auch ein <a href="Graz.social.event-erstellung" title="events.graz.social-Veranstaltungserstellung">Tutorial</a>.
| |
| </li>
| |
| </ul>
| |
| </li>
| |
| <li>
| |
| Sie werden auch über die Tage der Kometin - Signal Gruppe in der Monatsaufstellung und im wöchentlichen Beitrag automatisch von der zuständigen Person beworben.
| |
| </li>
| |
| <li>
| |
| Mache Bilder/Videos von deinen Veranstaltungen (natürlich mit Einverständnis der abbildenden Personen und dem Erlaubnis der Veröffentlichung). Dann können wir auch mit Social Media Werbung machen.
| |
| <ul>
| |
| <li>
| |
| <a href="https://igkultur.at/service/arbeiten-im-kulturverein/mustervertraege-vorlagen" title="Einverständniserklärung">Für die Einverständniserklärung gibt es eine Vorlage von IG Kultur</a>
| |
| </li>
| |
| </ul>
| |
| </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>
| |
| Weise auf die Spenden hin . Die Kometin beruht auf Spenden.
| |
| </li>
| |
| </ul>
| |
| </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;">
| |
|
| |
|
| |
| <div id="women">
| |
| ♀️
| |
| </div>
| |
| <div id="queer">
| |
| 🏳️⚧️
| |
| </div>
| |
| <div id="go-stone-1">
| |
| ⚫
| |
| </div>
| |
| <div id="go-stone-2">
| |
| ⚪
| |
| </div>
| |
|
| |
| <div id="draw">
| |
| 🎨
| |
| </div>
| |
|
| |
| <div id="yoga">
| |
| 🧘🏼♀️
| |
| </div>
| |
|
| |
| <div id="door">
| |
| 🚪
| |
| </div>
| |
|
| |
| <div id="wolf">
| |
| 🐺
| |
| </div>
| |
|
| |
| <div id="camera">
| |
| 📷
| |
| </div>
| |
|
| |
| <div id="knit">
| |
| 🧵
| |
| </div>
| |
|
| |
| <div id="pinsel-container">
| |
| <img id="pinsel-img" src="https://wiki.kometin.at/images/c/cd/Pinsel.png" alt="pinsel">
| |
| </div>
| |
| <div id="alien-container">
| |
| <img id="alien-img" src="https://wiki.kometin.at/images/7/79/Alien_nobg.png" alt="alien">
| |
| </div>
| |
| <div id="sun-container">
| |
| <img src="https://wiki.kometin.at/images/a/af/Sun_2.png" alt="sun"
| |
| id="sun">
| |
| </div>
| |
| <div class="schweif-container">
| |
| <img src="https://wiki.kometin.at/images/f/f6/Kometinnenschweif.png" alt="Schweif"
| |
| id="schweif">
| |
| </div>
| |
| <!--<img src="https://wiki.kometin.at/images/e/ea/Killing_1.jpg" alt="Killing"
| |
| id="belohnungsbild"> -->
| |
|
| |
| <div class="slider2">
| |
| <ul>
| |
| <li class="active">
| |
| <img class="belohnungsbild" src="https://wiki.kometin.at/images/e/ea/Killing_1.jpg" alt="Küche"
| |
| width="450" height="600"
| |
| >
| |
| <div class="caption cat-caption">
| |
| Killing
| |
| </div>
| |
|
| |
| </li>
| |
| <li>
| |
| <img class="belohnungsbild" src=
| |
| "https://wiki.kometin.at/images/a/a9/Momo_schlaf.jpg"
| |
| alt="GFG Image 2"
| |
|
| |
| width="800" height="400"
| |
| >
| |
| <div class="caption cat-caption">
| |
| Momo
| |
| </div>
| |
| </li>
| |
| <li>
| |
| <img class="belohnungsbild" src=
| |
| "https://wiki.kometin.at/images/b/b6/Killing_2.jpg"
| |
| alt="GFG Image 3">
| |
| <div class="caption cat-caption">
| |
| Killing
| |
| </div>
| |
| </li>
| |
| <li>
| |
| <img class="belohnungsbild" src=
| |
| "https://wiki.kometin.at/images/c/cb/Momo_sitzt.jpg"
| |
| alt="GFG Image 4">
| |
| <div class="caption cat-caption">
| |
| Momo
| |
| </div>
| |
| </li>
| |
| </ul>
| |
|
| |
| </div>
| |
|
| |
| <div id="spacer" >
| |
| </div>
| |
|
| |
|
| |
|
| |
| <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");
| |
|
| |
| geschafft.style.display = "block";
| |
| bg1.style.background = "#e0e9f3";
| |
| bg2.style.background = "#e0e9f3";
| |
| //bg1.style.borderStyle = "solid";
| |
| //bg1.style.borderWidth = "5px";
| |
| //bg1.style.borderColor = "gold";
| |
|
| |
|
| |
|
| |
| // 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";
| |
| }
| |
| });
| |
| }
| |
| const slider = document.querySelector('.slider');
| |
| const slides = slider.querySelectorAll('li');
| |
|
| |
| // Store the total number of images
| |
| const slideCount = slides.length;
| |
| let activeSlide = 0;
| |
|
| |
| // To change the images dynamically every
| |
| // 5 Secs, use SetInterval() method
| |
| setInterval(() => {
| |
| slides[activeSlide].classList.remove('active');
| |
| activeSlide++;
| |
| if (activeSlide === slideCount) {
| |
| activeSlide = 0;
| |
| }
| |
| slides[activeSlide].classList.add('active');
| |
| }, 2000);
| |
|
| |
| const slider2 = document.querySelector('.slider2');
| |
| const slides2 = slider2.querySelectorAll('li');
| |
|
| |
| // Store the total number of images
| |
| const slide2Count = slides2.length;
| |
| let activeSlide2 = 0;
| |
|
| |
| // To change the images dynamically every
| |
| // 5 Secs, use SetInterval() method
| |
| setInterval(() => {
| |
| slides2[activeSlide2].classList.remove('active');
| |
| activeSlide2++;
| |
| if (activeSlide2 === slide2Count) {
| |
| activeSlide2 = 0;
| |
| }
| |
| slides2[activeSlide2].classList.add('active');
| |
| }, 4000);
| |
| </script>
| |
| </html>
| |
|
| |
| Ergänzungen:
| |
| # '''Verein:''' Als '''gemeinnützig''' gilt ein Verein, der ausschließlich und unmittelbar Zwecke erfüllt, mit denen die Allgemeinheit auf geistigem, kulturellem, sittlichem oder materiellem Gebiet gefördert wird. [https://igkultur.at/service/vereinsrecht Link zu Infos über Kulturvereine von IG Kultur]
| |
| #* Unsere Vereinssatzung findet man unter den [[Wichtige Dokumente#Vereinsstatuten|wichtigen Dokumenten]]
| |
| # '''Commoning:'''
| |
| #* Muster des Commoning: https://commons-institut.org/2020/kartenset-muster-des-commoning
| |
| #* [https://www.youtube.com/watch?v=wmLLg9UpRPk Link zu einem 31 Minuten Youtube-Video zu die Macht des Commoning von Silke Helfrich]
| |
| #* [https://www.youtube.com/watch?v=pVoV_785KuI Link zu 2 Minuten Youtube-Video zu what is Commoning]
| |
| # '''Organisation-Handbuch:''' Hast du Interesse an Selbstorganisation? oder suchst du Tipps für die Organisation deines eigenen Kollektivs, Gruppe, Freiraum. Hier gibt es ein tolles Handbuch mit einer Menge Tipps. [https://organisiert-euch.org/tools ORGANISIERT EUCH!]
| |
|
| |
|
| |
|
| |
| <tabs>
| |
| <tab name="Personen-Mitgliedschaft">1. Zeit : unbefristet<br> 2. Nutzungsrecht: unbeschränkt außer es findet eine Veranstaltung statt<br> 3. Orga-Treffen : Pflicht nach Möglichkeit teilzunehmen<br> 4. Kündigungsfrist: 2 Monate <br/> 5. Berechtigung zum Abschluss eines Probemitgliedsvertrages mit einer anderen Person: ja<br> 6. Aufgaben: Übernahme von einer oder mehreren Aufgaben<br> 7. Beitrag : Bestimmung in Biete-Runde <br/> 8. Formular: Social Contract</tab>
| |
| <tab name="Gruppen-Mitgliedschaft">
| |
| 1. Zeit : unbefristet<br> 2. Nutzungsrecht: beschränkt auf die vereinbarten Termine<br> 3. Orga-Treffen : keine Pflicht teilzunehmen, aber Einladung besteht. Bei Nichtteilnahme Protokoll lesen.<br> 4. Kündigungsfrist: 2 Monate<br> 5. Berechtigung zum Abschluss eines Probemitgliedsvertrages mit einer anderen Person: nein, aber Anregung ist möglich <br> 6. Aufgaben: eine Gruppe sollte 1 - 2 Punkte der Putzliste erledigen im Monat, sie kann aber auch andere Aufgaben übernehmen<br> 7. Beitrag: Vereinbarung mit Kometin, mind. Richtwert <br> 8. Abschluss von Probemitgliedschaften von Gruppen : Bestätigung durch einen orga-Beschluss (Signal Gruppe oder orga Treffen) <br/> 9. Formular : Social Contract </tab>
| |
| <tab name="Sternschnuppen-Mitgliedschaft">
| |
| 1. Zeit : befristet, max. 4 Monate<br> 2. Nutzungsrecht: beschränkt auf die vereinbarten Termine<br> 3. Orga-Treffen : keine Pflicht teilzunehmen<br> 4. Kündigungsfrist: keine, kann jederzeit beendet werden<br> 5. Berechtigung zum Abschluss eines Probemitgliedsvertrages mit einer anderen Person: nein, aber Anregung ist möglich <br> 6. Aufgaben: keine, aber natürlich die Kometin sauber halten<br> 7. Beitrag: nach Vereinbarung mit Kometin <br> 8. Abschluss von Sternschnuppenmitgliedschaften : Bestätigung durch einen orga-Beschluss (Signal Gruppe oder orga Treffen) <br> 9. Formular : Sternschnuppen - Social Contract </tab>
| |
|
| |
| </tabs>
| |
| <html><a href="https://www.vecteezy.com/free-vector/sun">Sun Vectors by Vecteezy</a>
| |
| <a href="https://www.vecteezy.com/free-vector/alien">Alien Vectors by Vecteezy</a>
| |
| <a href="https://www.vecteezy.com/free-vector/space">Space Vectors by Vecteezy</a></html>
| |
