add photo credit

src/components/About.astro

@@ -1,8 +1,8 @@
 ---
-import { translations, type Lang } from '@data/i18n';
-import { Image } from 'astro:assets';
-import benker from '@assets/studioBenker.png';
-const { lang = 'no' } = Astro.props as { lang?: Lang };
+import { translations, type Lang } from "@data/i18n";
+import { Image } from "astro:assets";
+import benker from "@assets/studioBenker.png";
+const { lang = "no" } = Astro.props as { lang?: Lang };
 const t = translations[lang].about;
 ---
 
@@ -13,7 +13,19 @@ const t = translations[lang].about;
     <p>{t.p2}</p>
     <p>{t.p3}</p>
     <p>{t.p4}</p>
-    <Image src={benker} alt="Studio Benker" class="place-self-center w-full" width={600} height={400} loading="eager" /> 
-    <p set:html={t.p5}></p>
+    <div>
+      <Image
+        src={benker}
+        alt="Studio Benker"
+        class="place-self-center w-full"
+        width={600}
+        height={400}
+        loading="eager"
+      />
+      <p class="text-right text-md font-light">
+        {t.photoCredit} Runhild Heggem
+      </p>
+    </div>
+    <p set:html={t.p5} />
   </div>
-</main>
+</main>

src/data/i18n.ts

@@ -32,6 +32,7 @@ export const translations = {
       p3: "Ikke gå glipp av den største studiekickoffen i Oslo!",
       p4: "Flere av arrangementene våre er gratis, og alt er ID 18+.",
       p5: 'Dersom du ønsker å lære mer om historien til STUDiO, samt Det Norske Studentersamfund kan du leser mer på <a href="https://viteboka.studentersamfundet.no/Studentfestivalen_i_Oslo">Viteboka</a>',
+      photoCredit: "Foto:",
     },
     program: {
       today: "Hva skjer i dag?",
@@ -81,6 +82,7 @@ export const translations = {
       p3: "Don't miss the biggest buddy and semester kickoff in Oslo!",
       p4: "Several of our events are free and everything is ID18+.",
       p5: 'If you want to learn more about the history of STUDiO, as well as The Norwegian Student Society, you can read more on <a href="https://viteboka.studentersamfundet.no/Studentfestivalen_i_Oslo">Viteboka</a>',
+      photoCredit: "Photo:",
     },
     program: {
       today: "What's happening today?",