„index.html“ ändern
This commit is contained in:
parent
fd5e5fc090
commit
d6861ecdee
1 changed files with 45 additions and 45 deletions
86
index.html
86
index.html
|
|
@ -10,32 +10,27 @@
|
||||||
:root {
|
:root {
|
||||||
--main-bg-color: #90c2dc;
|
--main-bg-color: #90c2dc;
|
||||||
--main-fg-color: #ffed00;
|
--main-fg-color: #ffed00;
|
||||||
--accent-one: #fae54a;
|
--accent-one: #ffed00;
|
||||||
--accent-two: #ffed00;
|
--accent-two: #ffed00;
|
||||||
--accent-three: #ffed00;
|
--accent-three: #ffed00;
|
||||||
--main-font-color: #000;
|
--main-font-color: #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
body{
|
body{
|
||||||
background-color: var(--main-bg-color);
|
background-color: var(--main-bg-color);
|
||||||
font-family: Arial, sans-serif;
|
font-family: Arial, sans-serif;
|
||||||
background-image: url(tuerme.png);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center;
|
|
||||||
background-size: 100%;
|
|
||||||
background-position: top;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 5vw;
|
font-size: x-large;
|
||||||
-webkit-text-stroke: 0.2vw black;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-size: x-large
|
font-size: x-large
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 3vw;
|
left: 3vw;
|
||||||
|
|
@ -47,20 +42,20 @@
|
||||||
color: var(--main-fg-color);
|
color: var(--main-fg-color);
|
||||||
/*filter: invert(29%) sepia(89%) saturate(5519%) hue-rotate(352deg) brightness(89%) contrast(102%);*/
|
/*filter: invert(29%) sepia(89%) saturate(5519%) hue-rotate(352deg) brightness(89%) contrast(102%);*/
|
||||||
}
|
}
|
||||||
.figur{
|
|
||||||
|
|
||||||
}
|
.tuerme > img {
|
||||||
.figur > img {
|
width: 60px;
|
||||||
height: 40vw;
|
max-width: 60px;
|
||||||
width: 100%;
|
float: right;
|
||||||
padding-top: 150px
|
padding-top: 2vw;
|
||||||
|
margin-right: 2vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.buttons {
|
.buttons {
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
padding-top: 200px;
|
padding-top: 10vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.buttons > div {
|
.buttons > div {
|
||||||
font-size: 4vw;
|
font-size: 4vw;
|
||||||
margin: 30px;
|
margin: 30px;
|
||||||
|
|
@ -76,13 +71,13 @@
|
||||||
.buttons > div:hover{
|
.buttons > div:hover{
|
||||||
|
|
||||||
background-color: var(--main-bg-color);
|
background-color: var(--main-bg-color);
|
||||||
border-color: black;
|
border-color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.buttons > div > a{
|
.buttons > div > a{
|
||||||
color: var(--main-font-color);
|
color: white;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
padding: 1.5vw;
|
padding: 2vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.programm {
|
.programm {
|
||||||
|
|
@ -98,12 +93,19 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.infotext {
|
.infotext {
|
||||||
padding-top: 0.5vw;
|
padding-top: 3vw;
|
||||||
padding-bottom: 0.5vw;
|
padding-bottom: 3vw;
|
||||||
padding-left: 3vw;
|
padding-left: 10vw;
|
||||||
padding-right: 3vw;
|
padding-right: 10vw;
|
||||||
font-size: x-large;
|
font-size: x-large;
|
||||||
background-color: #90c2dc;
|
background-color: #90c2dc;
|
||||||
|
border: black;
|
||||||
|
border-style: dashed;
|
||||||
|
border-radius: 8vw;
|
||||||
|
border-width: 1vw;
|
||||||
|
margin-left: 30px;
|
||||||
|
margin-right: 30px;
|
||||||
|
margin-top: 90px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-aspect-ratio: 15/10) {
|
@media (max-aspect-ratio: 15/10) {
|
||||||
|
|
@ -126,9 +128,9 @@
|
||||||
padding-top: 25vw;
|
padding-top: 25vw;
|
||||||
}
|
}
|
||||||
.buttons > div {
|
.buttons > div {
|
||||||
font-size: 15vw;
|
font-size: 12vw;
|
||||||
border-width: 1.2vw;
|
border-width: 1vw;
|
||||||
border-radius: 1vw;
|
border-radius: 5vw;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
@ -139,31 +141,29 @@
|
||||||
|
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<img src="22F3-logo-28.svg"/>
|
<img src="22F3-logo-28.svg"/>
|
||||||
</div>
|
</div>
|
||||||
<!--<div class="figur">
|
|
||||||
<img src="figur.svg"/>
|
<div class="tuerme">
|
||||||
</div>-->
|
<img src="tuerme.png"/>
|
||||||
|
</div>
|
||||||
<div class="buttons">
|
<div class="buttons">
|
||||||
<div class="programm"><a href="//forum.freiraeumen.jetzt/freiraumforum/featured/">Programm</a></div>
|
<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="tickets"><a href="//tickets.freiraeumen.jetzt/freiraeumen/freiraumforum/">Tickets</a></div>
|
||||||
<div class="infos"><a href="//www.freiraeumen.jetzt/">Infos</a></div>
|
<div class="infos"><a href="//www.freiraeumen.jetzt/">Infos</a></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="infotext">
|
<div class="infotext">
|
||||||
<h2>Die Stadt, unser Atelier</h2>
|
<h2>Vom 26. bis 31. Dezember 2022 veranstaltet das Bündnis Freiräumen in einem ehemaligen 6000qm Leerstand in der Schillerstraße 38 nahe Hauptbahnhof ein Forum für Freiraum.</h2>
|
||||||
<p>
|
|
||||||
Fehlender Freiraum betrifft uns alle.<br>
|
<h2>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.</h2>
|
||||||
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>
|
<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>
|
||||||
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>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>
|
<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>
|
||||||
<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. Raum für spontane Formate, Ideen, Austausch und Bedürfnisse, die vor Ort oder im Vorfeld entstehen, gibt es ebenfalls. Bringt euch gerne mit ein bei unserem Open Call / Call for Participation!</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>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue