public-spaces/public-spaces.de
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update home page text and design
All checks were successful
build
Details

Browse source
This commit is contained in:
Kevin Kandlbinder 2023-04-12 14:39:26 +02:00
parent 6f41e15c85
commit 375f8b7273
Signed by: kevin
GPG key ID: 1460B586646E180D
1 changed files with 46 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

74
src/routes/+page.svelte
View file

@ -23,16 +23,32 @@
<div class="hero">
<div class="hero-runner">
<img src={Logo} alt="Public Spaces Logo" />
<div class="sub-logo-split">
<img src={BWFLogo} alt="Berlin Werbefrei Logo" />
<img src={HWFLogo} alt="Hamburg Werbefrei Logo" />
</div>
</div>
</div>
<h2>Über Public Spaces e.V.</h2>
<p>Public Spaces ist ein gemeinnütziger Verein, der sich für schöne, ökologische, sichere und menschenfreundliche Städte einsetzt. Wir finden, dass öffentliche Räume nach den Bedürfnissen von Menschen gestaltet werden sollten. Der häufig vorherrschenden einseitigen und lieblosen Planung nach maximaler kommerzieller Verwertbarkeit möchten wir durch unsere Vereinsarbeit entgegentreten.</p>
<p>Mit künstlerischen Projekten, Erprobung partizipativer Formate, Öffentlichkeitsarbeit und direkter Demokratie setzen wir uns für Ortsverschönerung, Unfallverhütung und Mitsprache von uns Menschen bei der Gestaltung unserer Städte ein. Öffentlicher Raum ist unser Habitat - wir sind nicht nur Konsument:innen!</p>
<p>
Public Spaces ist ein gemeinnütziger Verein, der sich für schöne, ökologische, sichere und
menschenfreundliche Städte einsetzt. Wir finden, dass öffentliche Räume nach den Bedürfnissen
von Menschen gestaltet werden sollten. Der häufig vorherrschenden einseitigen und lieblosen
Planung nach maximaler kommerzieller Verwertbarkeit möchten wir durch unsere Vereinsarbeit
entgegentreten.
</p>
<p>
Mit künstlerischen Projekten, Erprobung partizipativer Formate, Öffentlichkeitsarbeit und
direkter Demokratie setzen wir uns für Ortsverschönerung, Unfallverhütung und Mitsprache von uns
Menschen bei der Gestaltung unserer Städte ein. Öffentlicher Raum ist unser Habitat - wir sind
nicht nur Konsument:innen!
</p>
<p>Public Spaces ist Trägerin zweier Volksinitiativen:</p>
<div class="sub-logo-split">
<a href="https://berlin-werbefrei.de" title="Berlin Werbefrei">
<img src={BWFLogo} alt="Berlin Werbefrei Logo" />
</a>
<a href="https://www.hamburg-werbefrei.de" title="Hamburg Werbefrei">
<img src={HWFLogo} alt="Hamburg Werbefrei Logo" />
</a>
</div>
<a href="/about" class="more-cta">Mehr über uns <ChevronRight /></a>
@ -154,7 +170,7 @@
grid-column: full-start/full-end;
max-height: max(70vmin, 500px);
min-height: 100px;
height: 40vmax;
height: 30vmax;
position: relative;
.hero-runner {
@ -183,7 +199,7 @@
object-position: center;
max-height: 100%;
max-width: 100%;
height: 90%;
//height: 90%;
opacity: 1;
transform: translate(0, 0);
@ -191,28 +207,30 @@
animation-name: homeLogoIn;
animation-duration: 0.25s;
}
}
}
.sub-logo-split {
margin-top: 20px;
height: 30%;
width: 100%;
margin: 0 auto;
max-width: var(--layout-width);
display: flex;
gap: var(--gap);
justify-content: space-around;
.sub-logo-split {
margin-top: 20px;
height: 200px;
margin: 0;
display: flex;
gap: var(--gap);
justify-content: space-around;
> img {
height: 100%;
object-fit: contain;
border-radius: 0;
}
> a {
display: contents;
}
@media (max-width: 350px) {
flex-direction: column;
height: 50%;
}
}
img {
height: 100%;
object-fit: contain;
border-radius: 0;
}
@media (max-width: 350px) {
flex-direction: column;
height: 50%;
}
}