„index.html“ ändern
This commit is contained in:
parent
8e7b6b5eaf
commit
c2d80c66b5
1 changed files with 29 additions and 31 deletions
56
index.html
56
index.html
|
|
@ -16,33 +16,41 @@
|
||||||
--main-font-color: #000;
|
--main-font-color: #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
::selection {
|
||||||
|
color: red;
|
||||||
|
background-color: #ffed00;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
body{
|
body{
|
||||||
background-color: var(--main-bg-color);
|
background-color: var(--main-bg-color);
|
||||||
font-family: Arial, sans-serif;
|
font-family: Arial, sans-serif;
|
||||||
margin-bottom: 50px;
|
margin-bottom: 100px;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: x-large;
|
font-size: 1.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-size: x-large
|
font-size: 1.2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
position: absolute;
|
width: 300px;
|
||||||
left: 3vw;
|
max-width: 300px;
|
||||||
top: 3vw;
|
float: left;
|
||||||
|
padding-top: 1vw;
|
||||||
|
margin-left: 1vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo > img {
|
.logo > img {
|
||||||
height: 20%;
|
height: 20%;
|
||||||
width: 80%;
|
width: 80%;
|
||||||
color: var(--main-fg-color);
|
|
||||||
/*filter: invert(29%) sepia(89%) saturate(5519%) hue-rotate(352deg) brightness(89%) contrast(102%);*/
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.tuerme > img {
|
.tuerme > img {
|
||||||
|
|
@ -50,7 +58,7 @@
|
||||||
max-width: 60px;
|
max-width: 60px;
|
||||||
float: right;
|
float: right;
|
||||||
padding-top: 0.5vw;
|
padding-top: 0.5vw;
|
||||||
margin-right: 2vw;
|
margin-right: 1vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.buttons {
|
.buttons {
|
||||||
|
|
@ -64,42 +72,31 @@
|
||||||
padding-top: 1.5vw;
|
padding-top: 1.5vw;
|
||||||
padding-bottom: 1.5vw;
|
padding-bottom: 1.5vw;
|
||||||
border-width: 0.5vw;
|
border-width: 0.5vw;
|
||||||
border-color: var(--main-fg-color);
|
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-radius: 0.7vw;
|
border-radius: 0.7vw;
|
||||||
transition: filter 0.5s;
|
transition: filter 0.5s;
|
||||||
|
border-color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.buttons > div:hover{
|
.buttons > div:hover{
|
||||||
|
|
||||||
background-color: var(--main-bg-color);
|
background-color: #ffed00;
|
||||||
border-color: white;
|
border-color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.buttons > div > a{
|
.buttons > div > a{
|
||||||
color: white;
|
color: white;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
padding: 2vw;
|
padding: 3vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.programm {
|
|
||||||
background-color: var(--accent-one);
|
|
||||||
}
|
|
||||||
|
|
||||||
.tickets {
|
|
||||||
background-color: var(--accent-two);
|
|
||||||
}
|
|
||||||
|
|
||||||
.infos {
|
|
||||||
background-color: var(--accent-three);
|
|
||||||
}
|
|
||||||
|
|
||||||
.infotext {
|
.infotext {
|
||||||
padding-top: 3vw;
|
padding-top: 3vw;
|
||||||
padding-bottom: 3vw;
|
padding-bottom: 3vw;
|
||||||
padding-left: 10vw;
|
padding-left: 5vw;
|
||||||
padding-right: 10vw;
|
padding-right: 5vw;
|
||||||
font-size: x-large;
|
font-size: 1.1em;
|
||||||
background-color: #90c2dc;
|
background-color: #90c2dc;
|
||||||
border: white;
|
border: white;
|
||||||
border-style: dashed;
|
border-style: dashed;
|
||||||
|
|
@ -110,6 +107,7 @@
|
||||||
margin-top: 90px;
|
margin-top: 90px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media (max-aspect-ratio: 15/10) {
|
@media (max-aspect-ratio: 15/10) {
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 8vw;
|
font-size: 8vw;
|
||||||
|
|
@ -135,13 +133,13 @@
|
||||||
border-radius: 5vw;
|
border-radius: 5vw;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
|
|
@ -153,9 +151,10 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="buttons">
|
<div class="buttons">
|
||||||
<div class="programm"><a href="https://forum.freiraeumen.jetzt/freiraumforum/schedule/">Programm</a></div>
|
<div class="programm"><a href="https://forum.freiraeumen.jetzt/freiraumforum/schedule/">Programm</a></div>
|
||||||
<div class="tickets"><a href="//tickets.freiraeumen.jetzt/freiraeumen/freiraumforum/">Tickets</a></div>
|
<div class="tickets"><a href="https://tickets.freiraeumen.jetzt/">Tickets</a></div>
|
||||||
<div class="infos"><a href="https://forum.freiraeumen.jetzt/freiraumforum/">Infos</a></div>
|
<div class="infos"><a href="https://forum.freiraeumen.jetzt/freiraumforum/">Infos</a></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="infotext">
|
<div class="infotext">
|
||||||
<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>
|
<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>
|
||||||
|
|
||||||
|
|
@ -165,7 +164,6 @@
|
||||||
<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>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>
|
<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>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>
|
<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>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue