149 lines
4.1 KiB
HTML
149 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<html>
|
|
<head>
|
|
|
|
<style>
|
|
:root {
|
|
--main-bg-color: #77a7bf;
|
|
--main-fg-color: #db1f11;
|
|
--accent-one: #fae54a;
|
|
--accent-two: #fae54a;
|
|
--accent-three: #fae54a;
|
|
--main-font-color: #000;
|
|
}
|
|
body{
|
|
background-color: var(--main-bg-color);
|
|
font-family: Arial, sans-serif;
|
|
}
|
|
h1 {
|
|
font-size: 5vw;
|
|
-webkit-text-stroke: 0.2vw black;
|
|
}
|
|
|
|
.logo {
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 10px;
|
|
}
|
|
.logo > img {
|
|
height: 10vw;
|
|
width: 100%;
|
|
color: var(--main-fg-color);
|
|
/*filter: invert(29%) sepia(89%) saturate(5519%) hue-rotate(352deg) brightness(89%) contrast(102%);*/
|
|
}
|
|
.figur{
|
|
|
|
}
|
|
.figur > img {
|
|
height: 30vw;
|
|
width: 100%;
|
|
}
|
|
|
|
.buttons {
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.buttons > div {
|
|
font-size: 4vw;
|
|
margin: 10px;
|
|
padding-top: 1.5vw;
|
|
padding-bottom: 1.5vw;
|
|
border-width: 0.5vw;
|
|
border-color: var(--main-fg-color);
|
|
border-style: solid;
|
|
border-radius: 0.7vw;
|
|
transition: filter 0.5s;
|
|
}
|
|
|
|
.buttons > div:hover{
|
|
|
|
filter: hue-rotate(90deg);
|
|
}
|
|
|
|
.buttons > div > a{
|
|
color: var(--main-font-color);
|
|
text-decoration: none;
|
|
padding: 1.5vw;
|
|
}
|
|
|
|
.programm {
|
|
background-color: var(--accent-one);
|
|
}
|
|
|
|
.tickets {
|
|
background-color: var(--accent-two);
|
|
}
|
|
|
|
.infos {
|
|
background-color: var(--accent-three);
|
|
}
|
|
|
|
.infotext {
|
|
padding-top: 2vw;
|
|
padding-left: 5vw;
|
|
padding-right: 5vw;
|
|
font-size: x-large;
|
|
}
|
|
|
|
@media (max-aspect-ratio: 15/10) {
|
|
h1 {
|
|
font-size: 8vw;
|
|
}
|
|
.buttons {
|
|
justify-content: center;
|
|
}
|
|
.buttons > div {
|
|
font-size: 7vw;
|
|
border-width: 0.875vw;
|
|
}
|
|
}
|
|
|
|
@media (max-aspect-ratio: 12/16) {
|
|
.buttons {
|
|
justify-content: center;
|
|
flex-wrap: wrap;
|
|
|
|
}
|
|
.buttons > div {
|
|
font-size: 15vw;
|
|
border-width: 1.2vw;
|
|
border-radius: 1vw;
|
|
}
|
|
}
|
|
</style>
|
|
<title>22F3 Forum für Freiraum</title>
|
|
</head>
|
|
|
|
<body>
|
|
<h1>Forum für Freiraum</h1>
|
|
<div class="logo">
|
|
<img src="freiraeumen-logo.svg"/>
|
|
</div>
|
|
<div class="figur">
|
|
<img src="figur.svg"/>
|
|
</div>
|
|
<div class="buttons">
|
|
<div class="programm"><a href="//forum.freiraeumen.jetzt/freiraumforum/featured/">Programm</a></div>
|
|
<div class="tickets"><a href="//tickets.freiraeumen.jetzt/freiraeumen/freiraumforum/">Tickets</a></div>
|
|
<div class="infos"><a href="//www.freiraeumen.jetzt/">Infos</a></div>
|
|
</div>
|
|
<div class="infotext">
|
|
<p>
|
|
Vom 26. bis 31. Dezember 2022 veranstaltet das Bündnis Freiräumen in einem ehemaligen 6000qm Leerstand nahe Hauptbahnhof ein Forum für Freiraum.
|
|
</p>
|
|
<p>
|
|
Es wird kostenfreie Workshops, Vorträge und Diskussionen sowie Ausstellungen und Kulturprogramm geben. Die Themenfelder bewegen sich rund um die Aktivierung und Nutzung von (öffentlichen) Räumen, inhaltliche, kreative und politische Dimensionen von und zu Freiräumen, Selbstorganisation und vieles mehr.
|
|
</p>
|
|
<p>
|
|
Das Programm wird dieses Jahr quer durch gesellschaftliche Themen und Anliegen gehen, hat aber weiterhin den Fokus auf Freiräume(n), dem Empowerment und Stärkung kollektiver Strukturen, kultureller Bildung und Soziokultur in München.
|
|
</p>
|
|
<p>
|
|
Raum für spontane Formate, Ideen, Austausch und Bedürfnisse, die vor Ort oder im Vorfeld entstehen, gibt es ebenfalls.
|
|
</p>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |