Hauptseite: Unterschied zwischen den Versionen

Aus wiki.kometin.at
Keine Bearbeitungszusammenfassung
Markierung: Manuelle Zurücksetzung
Keine Bearbeitungszusammenfassung
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 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;
text-align:center;
margin-right: auto !important;
margin-left: auto !important;
margin-bottom: 1em;
}
.garten-img {
   float:none;
   float:none;
   display:block;
   display:block;
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 307: Zeile 485:
const imgElement = document.getElementById("garten-img");
const imgElement = document.getElementById("garten-img");
console.log(imgElement);
console.log(imgElement);
//imgElement.className = "garten-show";
imgElement.addEventListener("mouseenter", (event) => {
imgElement.className = "garten-show";
const schweif = document.querySelector('.schweif-container');
schweif.style.display = "block";
console.log("mouseenter");
});
const schweif = document.querySelector('.schweif-container');
schweif.addEventListener("animationend", () => {
 
  schweif.classList.remove("schweif-container");
  schweif.classList.add("garten-img");
});
imgElement.addEventListener("mouseleave", (event) => {
imgElement.removeAttribute("className");
console.log("mouseleave");
});
}
}
</script>
</script>

Version vom 8. Juni 2024, 13:40 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.

Newbie

Organisation

Projekte


Abgerufen von „https://wiki.kometin.at/index.php?title=Hauptseite&oldid=1767“