Test: Unterschied zwischen den Versionen
Aus wiki.kometin.at
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 2: | Zeile 2: | ||
<!-- Hier sind die INTERNAL STYLES --> | <!-- Hier sind die INTERNAL STYLES --> | ||
<style> | <style> | ||
#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: fadeIn 6s linear 1, alienMove 10s ease-in-out 1; /* Chrome, Firefox 16+, | |||
IE 10+, Safari 5 */ | |||
animation-delay: 6s; | |||
animation-fill-mode: both; | |||
} | |||
@-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(0) translateY(0); } | |||
50% { transform:translateX(-6em) translateY(-6em); } | |||
100% { transform:translateX(0) translateY(0); } | |||
} | |||
@keyframes alienMove { | |||
0% { filter:opacity(0%); } | |||
49%% { filter:opacity(100%); } | |||
50% { transform: translateX(0) translateY(0); } | |||
100% { transform:translateX(-21em) translateY(0); } | |||
} | |||
@keyframes fadeIn { | |||
99% { | |||
visibility: hidden; | |||
} | |||
100% { | |||
visibility: visible; | |||
} | |||
} | |||
#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 { | #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; | width: 3em; | ||
margin:0.5em; | margin:0.5em; | ||
position:relative; | |||
top:9em; | |||
-webkit-animation: myOrbit 20s linear infinite; /* Chrome, Safari 5 */ | -webkit-animation: myOrbit 20s linear infinite; /* Chrome, Safari 5 */ | ||
-moz-animation: myOrbit 20s linear infinite; /* Firefox 5-15 */ | -moz-animation: myOrbit 20s linear infinite; /* Firefox 5-15 */ | ||
| Zeile 13: | Zeile 268: | ||
animation: myOrbit 20s linear infinite; /* Chrome, Firefox 16+, | animation: myOrbit 20s linear infinite; /* Chrome, Firefox 16+, | ||
IE 10+, Safari 5 */ | IE 10+, Safari 5 */ | ||
} | } | ||
@-webkit-keyframes myOrbit { | @-webkit-keyframes myOrbit { | ||
0% { transform: rotate(0deg) translateX(10em); } | |||
100% { transform: rotate(-360deg) translateX(10em) ; } | |||
} | } | ||
@-moz-keyframes myOrbit { | @-moz-keyframes myOrbit { | ||
0% { transform: rotate(0deg) translateX(10em); } | |||
100% { transform: rotate(-360deg) translateX(10em) ; } | |||
} | } | ||
@-o-keyframes myOrbit { | @-o-keyframes myOrbit { | ||
0% { transform: rotate(0deg) translateX(10em); } | |||
100% { transform: rotate(-360deg) translateX(10em) ; } | |||
} | } | ||
@keyframes myOrbit { | @keyframes myOrbit { | ||
0% { transform: rotate(0deg) translateX(10em); } | |||
100% { transform: rotate(-360deg) translateX(10em) ; } | |||
} | } | ||
| Zeile 48: | Zeile 304: | ||
} | } | ||
.belohnungsbild { | |||
width: | width:10em; | ||
height: | height:10em; | ||
object-fit:cover; | |||
border: 6px solid blue; box-shadow: 1px 3px 4px 0px #888; | border: 6px solid blue; box-shadow: 1px 3px 4px 0px #888; | ||
-webkit-box-shadow: 1px 3px 4px 0px #888; | -webkit-box-shadow: 1px 3px 4px 0px #888; | ||
| Zeile 91: | Zeile 348: | ||
height: 16em; | height: 16em; | ||
width: 16em; | width: 16em; | ||
object-fit:cover; | |||
box-shadow:5px 5px 8px 3px rgb(226, 226, 226); | box-shadow:5px 5px 8px 3px rgb(226, 226, 226); | ||
} | } | ||
| Zeile 96: | Zeile 354: | ||
.slider li.active { | .slider li.active { | ||
opacity: 1; | 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; | |||
} | |||
| Zeile 155: | Zeile 445: | ||
@media screen and (max-width: 30em) | @media screen and (max-width: 30em) | ||
{ | { | ||
#spacer { | |||
width:8em; height:8em; | |||
} | |||
.slider2 li | |||
{ | |||
left:3.5em; | |||
} | |||
.slider li | .slider li | ||
{ | { | ||
| Zeile 165: | Zeile 466: | ||
.belohnungsbild { | |||
width: | width:50vw; | ||
height: | height:50vw; | ||
} | } | ||
} | } | ||
| Zeile 584: | Zeile 885: | ||
<ul> | <ul> | ||
<li> | <li> | ||
1-2 Monate befristete, aber jederzeit lösbar, Mitgliedschaft (kann verlängert werden) | 1-2 Monate befristete, aber jederzeit lösbar, Mitgliedschaft (kann durch Orga-Treffen Beschluss verlängert werden) | ||
</li> | </li> | ||
<li> | <li> | ||
| Zeile 590: | Zeile 891: | ||
</li> | </li> | ||
<li> | <li> | ||
Für | Für die Probezeit (die Zeit bis zum 2.Orga Treffen nach deinem Eintritt) ist der Beitrag selbst wählbar. | ||
</li> | </li> | ||
<li> | <li> | ||
| Zeile 753: | Zeile 1.054: | ||
<center> | <center> | ||
<style> | <div id="geschafft" style="font-size:2rem;"> | ||
<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=" | <p style=" | ||
| Zeile 862: | Zeile 1.206: | ||
}, 2000); | }, 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> | </script> | ||
</html> | </html> | ||
| Zeile 874: | Zeile 1.234: | ||
#* [https://www.youtube.com/watch?v=pVoV_785KuI Link zu 2 Minuten Youtube-Video zu what is Commoning] | #* [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!] | # '''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!] | ||
| Zeile 884: | Zeile 1.245: | ||
</tabs> | </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> | |||
Version vom 1. Mai 2024, 15:15 Uhr
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.
Du hast es geschafft!☄️
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. Link zu Infos über Kulturvereine von IG Kultur
- Unsere Vereinssatzung findet man unter den wichtigen Dokumenten
- 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. ORGANISIERT EUCH!
1. Zeit : unbefristet
2. Nutzungsrecht: unbeschränkt außer es findet eine Veranstaltung statt
3. Orga-Treffen : Pflicht nach Möglichkeit teilzunehmen
4. Kündigungsfrist: 2 Monate
5. Berechtigung zum Abschluss eines Probemitgliedsvertrages mit einer anderen Person: ja
6. Aufgaben: Übernahme von einer oder mehreren Aufgaben
7. Beitrag : Bestimmung in Biete-Runde
8. Formular: Social Contract
2. Nutzungsrecht: unbeschränkt außer es findet eine Veranstaltung statt
3. Orga-Treffen : Pflicht nach Möglichkeit teilzunehmen
4. Kündigungsfrist: 2 Monate
5. Berechtigung zum Abschluss eines Probemitgliedsvertrages mit einer anderen Person: ja
6. Aufgaben: Übernahme von einer oder mehreren Aufgaben
7. Beitrag : Bestimmung in Biete-Runde
8. Formular: Social Contract
1. Zeit : unbefristet
2. Nutzungsrecht: beschränkt auf die vereinbarten Termine
3. Orga-Treffen : keine Pflicht teilzunehmen, aber Einladung besteht. Bei Nichtteilnahme Protokoll lesen.
4. Kündigungsfrist: 2 Monate
5. Berechtigung zum Abschluss eines Probemitgliedsvertrages mit einer anderen Person: nein, aber Anregung ist möglich
6. Aufgaben: eine Gruppe sollte 1 - 2 Punkte der Putzliste erledigen im Monat, sie kann aber auch andere Aufgaben übernehmen
7. Beitrag: Vereinbarung mit Kometin, mind. Richtwert
8. Abschluss von Probemitgliedschaften von Gruppen : Bestätigung durch einen orga-Beschluss (Signal Gruppe oder orga Treffen)
9. Formular : Social Contract
2. Nutzungsrecht: beschränkt auf die vereinbarten Termine
3. Orga-Treffen : keine Pflicht teilzunehmen, aber Einladung besteht. Bei Nichtteilnahme Protokoll lesen.
4. Kündigungsfrist: 2 Monate
5. Berechtigung zum Abschluss eines Probemitgliedsvertrages mit einer anderen Person: nein, aber Anregung ist möglich
6. Aufgaben: eine Gruppe sollte 1 - 2 Punkte der Putzliste erledigen im Monat, sie kann aber auch andere Aufgaben übernehmen
7. Beitrag: Vereinbarung mit Kometin, mind. Richtwert
8. Abschluss von Probemitgliedschaften von Gruppen : Bestätigung durch einen orga-Beschluss (Signal Gruppe oder orga Treffen)
9. Formular : Social Contract
1. Zeit : befristet, max. 4 Monate
2. Nutzungsrecht: beschränkt auf die vereinbarten Termine
3. Orga-Treffen : keine Pflicht teilzunehmen
4. Kündigungsfrist: keine, kann jederzeit beendet werden
5. Berechtigung zum Abschluss eines Probemitgliedsvertrages mit einer anderen Person: nein, aber Anregung ist möglich
6. Aufgaben: keine, aber natürlich die Kometin sauber halten
7. Beitrag: nach Vereinbarung mit Kometin
8. Abschluss von Sternschnuppenmitgliedschaften : Bestätigung durch einen orga-Beschluss (Signal Gruppe oder orga Treffen)
9. Formular : Sternschnuppen - Social Contract
2. Nutzungsrecht: beschränkt auf die vereinbarten Termine
3. Orga-Treffen : keine Pflicht teilzunehmen
4. Kündigungsfrist: keine, kann jederzeit beendet werden
5. Berechtigung zum Abschluss eines Probemitgliedsvertrages mit einer anderen Person: nein, aber Anregung ist möglich
6. Aufgaben: keine, aber natürlich die Kometin sauber halten
7. Beitrag: nach Vereinbarung mit Kometin
8. Abschluss von Sternschnuppenmitgliedschaften : Bestätigung durch einen orga-Beschluss (Signal Gruppe oder orga Treffen)
9. Formular : Sternschnuppen - Social Contract
Sun Vectors by Vecteezy Alien Vectors by Vecteezy Space Vectors by Vecteezy