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