background maybe but not maybe
This commit is contained in:
parent
303aa556cf
commit
8a5a7cc732
BIN
public/background.mp4
Normal file
BIN
public/background.mp4
Normal file
Binary file not shown.
@ -4,41 +4,105 @@
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
body{
|
||||
background-image: url('/public/background.gif');
|
||||
background-size: cover;
|
||||
|
||||
height: 100vh;
|
||||
padding:0;
|
||||
margin:0;
|
||||
}
|
||||
|
||||
|
||||
.App {
|
||||
color: white;
|
||||
font-size: calc(10px + 2vmin);
|
||||
text-shadow:
|
||||
-1px -1px 0.2em #000,
|
||||
1px -1px 0.2em #000,
|
||||
-1px 1px 0.2em #000,
|
||||
1px 1px 0.2em #000;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1024px;
|
||||
}
|
||||
|
||||
.fullheight {
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.hero {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.hero-outer {
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
.hero-outer {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
h1,
|
||||
h2 {
|
||||
margin: 1em 0 0.1em 0;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0.3em 0 0.3em 0;
|
||||
}
|
||||
|
||||
.feedback {
|
||||
line-height: 3em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.App-logo {
|
||||
height: 40vmin;
|
||||
pointer-events: none;
|
||||
input[type="radio"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
.App-logo {
|
||||
animation: App-logo-spin infinite 20s linear;
|
||||
}
|
||||
input[type="radio"]+label {
|
||||
font-size: larger;
|
||||
cursor: pointer;
|
||||
padding: 0 1em 0 1em;
|
||||
border-right: 0.1em solid white;
|
||||
}
|
||||
|
||||
.App-header {
|
||||
background-color: #282c34;
|
||||
min-height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: calc(10px + 2vmin);
|
||||
color: white;
|
||||
input[type="radio"]+label:hover {
|
||||
text-shadow: 0 0 1em white;
|
||||
}
|
||||
|
||||
.App-link {
|
||||
color: #61dafb;
|
||||
input[type="radio"]+label:last-of-type {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
@keyframes App-logo-spin {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
input[type="radio"]:checked+label {
|
||||
color: var(--selected-color);
|
||||
text-shadow: 0 0 1em var(--selected-color);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#coming-yes+label {
|
||||
--selected-color: #0f0;
|
||||
}
|
||||
|
||||
#coming-maybe+label {
|
||||
--selected-color: #fc0;
|
||||
}
|
||||
|
||||
#coming-no+label {
|
||||
--selected-color: #f00;
|
||||
}
|
||||
@ -62,12 +62,10 @@ export const PartyPage: React.FC = () => {
|
||||
<h1>Hallo {dear} {name},</h1>
|
||||
<p>
|
||||
am <strong> 16. Dezember </strong> wird die Heizung der Universität das letzte Mal angeschaltet...
|
||||
Diese Chance, Energie zu schnorren, wollen wir ein letztes Mal nutzen.
|
||||
Diese Chance, Energie zu schnorren, wollen wir noch einmal nutzen.
|
||||
</p>
|
||||
<p>
|
||||
Das wollen wir (Kai, Dominic, Jesko) uns natürlich nicht entgehen lassen.
|
||||
Also veranstalten wir eine <strong> mega krasse LAN-Party. </strong>
|
||||
{coming}
|
||||
Daher veranstalten wir ab <strong> 18:00 </strong> eine Weihnachtsparty! Wir rechnen mit ca. 15-25 Teilnehmern.
|
||||
</p>
|
||||
<p>
|
||||
Wir würden uns sehr freuen, wenn auch du, {dear} {name}, am Start wärst :)
|
||||
@ -88,32 +86,25 @@ export const PartyPage: React.FC = () => {
|
||||
<div className='hero fullheight'>
|
||||
<h2>Wann und Wo?</h2>
|
||||
<p>
|
||||
<FontAwesomeIcon icon={faCalendarDays} /> <strong>29. Oktober, 19:00</strong> bis <strong>31. Oktober</strong> irgendwann.
|
||||
<FontAwesomeIcon icon={faCalendarDays} /> <strong>16. Dezember, ab 18:00</strong>. Bitte komme nach Möglichkeit pünktlich.
|
||||
</p>
|
||||
<p>
|
||||
<FontAwesomeIcon icon={faLocationDot} /> <a href="https://www.openstreetmap.org/way/213757745"><strong>Mainzer Str. 28</strong>, 66111 Saarbrücken</a>
|
||||
<FontAwesomeIcon icon={faLocationDot} /> <strong>Gebäude E1 1, Raum 407</strong>
|
||||
</p>
|
||||
<h2>Was ist geplant?</h2>
|
||||
<p>
|
||||
Ja, der 30. ist ein Sonntag.
|
||||
Am 1. 11. ist aber Allerheiligen, also bietet es sich an am 31. nen Brückentag zu machen.
|
||||
So hat man dann auch genug Zeit um nach den 25+ Stunden ordentlich auszuschlafen.
|
||||
Wir werden gemeinsam einen weihnachtlichen Abend verbringen.
|
||||
|
||||
Dazu gibt es natürlich Glühwein, Kinderpunsch, und weitere Getränke.
|
||||
</p>
|
||||
<h2>Alter ernsthaft 25 Stunden?</h2>
|
||||
<h2>Was gibt es zu Essen?</h2>
|
||||
<p>
|
||||
Prinzipiell ja.
|
||||
Wer möchte kann sich aber gerne auf eine unserer beiden Couches zurückziehen,
|
||||
oder eine Luftmatratze mitbringen, oder vorher gehen, oder später dazukommen,
|
||||
oder zwischendurch nach Hause fahren...
|
||||
Potluck, etc.
|
||||
Bitte uns schreiben was mitgebracht wird.
|
||||
</p>
|
||||
<h2>Und was wenn ich Hunger bekomme?</h2>
|
||||
<h2>Noch Programmpunkte</h2>
|
||||
<p>
|
||||
Wir werden ein Curry, Chili o.Ä. kochen.
|
||||
Bring aber auch gerne Snacks, Getränke, Knoblauchdip oder Kuchen mit :)
|
||||
</p>
|
||||
<h2>Aber wo soll ich mein Auto hinstellen?</h2>
|
||||
<p>
|
||||
Am Waldhaus gibt es einen kostenlosen <a href="https://www.openstreetmap.org/way/111250120">Parkplatz</a>.
|
||||
Wenn du mit dem Auto kommst sag Bescheid, wir planen uns dort zu treffen und dann mit einem Auto auf Kai's Premium-Parkplatz direkt neben der WG fahren.
|
||||
Willst du etwas anbieten? Gerne!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user