170 lines
No EOL
5.1 KiB
HTML
170 lines
No EOL
5.1 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<html>
|
|
<head>
|
|
<title>22F3 Forum für Freiraum</title>
|
|
|
|
<style>
|
|
:root {
|
|
--main-bg-color: #90c2dc;
|
|
--main-fg-color: #ffed00;
|
|
--accent-one: #fae54a;
|
|
--accent-two: #ffed00;
|
|
--accent-three: #ffed00;
|
|
--main-font-color: #000;
|
|
}
|
|
body{
|
|
background-color: var(--main-bg-color);
|
|
font-family: Arial, sans-serif;
|
|
background-image: url(tuerme.png);
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: 100%;
|
|
background-position: top;
|
|
}
|
|
|
|
|
|
}
|
|
h1 {
|
|
font-size: 5vw;
|
|
-webkit-text-stroke: 0.2vw black;
|
|
}
|
|
|
|
h2 {
|
|
font-size: x-large
|
|
}
|
|
|
|
.logo {
|
|
position: absolute;
|
|
left: 3vw;
|
|
top: 3vw;
|
|
}
|
|
.logo > img {
|
|
height: 20%;
|
|
width: 80%;
|
|
color: var(--main-fg-color);
|
|
/*filter: invert(29%) sepia(89%) saturate(5519%) hue-rotate(352deg) brightness(89%) contrast(102%);*/
|
|
}
|
|
.figur{
|
|
|
|
}
|
|
.figur > img {
|
|
height: 40vw;
|
|
width: 100%;
|
|
padding-top: 150px
|
|
}
|
|
|
|
.buttons {
|
|
display: flex;
|
|
justify-content: center;
|
|
padding-top: 200px;
|
|
}
|
|
.buttons > div {
|
|
font-size: 4vw;
|
|
margin: 30px;
|
|
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{
|
|
|
|
background-color: var(--main-bg-color);
|
|
border-color: black;
|
|
}
|
|
|
|
.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: 0.5vw;
|
|
padding-bottom: 0.5vw;
|
|
padding-left: 3vw;
|
|
padding-right: 3vw;
|
|
font-size: x-large;
|
|
background-color: #90c2dc;
|
|
}
|
|
|
|
@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;
|
|
padding-top: 25vw;
|
|
}
|
|
.buttons > div {
|
|
font-size: 15vw;
|
|
border-width: 1.2vw;
|
|
border-radius: 1vw;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
|
<body>
|
|
<div class="logo">
|
|
<img src="22F3-logo-28.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">
|
|
<h2>Die Stadt, unser Atelier</h2>
|
|
<p>
|
|
Fehlender Freiraum betrifft uns alle.<br>
|
|
Wohnraum, Freiraum für Kunst und Kultur sowie Räume für Selbstorganisation sind bekanntlich äußerst knappe Ressourcen.<br>
|
|
Doch wie lebenswert ist eine Stadt, die ihre soziokulturellen Projekte durch Platzmangel im Keim ersticken lässt?<br>
|
|
Perspektivenwechsel: Wie oft würden wir in Zukunft in unseren Stadtvierteln wieder über etwas Neues, etwas Innovatives stolpern, wenn die Stadt ihre freien Räume den Bürger*innen zur selbstbestimmten, nachhaltigen Gestaltung anvertrauen würde?
|
|
</p>
|
|
<p>
|
|
Wir deklarieren unsere Stadt zu unserem Atelier! Und dieses soll in allen Farben erstrahlen. Denn das Ziel des Forums für Freiraum ist es nicht nur anzuprangern, sondern den Themenkomplex Freiräume weiter in den Diskurs zu bringen, aus verschiedenen Perspektiven zu betrachten und gemeinsam an einem Ort zu verhandeln.
|
|
</p>
|
|
<p>
|
|
Durch die fünf Tage des Forums schlängelt sich ein roter Faden, der alle Formate verbindet. Eine gemeinsame Vision: Innerhalb offener Workshopformate wird erarbeitetes Material aus Vorträgen und Panels zusammengebracht. Wir wollen mit euch Gelerntes diskutieren und anwenden, Perspektiven erarbeiten und Handlungsmöglichkeiten eröffnen. Das Forum wird das Thema nicht nur darstellen, sondern dient als prozessorientierter Experimentierraum. Damit Leerstand in Zukunft gar nicht erst entsteht, sondern im besten Falle vermieden werden kann.
|
|
</p>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |