teams pagina

Author: tdamsma

messages/en.json

@@ -41,5 +41,7 @@
     "footer_complaints": "Complaints",
     "footer_contact": "Contact",
     "footer_gegevens": "Details",
-    "footer_telefoon": "Telephone: +31-6-14477347"
+    "footer_telefoon": "Telephone: +31-6-14477347",
+    "team_heading": "Our team",
+    "team_paragraph1": "Yep is a small, active training agency based in Amsterdam and Voorburg. We provide training in collaboration and personal effectiveness for ambitious professionals. The result of our training is always paramount. We strive for the personal development of these professionals to increase the effectiveness of organizations. We are only satisfied when that succeeds!"
 }

messages/nl.json

@@ -41,5 +41,7 @@
     "footer_complaints": "Klachten",
     "footer_contact": "Contact",
     "footer_gegevens": "Gegevens",
-    "footer_telefoon": "Telefoon: 06-14477347"
+    "footer_telefoon": "Telefoon: 06-14477347",
+    "team_heading": "Ons team",
+    "team_paragraph1": "Yep is een klein, actief trainingsbureau gevestigd in Amsterdam en Voorburg. Wij verzorgen trainingen op het gebied van samenwerken en persoonlijke effectiviteit voor ambitieuze professionals. Het resultaat van onze trainingen staat altijd voorop. Wij streven naar de persoonlijke ontwikkeling van deze professionals, om zo de effectiviteit van organisaties te vergroten. Pas als dat lukt zijn wij tevreden!"
 }

src/routes/team/+page.svelte

@@ -2,6 +2,7 @@
 	import { onMount } from 'svelte';
 	import type { ImageModule, TeamMemberModule, TeamMember } from '$lib/types';
 	import { languageTag } from '$lib/paraglide/runtime.js';
+	import * as m from '$lib/paraglide/messages.js';
 	const TeamMemberModulesNl = import.meta.glob('$content/team/*.nl.md', {
 		eager: true,
 		query: {
@@ -40,19 +41,16 @@
   div
     .jumbotron.jumbotron-fluid.yep-geel
       .row.justify-content-around
-        h1 Ons team
+        h1 {m.team_heading()}
 
     .container.mt-4
       p
-        | Yep is een klein, actief trainingsbureau gevestigd in Amsterdam en Voorburg. Wij verzorgen trainingen op het gebied van samenwerken en persoonlijke
-        | effectiviteit voor ambitieuze professionals. Het resultaat van onze trainingen staat altijd voorop. Wij streven naar de persoonlijke ontwikkeling van
-        | deze professionals, om zo de effectiviteit van organisaties te vergroten. Pas als dat lukt zijn wij tevreden!
+        | {m.team_paragraph1()}
 
-      .row.justify-content-around.mb-1
+      .row.justify-content-around.mb-4
         +each('members as member')
-         
           .col-sm-6.col-md-4.col-lg-3.mt-4.py-3.bg-white
-            enhanced:img.img-fluid(src="{imageModules[`${member.path}.jpg`].default}" alt="{member.meta.name}" title="{member.meta.name}")    
+            enhanced:img.img-fluid(src="{imageModules[`${member.path}.jpg`].default}" alt="{member.meta.name}" title="{member.meta.name}")
             h2.text-center.mt-1 {member.meta.name}
             svelte:component(this="{member.content}")
 </template>