Adds about us section

7 files changed, 148 insertions, 0 deletions

diff --git a/src/components/Navbar/NavLinks.astro b/src/components/Navbar/NavLinks.astro
index a34014e..fe2ade0 100644
--- a/src/components/Navbar/NavLinks.astro
+++ b/src/components/Navbar/NavLinks.astro
@@ -14,6 +14,9 @@ const t = translate(locale);
     <a class="btn" href={`/${locale}/news`}>{t(tNews, { key: 'title' })}</a>
   </li>
   <li>
+    <a class="btn" href={`/${locale}/#about`}>{t(tHame, { key: 'about-us' })}</a>
+  </li>
+  <li>
     <a class="btn" href={`/${locale}/furthsettins`}>{t(tFurthsettins, { key: 'title' })}</a>
   </li>
   <li>
diff --git a/src/data/committee.ts b/src/data/committee.ts
new file mode 100644
index 0000000..0d077b8
--- /dev/null
+++ b/src/data/committee.ts
@@ -0,0 +1,23 @@
+import type { CommitteeMember } from '$types/CommitteeMember';
+import CommitteeRole from 'enums/CommitteeRole';
+
+const committee: CommitteeMember[] = [
+  {
+    name: 'Joe Carstairs',
+    roles: [CommitteeRole.Secretar, CommitteeRole.Wabmaister],
+    bio: {
+      sco: `
+        Joe haes been i the Associe syne 2019. He is a Scots leid lairner an
+        believes eydent at the Scots leid belangs awbody. He is frae Perth
+        but bides eenou i Embro, at he haes bidden in syne 2018.
+      `,
+      'en-GB': `
+        Joe has been in the Society since 2019. He is a Scots language learner
+        and believes passionately that the Scots language belongs to everyone.
+        He is from Perth but now lives in Edinburgh, where he lived since 2018.
+      `,
+    },
+  },
+];
+
+export default committee;
diff --git a/src/enums/CommitteeRole.ts b/src/enums/CommitteeRole.ts
new file mode 100644
index 0000000..8db8456
--- /dev/null
+++ b/src/enums/CommitteeRole.ts
@@ -0,0 +1,11 @@
+enum CommitteeRole {
+  Preses,
+  Secretar,
+  Thesaurer,
+  Wabmaister,
+  MemmershipSecretar,
+  LallansEiditor,
+  HonoraryPreses,
+}
+
+export default CommitteeRole;
diff --git a/src/i18n/translations/enums/committeeRole.ts b/src/i18n/translations/enums/committeeRole.ts
new file mode 100644
index 0000000..06b9980
--- /dev/null
+++ b/src/i18n/translations/enums/committeeRole.ts
@@ -0,0 +1,28 @@
+import type { TranslationsDictionary } from '$types/TranslationsDictionary';
+import CommitteeRole from 'enums/CommitteeRole';
+
+const tEnum = {
+  [CommitteeRole.Preses]: {
+    sco: () => 'Preses',
+    'en-GB': () => 'President',
+  },
+  [CommitteeRole.Secretar]: {
+    sco: () => 'Secretar',
+    'en-GB': () => 'Secretar',
+  },
+  [CommitteeRole.Thesaurer]: {
+    sco: () => 'Thesaurer',
+    'en-GB': () => 'Treasurer',
+  },
+  [CommitteeRole.Wabmaister]: {
+    sco: () => 'Wabmaister',
+    'en-GB': () => 'Webmaster',
+  },
+  [CommitteeRole.LallansEiditor]: {
+    sco: () => 'Lallans Eiditor',
+    'en-GB': () => 'Lallans Editor',
+  },
+};
+
+type Raw = typeof tEnum;
+export default tEnum as TranslationsDictionary<Raw>;
diff --git a/src/i18n/translations/pages/home.ts b/src/i18n/translations/pages/home.ts
index 302d643..48fbdee 100644
--- a/src/i18n/translations/pages/home.ts
+++ b/src/i18n/translations/pages/home.ts
@@ -13,6 +13,52 @@ const tPage = {
     sco: () => 'Aw news',
     'en-GB': () => 'All news',
   },
+  'about-us': {
+    sco: () => 'Aboot us',
+    'en-GB': () => 'About us',
+  },
+  'about-us-para-1': {
+    sco: () => `
+      The Scots Leid Associe wis fundit i 1972 wi an anely brief: tae promuive
+      the Scots leid and leitratur bi furthsettin the anely magazine dedicatit
+      til new Scots scrievin.
+    `,
+    'en-GB': () => `
+      The Scots Language Society was founded in 1972 with a single mission: to
+      promote the Scots language and literature by publishing the only magazine
+      dedicated to new Scots writing.
+    `,
+  },
+  'about-us-para-2': {
+    sco: () => `
+      Ower five decades later, that is oor meission else. Asides Lallans, we
+      rin an annual Scots-leid scrievin competition, the Sangschaw, an we
+      forby hae furthset an anely ingaitherin o Scots-leid recordins in our
+      Scotsoun series o CDs.
+    `,
+    'en-GB': () => `
+      Over five decades later, that remains our mission. Besides Lallans, we run
+      an annual Scots-language writing competition, the Sangschaw, and we have
+      also published a unique collection of Scots-language recordings in our
+      Scotsoun series of CDs.
+    `,
+  },
+  'about-us-para-3': {
+    sco: () => `      
+      Mairfortaken, we hae annual Collogues, whaur we ingaither oor memmers
+      an hear talks on Scots-leid cultur an hear Sangschaw winners readin
+      their nain wark.
+    `,
+    'en-GB': () => `
+      Furthermore, we have annual Conferences, where we gather together our
+      members and hear talks on Scots-language culture and hear Sangschaw winners
+      reading their own work.
+    `,
+  },
+  'meet-the-commattee': {
+    sco: () => 'Meet the Commattee',
+    'en-GB': () => 'Meet the Committee',
+  },
   furthsettins: {
     sco: () => 'Furthsettins',
     'en-GB': () => 'Publications',
diff --git a/src/pages/[locale]/index.astro b/src/pages/[locale]/index.astro
index 486d2e8..4c4c82a 100644
--- a/src/pages/[locale]/index.astro
+++ b/src/pages/[locale]/index.astro
@@ -7,6 +7,7 @@ import type Locale from '$types/Locale';
 import { getMostRecentNewsItem } from '$lib/newsUtils';
 import contactDetails from '$data/contactDetails';
 import NewsIndex from '$components/NewsIndex/NewsIndex.astro';
+import committee from '$data/committee';
 
 export async function getStaticPaths() {
   return localeStaticPaths;
@@ -32,6 +33,33 @@ const mostRecentNewsItem = await getMostRecentNewsItem(locale);
     }
   </section>
 
+  <section id="about">
+    <h2 set:html={t(tPage, { key: 'about-us' })} />
+    <p set:html={t(tPage, { key: 'about-us-para-1' })} />
+    <p set:html={t(tPage, { key: 'about-us-para-2' })} />
+    <p set:html={t(tPage, { key: 'about-us-para-3' })} />
+    <h3 set:html={t(tPage, { key: 'meet-the-commattee' })} />
+    <ul>
+      {
+        committee.map((member) => (
+          <li class="committee__member">
+            {member.imgSrc && (
+              <img
+                class="committee__member__img"
+                src={member.imgSrc}
+                alt={`A photo of ${member.name}`}
+              />
+            )}
+            <div class="committee__member__text">
+              <h4>{member.name}</h4>
+              <p set:html={member.bio[locale]} />
+            </div>
+          </li>
+        ))
+      }
+    </ul>
+  </section>
+
   <section>
     <h2 set:html={t(tPage, { key: 'furthsettins' })} />
     <p set:html={t(tPage, { key: 'furthsettins-para' })} />
diff --git a/src/types/CommitteeMember.d.ts b/src/types/CommitteeMember.d.ts
new file mode 100644
index 0000000..b3655d0
--- /dev/null
+++ b/src/types/CommitteeMember.d.ts
@@ -0,0 +1,9 @@
+import type CommitteeRole from 'enums/CommitteeRole';
+import type Locale from './Locale';
+
+type CommitteeMember = {
+  name: string;
+  roles: CommitteeRole[];
+  bio: { [key in Locale]: string };
+  imgSrc?: string;
+};