Compare commits
7 Commits
61438172fc
...
c2018062ae
| Author | SHA1 | Date | |
|---|---|---|---|
| c2018062ae | |||
| cef483e8b4 | |||
| 18d782a78f | |||
| c00f0cba36 | |||
| e19f77c152 | |||
| f071d4c5d6 | |||
| d9b7efd4c1 |
@ -404,13 +404,6 @@ header {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
/*
|
||||
* TODO: Bullets positionieren
|
||||
*
|
||||
* list-style: none; dann Bullets als Grafiken vom text in <li> einfügen.
|
||||
* Für das Icon dann position: relative; und ausrichten.
|
||||
* Quelle: https://codepen.io/team/css-tricks/pen/MyxBrQ
|
||||
*/
|
||||
.header__claim ul li {
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
@ -679,11 +672,6 @@ hr.-even {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
, {
|
||||
display: block;
|
||||
margin: 0 auto 0 auto;
|
||||
}
|
||||
|
||||
.content__teaser {
|
||||
color: var(--wtf-orange);
|
||||
font-size: 1.15rem;
|
||||
@ -697,6 +685,11 @@ hr.-even {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.content__video {
|
||||
width: 100%;
|
||||
aspect-ratio: 16/9;
|
||||
}
|
||||
|
||||
/* Contact form on homepage - start */
|
||||
.contact__box {
|
||||
display: grid;
|
||||
@ -1265,6 +1258,35 @@ footer {
|
||||
margin-top: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.contact__box {
|
||||
display: flex !important;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.contact__box h1 {
|
||||
transform: translateX(0) rotate(0);
|
||||
color: var(--wtf-orange);
|
||||
background-image: none;
|
||||
font-size: 7.5rem;
|
||||
margin: 0 0 0 1.5rem;
|
||||
order: 1;
|
||||
}
|
||||
|
||||
.contact__box .contact_info__box {
|
||||
margin: 0.5rem 0 0 1.5rem;
|
||||
align-self: start;
|
||||
order: 3;
|
||||
width: 100%;
|
||||
max-width: 75ch;
|
||||
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.contact__box .contact_form_box {
|
||||
order: 2;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 959px) and (min-width: 790px) {
|
||||
@ -1320,36 +1342,32 @@ footer {
|
||||
}
|
||||
|
||||
.contact__box {
|
||||
display: block;
|
||||
display: flex !important;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.contact__box h1 {
|
||||
transform: translateX(0) rotate(0);
|
||||
color: var(--wtf-orange);
|
||||
transform: unset;
|
||||
background-image: unset;
|
||||
font-size: 3.5rem;
|
||||
padding: 0 1.5rem;
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
.contact__box h2 {
|
||||
margin-bottom: 1.75rem;
|
||||
background-image: none;
|
||||
font-size: 7.5rem;
|
||||
margin: 0 0 0 1.5rem;
|
||||
order: 1;
|
||||
}
|
||||
|
||||
.contact__box .contact_info__box {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0 1.5rem;
|
||||
margin: 0.5rem 0 0 1.5rem;
|
||||
align-self: start;
|
||||
order: 3;
|
||||
width: 90%;
|
||||
max-width: 75ch;
|
||||
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.contact__box .contact_info__box p {
|
||||
margin-right: 1.5rem;
|
||||
}
|
||||
|
||||
.card_grid {
|
||||
grid-template-columns: 1fr;
|
||||
.contact__box .contact_form_box {
|
||||
order: 2;
|
||||
}
|
||||
}
|
||||
|
||||
@ -1512,7 +1530,7 @@ footer {
|
||||
.header__claim p {
|
||||
margin: 0;
|
||||
padding: 1.5rem;
|
||||
color: var(--wtf-nearly-white);
|
||||
color: var(--wtf-nearly-black);
|
||||
}
|
||||
|
||||
.header__claim ul {
|
||||
@ -1586,32 +1604,32 @@ footer {
|
||||
}
|
||||
|
||||
.contact__box {
|
||||
display: block;
|
||||
display: flex !important;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.contact__box h1 {
|
||||
transform: translateX(0) rotate(0);
|
||||
color: var(--wtf-orange);
|
||||
transform: unset;
|
||||
background-image: unset;
|
||||
font-size: 3.5rem;
|
||||
padding: 0 1.5rem;
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
.contact__box h2 {
|
||||
margin-bottom: 1.75rem;
|
||||
background-image: none;
|
||||
font-size: 7.5rem;
|
||||
margin: 0 0 0 1.5rem;
|
||||
order: 1;
|
||||
}
|
||||
|
||||
.contact__box .contact_info__box {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0 1.5rem;
|
||||
margin: 0.5rem 0 0 1.5rem;
|
||||
align-self: start;
|
||||
order: 3;
|
||||
width: 90%;
|
||||
max-width: 75ch;
|
||||
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.contact__box .contact_info__box p {
|
||||
margin-right: 1.5rem;
|
||||
.contact__box .contact_form_box {
|
||||
order: 2;
|
||||
}
|
||||
/* homepage - end */
|
||||
|
||||
@ -1732,7 +1750,7 @@ footer {
|
||||
.header__claim p {
|
||||
margin: 0;
|
||||
padding: 1.5rem;
|
||||
color: var(--wtf-nearly-white);
|
||||
color: var(--wtf-nearly-black);
|
||||
}
|
||||
|
||||
.header__claim ul {
|
||||
@ -1895,24 +1913,38 @@ footer {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.contact__box h1 {
|
||||
color: var(--wtf-orange);
|
||||
transform: unset;
|
||||
background-image: unset;
|
||||
font-size: 3.5rem;
|
||||
padding: 0 1.5rem;
|
||||
margin-bottom: 1.25rem;
|
||||
.contact__box {
|
||||
display: flex !important;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.contact__box h2 {
|
||||
margin-bottom: 1.75rem;
|
||||
.contact__box h1 {
|
||||
transform: translateX(0) rotate(0);
|
||||
color: var(--wtf-orange);
|
||||
background-image: none;
|
||||
font-size: 7.5rem;
|
||||
margin: 0 0 0 1.5rem;
|
||||
order: 1;
|
||||
}
|
||||
|
||||
.contact__box .contact_info__box {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0 1.5rem;
|
||||
box-sizing: border-box;
|
||||
margin: 0.5rem 0 0 1.5rem;
|
||||
align-self: start;
|
||||
order: 3;
|
||||
width: 90%;
|
||||
max-width: 75ch;
|
||||
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.contact__box .contact_info__box p {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.contact__box .contact_form_box {
|
||||
order: 2;
|
||||
}
|
||||
/* homepage - end */
|
||||
|
||||
|
||||
@ -5,7 +5,7 @@ title: Regular meetings
|
||||
body:
|
||||
|
||||
### Telebeer
|
||||
Casual round for everyone inside and outside WTF: Every Wednesday at 9 pm in the [Telebeer-Jitsi](meet.wtf-eg.de/telebier).
|
||||
Casual round for everyone inside and outside WTF: Every Wednesday at 9 pm in the [Telebeer-Jitsi](https://meet.wtf-eg.de/telebier).
|
||||
|
||||
#### Onboarding of new members
|
||||
Next dates until October 2023:
|
||||
|
||||
@ -7,7 +7,7 @@ body:
|
||||
### Telebier
|
||||
<!-- Bei Änderungen: Übersetzung anpassen! Kopie der Inhalte auf "Mitglied werden" anpassen!-->
|
||||
|
||||
Lockere Runde für alle inner- und außerhalb der WTF: Jeden Mittwoch um 21 Uhr im [Telebier-Jitsi](meet.wtf-eg.de/telebier).
|
||||
Lockere Runde für alle inner- und außerhalb der WTF: Jeden Mittwoch um 21 Uhr im [Telebier-Jitsi](https://meet.wtf-eg.de/telebier).
|
||||
|
||||
#### Aufnahmetreffen für neue Member
|
||||
|
||||
|
||||
@ -32,7 +32,7 @@
|
||||
</div>
|
||||
|
||||
<div class="contact__box" style="display: none">
|
||||
<h1>{{ this.contact_form_headig }}</h1>
|
||||
<h1>{{ this.contact_form_heading }}</h1>
|
||||
|
||||
<div class="contact_info__box">
|
||||
<p>
|
||||
|
||||
@ -21,11 +21,15 @@
|
||||
<h2>Videos</h2>
|
||||
<h3>What the f**ck is WTF eg?</h3>
|
||||
<h4>Was sind Genossenschaften und was können wir Cooles damit machen.</h4>
|
||||
Vortrag von unserem Mitglied <i>Scammo</i> auf der <i>Night of open Knowledge (NooK) 2022</i>.
|
||||
<iframe width="1024" height="576" src="https://media.ccc.de/v/what-the-f--k-is-wtf-eg/oembed" frameborder="0" allowfullscreen></iframe>
|
||||
<p>
|
||||
Vortrag von unserem Mitglied <i>Scammo</i> auf der <i>Night of open Knowledge (NooK) 2022</i>
|
||||
</p>
|
||||
<iframe class="content__video" src="https://media.ccc.de/v/what-the-f--k-is-wtf-eg/oembed" frameborder="0" allowfullscreen></iframe>
|
||||
<h3>Wirtschaft neu gedacht - die WTF Kooperative eG</h3>
|
||||
<p>
|
||||
Vortrag von unserem damaligen Vorstand <i>MrSchizo</i> auf der <i>remote Chaos Experience (RC3) 2023</i>.
|
||||
<iframe width="1024" height="576" src="https://media.ccc.de/v/rc3-2021-r3s-432-wirtschaft-neu-gedacht-die-wtf-kooperative-eg/oembed" frameborder="0" allowfullscreen></iframe>
|
||||
</p>
|
||||
<iframe class="content__video" src="https://media.ccc.de/v/rc3-2021-r3s-432-wirtschaft-neu-gedacht-die-wtf-kooperative-eg/oembed" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user