Hauptseite: Unterschied zwischen den Versionen

Aus wiki.kometin.at
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(25 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;
Zeile 29: Zeile 188:
   width: fit-content;
   width: fit-content;


 
background-color: #82b9d9;
background-color: hsla(102,43%,36%,60%);
}
}


Zeile 51: Zeile 209:
border-bottom: black solid 2px;
border-bottom: black solid 2px;
margin: 0;
margin: 0;
background-color:hsla(204, 33%, 52%, 60%);
background-color:#35648c;
font-weight: 700;
font-weight: 700;
color: white;
color: white;
Zeile 78: Zeile 236:
}
}
.sections-container div ul li a:hover {
.sections-container div ul li a:hover {
color:black;
color:#35648c;
text-decoration:none;
text-decoration:none;
}
}
Zeile 89: Zeile 247:


.sections-container div ul li:hover {
.sections-container div ul li:hover {
   background-color: hsla(102,43%,36%,90%);;
   background-color: white;
color: #35648c;
   font-size: 1.02em;
   font-size: 1.02em;


Zeile 104: Zeile 263:




}
.garten-show {
display:none;
}
}


Zeile 110: Zeile 273:


}
}
.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;
text-align:center;
 
margin-right: auto !important;
margin-right: auto !important;
margin-left: auto !important;
margin-left: 5em !important;
margin-bottom: 1em;
margin-bottom: 1em;


Zeile 163: Zeile 338:
-->
-->


 
<div class="schweif-container">
<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" >  
<img id="garten-img" src="https://wiki.kometin.at/images/d/da/Garten_der_Kometin_.jpg" alt="Küche" >  


Zeile 223: Zeile 401:
[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 [[Checkliste-kometinvorstellung|FAQ]] oder schreib uns eine Mail auf orga@kometin.at.
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>
<html>
Zeile 229: Zeile 407:


<div class="newbie-container">
<div class="newbie-container">
           <p class="p-heading">  Newbie </p>
           <p class="p-heading">  Knowledge </p>
           <ul>
           <ul>
           <li> <a href="/Kometin-FAQ" title="Kometin-FAQ">FAQ </a>          </li>
           <li> <a href="/Kometin-FAQ" title="Kometin-FAQ">FAQ </a>          </li>
           <li> <a href="/Tutorials" title="Kometin-Tutorials">Tutorials </a>    </li>
           <li> <a href="/Tutorials" title="Kometin-Tutorials">Tutorials </a>    </li>
          <li>  <a href="/forum" title="Kometin-Forum">Forum </a>      </li>
<li>  <a href="/Wikiseiten-tutorial" title="Kometin-Forum">Wikiseiten-Tutorial </a>      </li>
           </ul>
           </ul>
</div>
</div>
Zeile 242: Zeile 420:
           <li> <a href="/Regeln_der_Kometin" title="Kometin-Regeln">Regeln </a>        </li>
           <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="/Wichtige_Dokumente" title="Kometin-Dokumente">Dokumente </a>          </li>
           <li> <a href="/Orga-treffen" title="Orga-Treffen">Orga-Treffen </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>
           <li> <a href="/raum" title="Orga-Treffen">Räumlichkeiten </a>      </li>
     </ul>
     </ul>
</div>
</div>


<div class="projects-container">
          <p class="p-heading">  Projekte </p>
    <ul>
          <li> <a href="/freiraumfest" title="Freiraumfest"> Freiraumfest </a>  </li>
          <li><a href="/inklusion" title="Inklusion">Inklusion  </a>      </li>
          <li> <a href="/Andere-projekte" title="andere-Projekte"> andere Projekte </a> </li>
    </ul>
</div>


</div>
</div>
Zeile 299: Zeile 470:
</div>
</div>
</div>
</div>
<script>
   


  document.addEventListener("DOMContentLoaded", init);
function init() {
const imgElement = document.getElementById("garten-img");
console.log(imgElement);
}
</script>






</html>
</html>

Aktuelle Version vom 25. Oktober 2024, 21:23 Uhr

Willkommen im offiziellen Wiki des Kulturvereins die Kometin!


Schweif

Küche

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.