diff --git a/src/assets/icons/YoungVisionLogoOnly.svelte b/src/assets/icons/YoungVisionLogoOnly.svelte new file mode 100644 index 00000000..b9a58a8a --- /dev/null +++ b/src/assets/icons/YoungVisionLogoOnly.svelte @@ -0,0 +1,14 @@ + + + + + + + diff --git a/src/components/support-us/BecomeSupportingMember.astro b/src/components/support-us/BecomeSupportingMember.astro index 55073ec2..4c949e26 100644 --- a/src/components/support-us/BecomeSupportingMember.astro +++ b/src/components/support-us/BecomeSupportingMember.astro @@ -1,44 +1,28 @@ --- -import Background from '@assets/support-us/background-supporting-member.png'; import Button from '@components/Button.astro'; -import { getImage } from 'astro:assets'; -import Disclosure from './Disclosure.svelte'; - -const backgroundImage = await getImage({ height: 1080, src: Background, width: 1920 }); +import FundraisingProgress from './FundraisingProgress.svelte'; --- -
-
+
+

Werde Fördermitglied

Deine Chance uns zu unterstützen und mehr über uns zu erfahren!

+
+ +

Du willst junge Menschen auf ihrer Reise zur persönlichen Entwicklung und zur aktiven - Gestaltung unserer Gesellschaft begleiten? Erfahre hier, wie du uns unterstützen kannst! + Gestaltung unserer Gesellschaft begleiten?

-
- - diff --git a/src/components/support-us/DonationMethods.astro b/src/components/support-us/DonationMethods.astro index a49f69a4..369c2863 100644 --- a/src/components/support-us/DonationMethods.astro +++ b/src/components/support-us/DonationMethods.astro @@ -10,7 +10,7 @@ import DonationMethodTabs from './DonationMethodTabs.svelte'; const possibilities = await getDonationMethods(); --- -
+

Weitere Möglichkeiten, uns zu unterstützen

diff --git a/src/components/support-us/FundraisingProgress.svelte b/src/components/support-us/FundraisingProgress.svelte new file mode 100644 index 00000000..6f9f12dd --- /dev/null +++ b/src/components/support-us/FundraisingProgress.svelte @@ -0,0 +1,252 @@ + + +

+
+ + {#if !finished} + + + + + + + + + + + + {/if} + + {#if currentProgress <= middleProgress} + + + {middleProgress}€ + {/if} + {currentProgress}€ + +

+ Dank {peopleCount} Menschen +

+
+ +
= middleProgress ? 'flex-col-reverse' : 'flex-col', // Show next unfulfilled target first + ]} + > +
= middleProgress && 'text-dark-green', + 'lg:absolute lg:top-[88px] lg:right-1/3 lg:w-48', + ]} + > +

+ {middleProgress}€ / Monat + {#if currentProgress >= middleProgress} + + + {/if} +

+

Rebecca kann ihren Job aufhören um ihre Zeit YV zu widmen.

+
+
= targetProgress && 'text-dark-green', + 'lg:absolute lg:top-1/8 lg:right-0 lg:w-48', + ]} + > +

+ {targetProgress}€ / Monat + {#if currentProgress >= targetProgress} + + + {/if} +

+

Hiermit muss Rebecca keinen Minijob nebenbei machen.

+
+
+
+ +
+
+ + + {currentProgress} +
+
+ + + {peopleCount} +
+ +