„index.html“ löschen
parent
92b66cbb78
commit
bc137e3c8a
149
index.html
149
index.html
|
|
@ -1,149 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<style>
|
||||
:root {
|
||||
--main-bg-color: #77a7bf;
|
||||
--main-fg-color: #db1f11;
|
||||
--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;
|
||||
}
|
||||
h1 {
|
||||
font-size: 5vw;
|
||||
-webkit-text-stroke: 0.2vw black;
|
||||
}
|
||||
|
||||
.logo {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
}
|
||||
.logo > img {
|
||||
height: 10vw;
|
||||
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: 30vw;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.buttons {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.buttons > div {
|
||||
font-size: 4vw;
|
||||
margin: 10px;
|
||||
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: 2vw;
|
||||
padding-left: 5vw;
|
||||
padding-right: 5vw;
|
||||
font-size: x-large;
|
||||
}
|
||||
|
||||
@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>
|
||||
<h1>Forum für Freiraum</h1>
|
||||
<div class="logo">
|
||||
<img src="freiraeumen-logo.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">
|
||||
<p>
|
||||
Vom 26. bis 31. Dezember 2022 veranstaltet das Bündnis Freiräumen in einem ehemaligen 6000qm Leerstand nahe Hauptbahnhof ein Forum für Freiraum.
|
||||
</p>
|
||||
<p>
|
||||
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.
|
||||
</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.
|
||||
</p>
|
||||
<p>
|
||||
Raum für spontane Formate, Ideen, Austausch und Bedürfnisse, die vor Ort oder im Vorfeld entstehen, gibt es ebenfalls.
|
||||
</p>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue