Dateien hochladen nach „“
This commit is contained in:
parent
bc137e3c8a
commit
f21f045648
1 changed files with 157 additions and 0 deletions
157
index.html
Normal file
157
index.html
Normal file
|
|
@ -0,0 +1,157 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<style>
|
||||
:root {
|
||||
--main-bg-color: #77a7bf;
|
||||
--main-fg-color: #fae54a;
|
||||
--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;
|
||||
background-image: url(figur.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: 100%;
|
||||
}
|
||||
|
||||
}
|
||||
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: 100%;
|
||||
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: 20vw;
|
||||
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{
|
||||
|
||||
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: 5vw;
|
||||
padding-bottom: 5vw;
|
||||
padding-left: 3vw;
|
||||
padding-right: 3vw;
|
||||
font-size: x-large;
|
||||
text-align: justify;
|
||||
background-color: #77a7bf;
|
||||
}
|
||||
|
||||
@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>
|
||||
<div class="logo">
|
||||
<img src="22F3-logo-28.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. Wohnraum, Freiraum für Kunst und Kultur sowie Räume für Selbstorganisation sind bekanntlich äußerst knappe Ressourcen. Doch wie lebenswert ist eine Stadt, die ihre soziokulturellen Projekte durch Platzmangel im Keim ersticken lässt? 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>
|
||||
Loading…
Reference in a new issue