parent
9854fedcfe
commit
e8308ead69
7 changed files with 30 additions and 28 deletions
|
@ -18,7 +18,11 @@
|
||||||
<div>
|
<div>
|
||||||
<div class="logo-container">
|
<div class="logo-container">
|
||||||
<a href="/" class="logo-link" title="Public Spaces e.V.">
|
<a href="/" class="logo-link" title="Public Spaces e.V.">
|
||||||
<img src={Logo} alt="Public Spaces Logo" style={data.isHome ? "opacity: 0; transform: translate(20%, 50%)":""} />
|
<img
|
||||||
|
src={Logo}
|
||||||
|
alt="Public Spaces Logo"
|
||||||
|
style={data.isHome ? 'opacity: 0; transform: translate(20%, 50%)' : ''}
|
||||||
|
/>
|
||||||
<span class="sr-only">Public Spaces e.V.</span>
|
<span class="sr-only">Public Spaces e.V.</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
@ -201,7 +205,7 @@
|
||||||
|
|
||||||
.logo-placeholder,
|
.logo-placeholder,
|
||||||
img {
|
img {
|
||||||
transition: opacity .25s, transform .25s;
|
transition: opacity 0.25s, transform 0.25s;
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 45px;
|
height: 45px;
|
||||||
//background-color: var(--color-placeholder);
|
//background-color: var(--color-placeholder);
|
||||||
|
|
|
@ -1,8 +1,8 @@
|
||||||
import type { LayoutLoad } from './$types';
|
import type { LayoutLoad } from './$types';
|
||||||
|
|
||||||
export const load = (async ({url}) => {
|
export const load = (async ({ url }) => {
|
||||||
return {
|
return {
|
||||||
isHome: url.pathname == "/"
|
isHome: url.pathname == '/'
|
||||||
};
|
};
|
||||||
}) satisfies LayoutLoad;
|
}) satisfies LayoutLoad;
|
||||||
|
|
||||||
|
|
|
@ -18,7 +18,5 @@ export const load: PageServerLoad = async () => {
|
||||||
slug: 'about'
|
slug: 'about'
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return { posts, about };
|
return { posts, about };
|
||||||
};
|
};
|
||||||
|
|
|
@ -8,7 +8,6 @@
|
||||||
import BWFLogo from '../assets/logo/LOGO-berlin-werbefrei.svg';
|
import BWFLogo from '../assets/logo/LOGO-berlin-werbefrei.svg';
|
||||||
|
|
||||||
export let data: PageData;
|
export let data: PageData;
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<svelte:head>
|
<svelte:head>
|
||||||
|
@ -31,14 +30,11 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h2>Über Public Spaces e.V.</h2>
|
<h2>Über Public Spaces e.V.</h2>
|
||||||
|
<p>Hier entsteht die Webseite des Vereins Public Spaces e.V.</p>
|
||||||
<p>
|
<p>
|
||||||
Hier entsteht die Webseite des Vereins Public Spaces e.V.
|
Public Spaces ist Trägerin zweier Volksinitiativen, die sich gegen ein Übermaß von Werbung im
|
||||||
</p>
|
öffentlichen Raum richten.
|
||||||
<p>
|
|
||||||
Public Spaces ist Trägerin zweier Volksinitiativen, die sich gegen ein Übermaß von Werbung im öffentlichen Raum richten.
|
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<a href="/about" class="more-cta">Mehr über uns <ChevronRight /></a>
|
<a href="/about" class="more-cta">Mehr über uns <ChevronRight /></a>
|
||||||
|
@ -164,7 +160,6 @@
|
||||||
height: 40vmax;
|
height: 40vmax;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
|
|
||||||
.hero-runner {
|
.hero-runner {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
@ -197,7 +192,7 @@
|
||||||
transform: translate(0, 0);
|
transform: translate(0, 0);
|
||||||
|
|
||||||
animation-name: homeLogoIn;
|
animation-name: homeLogoIn;
|
||||||
animation-duration: .25s;
|
animation-duration: 0.25s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sub-logo-split {
|
.sub-logo-split {
|
||||||
|
@ -215,7 +210,7 @@
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media(max-width: 350px) {
|
@media (max-width: 350px) {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
height: 50%;
|
height: 50%;
|
||||||
}
|
}
|
||||||
|
@ -224,7 +219,13 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes homeLogoIn {
|
@keyframes homeLogoIn {
|
||||||
0% {transform: translate(-10%, -25%); opacity: 0}
|
0% {
|
||||||
100% {transform: translate(0, 0); opacity: 1}
|
transform: translate(-10%, -25%);
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: translate(0, 0);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -18,7 +18,8 @@
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<meta name="twitter:card" content="summary" />
|
<meta name="twitter:card" content="summary" />
|
||||||
<meta name="twitter:site" content="@todo" /> <!-- TODO: Change me. -->
|
<meta name="twitter:site" content="@todo" />
|
||||||
|
<!-- TODO: Change me. -->
|
||||||
<meta
|
<meta
|
||||||
name="twitter:title"
|
name="twitter:title"
|
||||||
content={data.post.twitter_title || data.post.meta_title || data.post.title}
|
content={data.post.twitter_title || data.post.meta_title || data.post.title}
|
||||||
|
@ -96,7 +97,7 @@
|
||||||
<div class="feature-image">
|
<div class="feature-image">
|
||||||
<figure>
|
<figure>
|
||||||
<img src={data.post.feature_image} alt={data.post.feature_image_alt || 'Feature Image'} />
|
<img src={data.post.feature_image} alt={data.post.feature_image_alt || 'Feature Image'} />
|
||||||
<figcaption>{@html data.post.feature_image_caption||""}</figcaption>
|
<figcaption>{@html data.post.feature_image_caption || ''}</figcaption>
|
||||||
</figure>
|
</figure>
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
|
|
|
@ -21,9 +21,7 @@ const config = {
|
||||||
// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
|
// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
|
||||||
// If your environment is not supported or you settled on a specific environment, switch out the adapter.
|
// If your environment is not supported or you settled on a specific environment, switch out the adapter.
|
||||||
// See https://kit.svelte.dev/docs/adapters for more information about adapters.
|
// See https://kit.svelte.dev/docs/adapters for more information about adapters.
|
||||||
adapter: adapter({
|
adapter: adapter({}),
|
||||||
|
|
||||||
}),
|
|
||||||
prerender: {
|
prerender: {
|
||||||
entries: ['*', '/posts.rss', '/posts.atom', '/posts.json']
|
entries: ['*', '/posts.rss', '/posts.atom', '/posts.json']
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue