Checkliste-kometinvorstellung: Unterschied zwischen den Versionen
Aus wiki.kometin.at
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
(51 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
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 { | #sun { | ||
Zeile 13: | Zeile 89: | ||
#sun-container { | #sun-container { | ||
-webkit-animation: sunMove | -webkit-animation: sunMove 35s linear infinite; /* Chrome, Safari 5 */ | ||
-moz-animation: sunMove | -moz-animation: sunMove 35s linear infinite; /* Firefox 5-15 */ | ||
-o-animation: sunMove | -o-animation: sunMove 35s linear infinite; /* Opera 12+ */ | ||
animation: sunMove | animation: sunMove 35s linear infinite; /* Chrome, Firefox 16+, | ||
IE 10+, Safari 5 */ | IE 10+, Safari 5 */ | ||
Zeile 23: | Zeile 99: | ||
@-webkit-keyframes sunMove { | @-webkit-keyframes sunMove { | ||
0% { transform: | 0% { transform: translateX(0) translateY(0); } | ||
100% { transform: | 50% { transform:translateX(-6em) translateY(-6em); } | ||
100% { transform:translateX(0) translateY(0); } | |||
} | } | ||
@-moz-keyframes sunMove { | @-moz-keyframes sunMove { | ||
0% { transform: translateX(0) translateY(0); } | |||
50% { transform:translateX(-6em) translateY(-6em); } | |||
100% { transform: | 100% { transform:translateX(0) translateY(0); } | ||
} | } | ||
@-o-keyframes sunMove { | @-o-keyframes sunMove { | ||
0% { transform: translateX(0) translateY(0); } | |||
50% { transform:translateX(-6em) translateY(-6em); } | |||
100% { transform: | 100% { transform:translateX(0) translateY(0); } | ||
} | } | ||
Zeile 43: | Zeile 125: | ||
0% { transform: translateX(0) translateY(0); } | 0% { transform: translateX(0) translateY(0); } | ||
50% { transform:translateX(- | 50% { transform:translateX(-6em) translateY(-6em); } | ||
100% { transform:translateX(0) translateY(0); } | 100% { transform:translateX(0) translateY(0); } | ||
Zeile 222: | 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 265: | 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 270: | 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 329: | 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 339: | Zeile 466: | ||
.belohnungsbild { | |||
width:50vw; | width:50vw; | ||
height:50vw; | height:50vw; | ||
Zeile 928: | Zeile 1.055: | ||
<center> | <center> | ||
<div id="geschafft" style="font-size:2rem;"> | <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"> | <div id="sun-container"> | ||
<img src="https://wiki.kometin.at/images/a/af/Sun_2.png" alt="sun" | <img src="https://wiki.kometin.at/images/a/af/Sun_2.png" alt="sun" | ||
Zeile 936: | Zeile 1.067: | ||
id="schweif"> | id="schweif"> | ||
</div> | </div> | ||
<img src="https://wiki.kometin.at/images/e/ea/Killing_1.jpg" alt="Killing" | <!--<img src="https://wiki.kometin.at/images/e/ea/Killing_1.jpg" alt="Killing" | ||
id="belohnungsbild"> | 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 1.028: | 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 1.052: | Zeile 1.246: | ||
</tabs> | </tabs> | ||
<html><a href="https://www.vecteezy.com/free-vector/sun">Sun Vectors by Vecteezy</a> | <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></html> | <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> |
Aktuelle Version vom 23. April 2024, 14:04 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