flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Use Heading component on Credits and Subscribe page

Browse Source 
Adapt the entering animation as well, SiteTitle was fading
This commit is contained in:
Félix Péault
2022-08-01 11:30:20 +02:00
parent d2100c7167
commit 01859031aa
5 changed files with 12 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/routes/credits.svelte
View File

@@ -8,9 +8,9 @@
// Components
import Metas from '$components/Metas.svelte'
import PageTransition from '$components/PageTransition.svelte'
import SiteTitle from '$components/atoms/SiteTitle.svelte'
import InteractiveGlobe2 from '$components/organisms/InteractiveGlobe2.svelte'
import Image from '$components/atoms/Image.svelte'
import Heading from '$components/molecules/Heading.svelte'
import InteractiveGlobe2 from '$components/organisms/InteractiveGlobe2.svelte'
export let data: any
@@ -26,7 +26,7 @@
autoplay: false,
})
anime.set('.credits__heading > *, .credits__category > ul > li', {
anime.set('.heading .text, .credits__category > ul > li', {
opacity: 0,
translateY: 24,
})
@@ -36,7 +36,7 @@
// Elements
timeline.add({
targets: '.credits__heading > *, .credits__category',
targets: '.heading .text, .credits__category',
opacity: 1,
translateY: 0,
delay: anime.stagger(350),
@@ -63,10 +63,9 @@
<PageTransition name="credits">
<section class="credits__heading">
<SiteTitle variant="inline" />
<p class="text-medium">{data.credits.text}</p>
</section>
<Heading
text={data.credits.text}
/>
<section class="credits__list">
<div class="grid container">

4
src/routes/subscribe.svelte
View File

@@ -29,14 +29,14 @@
autoplay: false,
})
anime.set('.subscribe__top > *, .subscribe__issues', {
anime.set('.heading .text, .subscribe__top .newsletter-form, .subscribe__issues', {
opacity: 0,
translateY: 24,
})
// Elements
timeline.add({
targets: '.subscribe__top > *, .subscribe__issues',
targets: '.heading .text, .subscribe__top .newsletter-form, .subscribe__issues',
opacity: 1,
translateY: 0,
delay: anime.stagger(200),