Hauptseite: Unterschied zwischen den Versionen

Aus wiki.kometin.at
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(56 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 5: 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 {
html {
    0% {
font-size: 1.1em;
  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 {
#main-header {
    0% {
font-size:0.95em;
  transform: rotate(80deg);
font-weight:bold;
}
font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
40% {
line-height:1.5;
  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 {
.bold {
  0% {
font-weight:bold;
  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 {
.sections-container {
display:block;
    display: flex;
    border: 2px solid transparent;
border-radius:15px;
  width: fit-content;
  padding: 20px;
background-color: #82b9d9;
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
}
}


.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) ; }
.sections-container ul li {
text-align:center;
text-decoration:none;
color:#000;
border-radius:5px;
transition: background-color 0.4s;
}
}


@-moz-keyframes myOrbit {
.sections-container ul {
    0% { transform: rotate(0deg) translateX(10em); }
list-style-type: none;
padding:0;
display: flex;
justify-content: center;


    100%  { transform: rotate(-360deg) translateX(10em) ; }
margin-right:80px;
font-weight: bold;
font-family: 'Orbitron', sans-serif;
}
}


@-o-keyframes myOrbit {
    0% { transform: rotate(0deg) translateX(10em); }


    100%  { transform: rotate(-360deg) translateX(10em) ; }
.sections-container ul li a {
font-size: 1rem;
display:block;
color:#ffffff;
padding: 0.5rem 1rem;
border: 1px solid transparent;
border-radius:15px;
transition: all 0.3s ease-in-out;
background: linear-gradient(45deg, #3b82f6, #6d28d9);
background-clip: text;
-webkit-background-clip: text;
text-decoration:none;
color:transparent;
}
.sections-container div ul li a:hover {
color:#35648c;
text-decoration:none;
}
}


@keyframes myOrbit {
    0% { transform: rotate(0deg) translateX(10em); }


    100%   { transform: rotate(-360deg) translateX(10em) ; }
.sections-container div ul li a {
}
   color: inherit; /* blue colors for links too */
html {
  text-decoration: inherit; /* no underline */
font-size: 1.1em;
}
}


 
.sections-container div ul li:hover {
#main-header {
  background-color: white;
font-size:0.95em;
color: #35648c;
font-weight:bold;
  font-size: 1.02em;
font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif;
line-height:1.5;
}
}
 
.newbie-container {
.bold {
border-right: black solid 2px;
font-weight:bold;
}
}
.sections-container {
.sections-container {
     display: flex;
     display: flex;
     border: black solid 2px;
     border: 2px solid transparent;
border-radius:15px;
   width: fit-content;
   width: fit-content;
 
  padding: 20px;
background-color: #82b9d9;
background-color: #82b9d9;
font-family: 'Orbitron', sans-serif;
font-size: 1rem;
}
}


.sections-container div {
.mobile-sections-container {
 
    display: none;
   
    border: 2px solid transparent;
    min-width: 200px;
border-radius:15px;
 
  width: fit-content;
  padding: 20px;
background-color: #82b9d9;
  font-family: 'Orbitron', sans-serif;
font-size: 1rem;
flex-wrap:wrap;
}
}


section-header {
text-align: center;




  border-bottom: black solid 2px;
.mobile-sections-container .mobile-ul .mobile-row {
  text-align:center;
text-decoration:none;
color:#000;
border-radius:5px;
transition: background-color 0.4s;
display:flex;
flex-direction:row;
}
}


.p-heading {
.mobile-ul {
text-align: center;
list-style-type: none;
border-bottom: black solid 2px;
padding:0;
margin: 0;
display: flex;
background-color:#35648c;
justify-content: center;
font-weight: 700;
flex-wrap:wrap;
color: white;
margin-right:80px;
}
font-weight: bold;
.sections-container div ul {
font-family: 'Orbitron', sans-serif;
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%;
.mobile-sections-container .mobile-ul .mobile-row a {
text-align:center;
font-size: 1rem;
transition: background-color 0.4s;
}
.sections-container div ul li a {
display:block;
display:block;
width: 100%;
color:#ffffff;
padding: 0.5rem 1rem;
border: 1px solid transparent;
border-radius:15px;
transition: all 0.3s ease-in-out;
background: linear-gradient(45deg, #3b82f6, #6d28d9);
background-clip: text;
-webkit-background-clip: text;
text-decoration:none;
text-decoration:none;
color:black;
color:transparent;
}
}
.sections-container div ul li a:hover {
.mobile-sections-container .mobile-ul .mobile-row a:hover {
color:#35648c;
color:#35648c;
text-decoration:none;
text-decoration:none;
Zeile 241: Zeile 157:




.sections-container div ul li a {
.mobile-sections-container .mobile-ul .mobile-row a {
   color: inherit; /* blue colors for links too */
   color: inherit; /* blue colors for links too */
   text-decoration: inherit; /* no underline */
   text-decoration: inherit; /* no underline */
}
}


.sections-container div ul li:hover {
.mobile-sections-container .mobile-ul .mobile-row a:hover {
   background-color: white;
   background-color: white;
color: #35648c;
color: #35648c;
   font-size: 1.02em;
   font-size: 1.02em;
}
}
.newbie-container {
.newbie-container {
Zeile 260: Zeile 175:
}
}


.projects-container {
}


.garten-show {
.garten-show {
Zeile 270: Zeile 181:


#garten-img {
#garten-img {
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;
width:19vw; height:19vw; float:right; margin-left:3em; border-radius:50%; shape-outside:circle(42%); shape-margin:1.9rem; box-shadow:5px 5px 8px 5px rgb(80, 163, 198);
 
position:relative; z-index:1000; margin-right:0.7em;object-fit:cover;
/*  winter blue rgb(35, 119, 164);
yellow default  rgb(238, 240, 120);
light winter blue  rgb(80, 163, 198);
  */
}
}
.garten-img {
.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;
width:31vw; height:31vw; 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;


}
}
Zeile 299: Zeile 214:
.sections-container {
.sections-container {
   flex-direction: column;
   flex-direction: column;
padding: 3px;
}
}
.newbie-container {
 
border-right: black solid 0;
}


.organisation-container {
.organisation-container {
Zeile 312: Zeile 226:


display:none;
display:none;
}
.mobile-sections-container {
display: none;
}
}


@media screen and (max-width: 25em)
@media screen and (max-width: 25em)
{
{
.sections-container {
display: none;
}
.mobile-sections-container {
display: flex;
}
               @-moz-document url-prefix() { #svg-img  
               @-moz-document url-prefix() { #svg-img  
                   {
                   {
Zeile 331: Zeile 257:
                        
                        
                     }}
                     }}
}
}
</style>
</style>
<!--
<img id="kometin-lg"  style="position:absolute; opacity:20%;position: fixed;
src="/resources/assets/Kometin-icon2_alpha-135x135.png">
-->


<div class="schweif-container">
 
<img src="https://wiki.kometin.at/images/f/f6/Kometinnenschweif.png" alt="Schweif"
 
  id="schweif">
<img id="garten-img" src="https://wiki.kometin.at/images/a/a5/Winter_kometin.jpg" alt="Küche" >  
</div>
<img id="garten-img" src="https://wiki.kometin.at/images/d/da/Garten_der_Kometin_.jpg" alt="Küche" >  


    
    
Zeile 394: Zeile 315:
                    
                    
</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)] .
<br/>
<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>
   
   
Zeile 406: Zeile 328:
<div class="sections-container">
<div class="sections-container">


<div class="newbie-container">
 
           <p class="p-heading">  Menü </p>
            
           <ul>
           <ul>
           <li> <a href="/Kometin-FAQ" title="Kometin-FAQ">FAQ </a>          </li>
           <li> <a href="/Kometin-FAQ" title="🪐Frequently Asked Questions">🪐 FAQ </a>          </li>
           <li> <a href="/Tutorials" title="Kometin-Tutorials">Tutorials </a>    </li>
           <li> <a href="/Tutorials" title="Tutorials">🚀 Tutorials </a>    </li>
           <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>
           </ul>
           </ul>
</div>
</div>
<div class="mobile-sections-container">


          <div class="mobile-ul">
                    <div class="mobile-row">
                          <a href="/Kometin-FAQ" title="🪐 Frequently Asked Questions">
                              🪐<br>FAQ
                            </a>
                          <a href="/Tutorials" title="🚀 Tutorials">
                          🚀<br>Tutorials
                              </a>
                      </div>
                      <div class="mobile-row">
                                  <a href="/Regeln_der_Kometin" title="📜 Regeln">
                                        📜 Regeln
                                    </a>
                                  <a href="/Wichtige_Dokumente" title="📂 Dokumente">
                                  📂 Dokumente
                                    </a>
                      </div>
            </div
</div>
</div>
</div>


</html>
</html>


<html>
<div style="margin: 0.1em auto 1.0em;"><div style="clear:both; border: 1px solid #E0E0E0; margin: 1px 0px;">
<div style="float: left;"></div>
<div style="text-align: center; background-color: #E0E0E0;"><div style="padding:4px;"><a href="/Todos" title="Todos"><span style="letter-spacing:0.16em;"><big><b>Todos</b></big></span></a></div></div>
<div style="text-align: center; background-color: #FFFFFF; width: 100%; margin: 0px;"><div style="line-height:170%; margin: -0.5em 0; padding: 0 1em; color:#ccc;">
<p>
<a href="/Werwolf_bei_Vollmond" title="Werwolf"><span style="white-space:nowrap;">Werwolf </span></a>&nbsp;·
<a href="/Hexspace" title="Hexspace"><span style="white-space:nowrap;">Hexspace </span></a>&nbsp;·
<a href="/Orga-Treffen" title="Orga-Treffen"><span style="white-space:nowrap;">Orga-Treffen </span></a>&nbsp;
<a href="/Probemitgliedschaft" title="Probemitgliedschaft"><span style="white-space:nowrap;">Probemitgliedschaft </span></a>&nbsp;·
<a href="/Aufgabenbeschreibungen" title="Aufgabenbeschreibungen"><span style="white-space:nowrap;">Aufgabenbeschreibungen </span></a>&nbsp;·
<a href="/Haushalts-leitfaden" title="haushaltsleitfaden"><span style="white-space:nowrap;">Haushalts-Leitfaden </span></a>&nbsp;
</p>
</div></div>
</div>
</div>
</html>
<html>




Aktuelle Version vom 22. Dezember 2024, 14:10 Uhr

Willkommen im offiziellen Wiki des Kulturvereins die Kometin!


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.

🪐
FAQ 🚀
Tutorials
📜 Regeln 📂 Dokumente


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