„index.html“ ändern

This commit is contained in:
Josh Mindsight 2022-12-21 21:13:32 +00:00
parent c1e5eeec38
commit 55cbdb5457

View file

@ -4,23 +4,25 @@
<html> <html>
<head> <head>
<title>22F3 Forum für Freiraum</title>
<style> <style>
:root { :root {
--main-bg-color: #77a7bf; --main-bg-color: #90c2dc;
--main-fg-color: #fae54a; --main-fg-color: #ffed00;
--accent-one: #fae54a; --accent-one: #fae54a;
--accent-two: #fae54a; --accent-two: #ffed00;
--accent-three: #fae54a; --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(figur.svg); background-image: url(tuerme.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
background-size: 100%; background-size: 100%;
background-position: top;
} }
} }
@ -32,14 +34,15 @@
h2 { h2 {
font-size: x-large font-size: x-large
} }
.logo { .logo {
position: absolute; position: absolute;
left: 3vw; left: 3vw;
top: 3vw; top: 3vw;
} }
.logo > img { .logo > img {
height: 5vw; height: 20%;
width: 100%; width: 80%;
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%);*/
} }
@ -93,13 +96,12 @@
} }
.infotext { .infotext {
padding-top: 5vw; padding-top: 2vw;
padding-bottom: 5vw; padding-bottom: 0.5vw;
padding-left: 3vw; padding-left: 3vw;
padding-right: 3vw; padding-right: 3vw;
font-size: x-large; font-size: x-large;
text-align: justify; background-color: #90c2dc;
background-color: #77a7bf;
} }
@media (max-aspect-ratio: 15/10) { @media (max-aspect-ratio: 15/10) {
@ -119,7 +121,7 @@
.buttons { .buttons {
justify-content: center; justify-content: center;
flex-wrap: wrap; flex-wrap: wrap;
padding-top: 25vw;
} }
.buttons > div { .buttons > div {
font-size: 15vw; font-size: 15vw;
@ -127,10 +129,13 @@
border-radius: 1vw; border-radius: 1vw;
} }
} }
</style> </style>
<title>22F3 Forum für Freiraum</title>
</head> </head>
<body> <body>
<div class="logo"> <div class="logo">
<img src="22F3-logo-28.svg"/> <img src="22F3-logo-28.svg"/>
@ -146,7 +151,10 @@
<div class="infotext"> <div class="infotext">
<h2>Die Stadt, unser Atelier</h2> <h2>Die Stadt, unser Atelier</h2>
<p> <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? 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>
<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. 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.