Hauptseite: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
(40 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
Zeile 1: | Zeile 1: | ||
<h2 id="main-header">Willkommen im offiziellen Wiki des Kulturvereins [https://kometin.at/ die Kometin]!</h2> | <h2 id="main-header">Willkommen im offiziellen Wiki des Kulturvereins [https://kometin.at/ die Kometin]!</h2> | ||
Zeile 7: | Zeile 5: | ||
<html> | <html> | ||
<style> | <style> | ||
#schweif { | |||
width:100%; | |||
height: auto; | |||
overflow:hidden; | |||
-webkit-animation: mySchweif 20s linear 1; /* Chrome, Safari 5 */ | |||
-moz-animation: mySchweif 20s linear 1; /* Firefox 5-15 */ | |||
-o-animation: mySchweif 20s linear 1; /* Opera 12+ */ | |||
animation: mySchweif 10s linear 1; /* 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); | |||
} | |||
} | |||
.show { | |||
display:block; | |||
} | |||
.schweif-container { | |||
display:none; | |||
width: 3em; | |||
margin:0.5em; | |||
right: 0; | |||
position:absolute; | |||
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 10s linear 1; /* 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) ; } | |||
} | |||
html { | html { | ||
font-size:1.1em; | font-size: 1.1em; | ||
} | } | ||
#main-header { | #main-header { | ||
Zeile 23: | Zeile 183: | ||
} | } | ||
.sections-container { | |||
display: flex; | |||
border: black solid 2px; | |||
width: fit-content; | |||
background-color: #82b9d9; | |||
} | |||
.sections-container div { | |||
min-width: 200px; | |||
} | |||
section-header { | |||
text-align: center; | |||
border-bottom: black solid 2px; | |||
} | |||
.p-heading { | |||
text-align: center; | |||
border-bottom: black solid 2px; | |||
margin: 0; | |||
background-color:#35648c; | |||
font-weight: 700; | |||
color: white; | |||
} | |||
.sections-container div ul { | |||
padding:0; margin:0; | |||
width: 100%; | |||
list-style-position: inside; | |||
list-style-type: none; | |||
display:flex; | |||
justify-content:center; | |||
align-items: center; | |||
flex-direction: column; | |||
} | |||
.sections-container div ul li { | |||
width:100%; | |||
text-align:center; | |||
transition: background-color 0.4s; | |||
} | |||
.sections-container div ul li a { | |||
display:block; | |||
width: 100%; | |||
text-decoration:none; | |||
color:black; | |||
} | |||
.sections-container div ul li a:hover { | |||
color:#35648c; | |||
text-decoration:none; | |||
} | |||
.sections-container div ul li a { | |||
color: inherit; /* blue colors for links too */ | |||
text-decoration: inherit; /* no underline */ | |||
} | |||
.sections-container div ul li:hover { | |||
background-color: white; | |||
color: #35648c; | |||
font-size: 1.02em; | |||
} | |||
.newbie-container { | |||
border-right: black solid 2px; | |||
} | |||
.organisation-container { | |||
border-right: black solid 2px; | |||
} | |||
.projects-container { | |||
} | |||
.garten-show { | |||
display:none; | |||
} | } | ||
#garten-img { | #garten-img { | ||
object-fit:cover; | width:13vw; height:13vw; float:right; margin-left:3em; border-radius:50%; shape-outside:circle(42%); shape-margin:1.9rem; box-shadow:5px 5px 8px 5px rgb(238, 240, 120); position:relative; z-index:1000; margin-right:0.7em;object-fit:cover; | ||
} | } | ||
.garten-img { | |||
width:13vw; height:13vw; float:right; margin-left:3em; border-radius:50%; shape-outside:circle(42%); shape-margin:2.5rem; box-shadow:5px 5px 8px 5px rgb(238, 240, 120); position:relative; z-index:1000; margin-right:0.7em;object-fit:cover; | |||
} | |||
@media screen and (max-width: 53em) | @media screen and (max-width: 53em) | ||
{ | { | ||
#garten-img { | #garten-img { | ||
float:none; | |||
margin-right: auto !important; | |||
margin-left: 10em !important; | |||
margin-bottom: 1em; | |||
} | |||
.garten-img { | |||
float:none; | float:none; | ||
display:block; | display:block; | ||
margin-right: auto !important; | margin-right: auto !important; | ||
margin-left: | margin-left: 5em !important; | ||
margin-bottom: 1em; | margin-bottom: 1em; | ||
} | |||
.sections-container { | |||
flex-direction: column; | |||
} | |||
.newbie-container { | |||
border-right: black solid 0; | |||
} | } | ||
.organisation-container { | |||
border-right: black solid 0; | |||
} | |||
} | } | ||
Zeile 77: | Zeile 338: | ||
--> | --> | ||
<div | <div class="schweif-container"> | ||
<img id="garten-img" src="https://wiki.kometin.at/images/ | <img src="https://wiki.kometin.at/images/f/f6/Kometinnenschweif.png" alt="Schweif" | ||
id="schweif"> | |||
</div> | |||
<img id="garten-img" src="https://wiki.kometin.at/images/d/da/Garten_der_Kometin_.jpg" alt="Küche" > | |||
<svg | <svg | ||
Zeile 130: | Zeile 394: | ||
</html> | </html> | ||
<i><b>Die Kometin</b></i> ist eine Gemeinschaft, die die Räume der Kometin nutzt, verwaltet und pflegt. Die Kometin befindet sich in der Rechbauerstraße 19a/3, direkt neben der Technischen Universität - Campus Alte Technik. Die Idee der Kometin ist inspiriert worden durch das [https://de.wikipedia.org/wiki/Commons Commons] und [https://de.wikipedia.org/wiki/Virginia_Woolf Virginia Woolf (Ein Zimmer für sich allein)]. | <i><b>Die Kometin</b></i> ist eine Gemeinschaft, die die Räume der Kometin nutzt, verwaltet und pflegt. Die Kometin befindet sich in der Rechbauerstraße 19a/3, direkt neben der Technischen Universität - Campus Alte Technik. Die Idee der Kometin ist inspiriert worden durch das [https://de.wikipedia.org/wiki/Commons Commons] und [https://de.wikipedia.org/wiki/Virginia_Woolf Virginia Woolf (Ein Zimmer für sich allein)] . | ||
<br> | <br> | ||
Die Räume der Kometin bestehen aus einem Garten, eine Küche, ein Wohnzimmer, ein Atelier und ein WC. <br> | Die Räume der Kometin bestehen aus einem Garten, eine Küche, ein Wohnzimmer, ein Atelier und ein WC. <br> | ||
Die Räume werden von den Mitgliedern auf unterschiedlichste Weise genutzt. Es wird gemalt, gespielt, gebastelt, genäht und vieles mehr. <br> | Die Räume werden von den Mitgliedern auf unterschiedlichste Weise genutzt. Es wird gemalt, gespielt, gebastelt, genäht und vieles mehr. <br> <br> | ||
[https://kometin.at/events/ Hier] kommst du zu unseren Veranstaltungen.<br> | [https://kometin.at/events/ Hier] kommst du zu unseren Veranstaltungen.<br> | ||
Bist du neugierig geworden auf die Kometin oder hast noch Fragen? Dann findest du eventuell die Antworten in unserem kurzen [[ | Bist du neugierig geworden auf die Kometin oder hast noch Fragen? Dann findest du eventuell die Antworten in unserem kurzen [[Kometin-FAQ|FAQ]] oder schreib uns eine Mail auf orga@kometin.at. | ||
<html> | |||
<div class="sections-container"> | |||
<div class="newbie-container"> | |||
<p class="p-heading"> Knowledge </p> | |||
<ul> | |||
<li> <a href="/Kometin-FAQ" title="Kometin-FAQ">FAQ </a> </li> | |||
<li> <a href="/Tutorials" title="Kometin-Tutorials">Tutorials </a> </li> | |||
<li> <a href="/Wikiseiten-tutorial" title="Kometin-Forum">Wikiseiten-Tutorial </a> </li> | |||
</ul> | |||
</div> | |||
<div class="organisation-container"> | |||
<p class="p-heading"> Organisation </p> | |||
<ul> | |||
<li> <a href="/Regeln_der_Kometin" title="Kometin-Regeln">Regeln </a> </li> | |||
<li> <a href="/Wichtige_Dokumente" title="Kometin-Dokumente">Dokumente </a> </li> | |||
<li> <a href="/Orga-Treffen-leitfaden" title="Orga-Treffen">Orga-Treffen </a> </li> | |||
<li> <a href="/raum" title="Orga-Treffen">Räumlichkeiten </a> </li> | |||
</ul> | |||
</div> | |||
</div> | |||
</html> | |||
<html> | <html> | ||
Zeile 164: | Zeile 454: | ||
<html> | <html> | ||
<html> | <html> | ||
<div style="margin: 0.1em auto 1.0em;"><div style="clear:both; border: 1px solid #E0E0E0; margin: 1px 0px;"> | <div style="margin: 0.1em auto 1.0em;"><div style="clear:both; border: 1px solid #E0E0E0; margin: 1px 0px;"> | ||
Zeile 193: | Zeile 470: | ||
</div> | </div> | ||
</div> | </div> | ||
</html> | </html> |
Aktuelle Version vom 25. Oktober 2024, 21:23 Uhr
Willkommen im offiziellen Wiki des Kulturvereins die Kometin!
Die Kometin ist eine Gemeinschaft, die die Räume der Kometin nutzt, verwaltet und pflegt. Die Kometin befindet sich in der Rechbauerstraße 19a/3, direkt neben der Technischen Universität - Campus Alte Technik. Die Idee der Kometin ist inspiriert worden durch das Commons und Virginia Woolf (Ein Zimmer für sich allein) .
Die Räume der Kometin bestehen aus einem Garten, eine Küche, ein Wohnzimmer, ein Atelier und ein WC.
Die Räume werden von den Mitgliedern auf unterschiedlichste Weise genutzt. Es wird gemalt, gespielt, gebastelt, genäht und vieles mehr.
Hier kommst du zu unseren Veranstaltungen.
Bist du neugierig geworden auf die Kometin oder hast noch Fragen? Dann findest du eventuell die Antworten in unserem kurzen FAQ oder schreib uns eine Mail auf orga@kometin.at.
Knowledge
Organisation