Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

add an element "About" to the front page #170

Merged
merged 3 commits into from
Nov 20, 2024
Merged

add an element "About" to the front page #170

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
90c8dd8
add an element Aboout on the front page
Majapur1 Nov 15, 2024
9b92f02
[pre-commit.ci] auto fixes from pre-commit.com hooks
pre-commit-ci[bot] Nov 19, 2024
9a1d000
fix image import
lkeegan Nov 20, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added frontend/src/lib/assets/babyFlower.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
13 changes: 13 additions & 0 deletions frontend/src/lib/components/FrontPageAbout.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
<script>
import babyFlower from "$lib/assets/babyFlower.jpg";
import { Card } from "flowbite-svelte";
import { _ } from "svelte-i18n";
</script>

<div class="flex mt-4 justify-center min-w-full">
<Card img={babyFlower} horizontal size="full" class="shadow-none border-none">
<h5 class="mb-8 mt-2 text-2xl font-bold tracking-tight text-gray-700 dark:text-white">{$_("frontpageAbout.heading")}</h5>
<p class="mb-3 font-normal max-w-prose text-gray-700 dark:text-gray-400">{$_("frontpageAbout.summary1")}</p>
<p class="mb-3 font-normal max-w-prose text-gray-700 dark:text-gray-400">{$_("frontpageAbout.summary2")}</p>
</Card>
</div>
4 changes: 4 additions & 0 deletions frontend/src/lib/components/Frontpage.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
<script lang='ts'>
import CardDisplay from "$lib/components//DataDisplay/CardDisplay.svelte";
import GalleryDisplay from "$lib/components/DataDisplay/GalleryDisplay.svelte";
import FrontPageAbout from "$lib/components/FrontPageAbout.svelte";
import FrontPageCard from "$lib/components/FrontPageCard.svelte";

let { items = [] } = $props();
Expand All @@ -10,6 +11,9 @@ let { items = [] } = $props();
<FrontPageCard
/>

<FrontPageAbout
/>

<GalleryDisplay
withSearch={false}
itemComponent={CardDisplay}
Expand Down
5 changes: 5 additions & 0 deletions frontend/src/locales/de.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -188,5 +188,10 @@
"summary": "Hier sind Sie genau richtig!",
"buttonLabel": "Anmeldung",
"toolTip": "Anmelden oder ein neues Konto erstellen"
},
"frontpageAbout": {
"heading": "Was ist MONDEY?",
"summary1": "Ein mit Eltern und Fachkräften entwickeltes, wissenschaftlich geprüftes Program zur Beobachtung und Dokumentation der Entwicklung von Kindern bis 6 Jahre.",
"summary2": "Sie bewerten, wie gut das Kind bestimmte Alltagshandlungen ausführen kann. Auf dieser Basis bietet MONDEY Ihnen Feedback zum Entwicklungsstand des Kindes."
}
}