Added additional work tab in the about section

app.js

@@ -87,6 +87,11 @@ app.use((req, res, next) => {
 
   res.locals.languages = i18n.getLocales();
   res.translations = sortArrayOfObjects(translationData, "label_lat");
+
+  const attributions = JSON.parse(
+    readFileSync(`${__dirname}/public/attributions/attributions.json`, 'utf8')
+  );
+  res.attributions = attributions;
 
   if (req.query.lang) {
     currentLocale = req.query.lang;

public/attributions/attributions.json

@@ -0,0 +1,9 @@
+{
+    "attributions": [
+        {
+            "Name": "Chee Aun",
+            "Description": "Created the awesome light mode!",
+            "GithubLink": "https://github.com/cheeaun"
+        }
+    ]
+}

public/css/images.css

@@ -33,4 +33,12 @@ img.fediverse-logo-content{
     max-width: 120px;
     float: left;
     margin-right: 2rem;
+}
+
+[data-bs-theme='light'] .github-logo {
+    content: url('/images/logos/miscellaneous/GitHub-light.svg');
+}
+
+[data-bs-theme='dark'] .github-logo {
+    content: url('/images/logos/miscellaneous/GitHub-dark.svg');
 }

routes/about.js

@@ -5,6 +5,7 @@ router.get('/', (req, res) => {
     res.render('../views/about.handlebars', {
         supported_languages: JSON.stringify(res.locals.languages),
         translations: res.translations,
+        attributions: res.attributions,
         current_locale: res.currentLocale,
         footer_scripts: process.env.FOOTER_SCRIPTS
     });

translations/ar/about.json

@@ -1,5 +1,7 @@
 {
   "page_title": "حول المشروع",
   "description": "تم إنشاء JoinTheFediverse.net بواسطة <a href='https://stefanbohacek.com/contact/'> Stefan Bohacek </a>. تم توفير الترجمات من قبل الأشخاص الرائعين التاليين:",
-  "cta_home": "العودة إلى الصفحة الرئيسية"
+  "cta_home": "العودة إلى الصفحة الرئيسية",
+  "translation_title": "Translations:",
+  "additional_work_title": "Additional work:"
 }

translations/bg/about.json

@@ -1,5 +1,7 @@
 {
   "page_title": "За проекта",
   "description": "JoinTheFediverse.net е създаден от <a href='https://stefanbohacek.com/contact/'>Stefan Bohacek</a>. Преводите са извършени от следните страхотни хора:",
-  "cta_home": "Обратно на главната страница"
+  "cta_home": "Обратно на главната страница",
+  "translation_title": "Translations:",
+  "additional_work_title": "Additional work:"
 }

translations/ca/about.json

@@ -1,5 +1,7 @@
 {
   "page_title": "Quant al projecte",
   "description": "JoinTheFediverse.net l'ha creat <a href='https://stefanbohacek.com/contact/'>Stefan Bohacek</a>. Les traduccions les han fet les següents persones:",
-  "cta_home": "Torneu a l'inici"
+  "cta_home": "Torneu a l'inici",
+  "translation_title": "Translations:",
+  "additional_work_title": "Additional work:"
 }

translations/cz-cs/about.json

@@ -1,5 +1,7 @@
 {
   "page_title": "O projektu",
   "description": "JoinTheFediverse.net vytvořil <a href='https://stefanbohacek.com/contact/'>Štefan Boháček</a>. Překlady poskytli títo úžasní lidé:",
-  "cta_home": "Napsat na hlavní stránku"
+  "cta_home": "Napsat na hlavní stránku",
+  "translation_title": "Translations:",
+  "additional_work_title": "Additional work:"
 }

translations/de-de/about.json

@@ -1,5 +1,7 @@
 {
   "page_title": "Über das Projekt",
   "description": "JoinTheFediverse.net wurde von <a href='https://stefanbohacek.com/contact/'>Stefan Bohacek</a> ins Leben gerufen. Übersetzungen wurden von folgenden wunderbaren Menschen beigesteuert:",
-  "cta_home": "Zurück zur Hauptseite"
+  "cta_home": "Zurück zur Hauptseite",
+  "translation_title": "Translations:",
+  "additional_work_title": "Additional work:"
 }

translations/en-us/about.json

@@ -1,5 +1,7 @@
 {
   "page_title": "About the project",
   "description": "JoinTheFediverse.net was created by <a href='https://stefanbohacek.com/contact/'>Stefan Bohacek</a>. Translations were provided by the following awesome people:",
-  "cta_home": "Back to main page"
+  "cta_home": "Back to main page",
+  "translation_title": "Translations:",
+  "additional_work_title": "Additional work:"
 }

translations/eo/about.json

@@ -1,5 +1,7 @@
 {
   "page_title": "Pri la projekto",
   "description": "JoinTheFediverse.net estis kreita de <a href=''>Stefan Bohacek</a> (<a href='mailto:[email protected]'>kontakto</a>). Tradukoj estis provizitaj de la sekvaj mirindaj homoj:",
-  "cta_home": "Reen al ĉefpaĝo"
+  "cta_home": "Reen al ĉefpaĝo",
+  "translation_title": "Translations:",
+  "additional_work_title": "Additional work:"
 }

translations/es-es/about.json

@@ -1,5 +1,7 @@
 {
   "page_title": "Acerca del proyecto",
   "description": "JoinTheFediverse.net fue creado por <a href='https://stefanbohacek.com/contact/'>Stefan Bohacek</a>. Las traducciones fueron brindadas por las siguientes personas:",
-  "cta_home": "Volver a la página principal"
+  "cta_home": "Volver a la página principal",
+  "translation_title": "Translations:",
+  "additional_work_title": "Additional work:"
 }

translations/eu/about.json

@@ -1,5 +1,7 @@
 {
   "page_title": "Proiektuari buruz",
   "description": "JoinTheFediverse.net <a href='https://stefanbohacek.com/contact/'>Stefan Bohacek</a>-en eskutik sortua izan da. Itzulpenak hurrengo pertsonek egin dituzte:",
-  "cta_home": "Itzuli orri nagusira"
+  "cta_home": "Itzuli orri nagusira",
+  "translation_title": "Translations:",
+  "additional_work_title": "Additional work:"
 }

translations/fa/about.json

@@ -1,5 +1,7 @@
 {
   "page_title": "درباره پروژه",
   "description": "JoinTheFediverse.net به‌دست <a href='https://stefanbohacek.com/contact/'>Stefan Bohacek</a> ساخته شده. و ترجمه‌ها به‌دست عزیزان پایین فراهم شده‌اند:",
-  "cta_home": "بازگشت به صفحه اصلی"
+  "cta_home": "بازگشت به صفحه اصلی",
+  "translation_title": "Translations:",
+  "additional_work_title": "Additional work:"
 }

translations/fi/about.json

@@ -1,5 +1,7 @@
 {
   "page_title": "Projektista",
   "description": "JoinTheFediverse.net:in loi <a href='https://stefanbohacek.com/contact/'>Stefan Bohacek</a>. Käännökset tarjosi seuraavat mahtavat ihmiset:",
-  "cta_home": "Takaisin etusivulle"
+  "cta_home": "Takaisin etusivulle",
+  "translation_title": "Translations:",
+  "additional_work_title": "Additional work:"
 }

translations/fr/about.json

@@ -1,5 +1,7 @@
 {
   "page_title": "A propos du projet",
   "description": "JoinTheFediverse.net est une création de <a href='https://stefanbohacek.com/contact/'>Stefan Bohacek</a>. Les traductions ont été réalisées par les sympathiques personnes suivantes :",
-  "cta_home": "Retour à la page d'accueil"
+  "cta_home": "Retour à la page d'accueil",
+  "translation_title": "Translations:",
+  "additional_work_title": "Additional work:"
 }

translations/gl/about.json

@@ -1,5 +1,7 @@
 {
   "page_title": "Sobre o proxecto",
   "description": "<a href='https://stefanbohacek.com/contact/'>Stefan Bohacek</a> creou JoinTheFediverse.net. As traducións son unha colaboración de todas estas persoas marabillosas:",
-  "cta_home": "Volver á páxina principal"
+  "cta_home": "Volver á páxina principal",
+  "translation_title": "Translations:",
+  "additional_work_title": "Additional work:"
 }

translations/id/about.json

@@ -1,5 +1,7 @@
 {
   "page_title": "Tentang proyek",
   "description": "JoinTheFediverse.net dibuat oleh <a href='https://stefanbohacek.com/contact/'>Stefan Bohacek</a>. Terjemahan disediakan oleh orang-orang yang luar biasa sebagai berikut:",
-  "cta_home": "Kembali ke halaman depan"
+  "cta_home": "Kembali ke halaman depan",
+  "translation_title": "Translations:",
+  "additional_work_title": "Additional work:"
 }

translations/it/about.json

@@ -1,5 +1,7 @@
 {
   "page_title": "Il progetto",
   "description": "JoinTheFediverse.net è stato creato da <a href='https://stefanbohacek.com/contact/'>Stefan Bohacek</a>. Le localizzazioni sono state fornite da queste meravigliose persone:",
-  "cta_home": "Torna alla home"
+  "cta_home": "Torna alla home",
+  "translation_title": "Translations:",
+  "additional_work_title": "Additional work:"
 }

translations/nl/about.json

@@ -1,5 +1,7 @@
 {
   "page_title": "Over het project",
   "description": "JoinTheFediverse.net is opgezet door <a href='https://stefanbohacek.com/contact/'>Stefan Bohacek</a>. De vertalingen zijn mede mogelijk gemaakt door deze geweldige mensen:",
-  "cta_home": "Terug naar de startpagina"
+  "cta_home": "Terug naar de startpagina",
+  "translation_title": "Vertalingen:",
+  "additional_work_title": "Aanvullend werk:"
 }

translations/pl/about.json

@@ -1,5 +1,7 @@
 {
   "page_title": "O projekcie",
   "description": "JoinTheFediverse.net stworzył <a href='https://stefanbohacek.com/contact/'>Stefan Bohacek</a>. Tłumaczenia zostały przygotowane przez te wspaniałe osoby:",
-  "cta_home": "Powrót na główną stronę"
+  "cta_home": "Powrót na główną stronę",
+  "translation_title": "Translations:",
+  "additional_work_title": "Additional work:"
 }

translations/pt-br/about.json

@@ -1,5 +1,7 @@
 {
   "page_title": "Sobre o projeto",
   "description": "JoinTheFediverse.net foi criado por <a href='https://stefanbohacek.com/contact/'>Stefan Bohacek</a>. As traduções foram providenciadas por essas pessoas incríveis:",
-  "cta_home": "Voltar ao início"
+  "cta_home": "Voltar ao início",
+  "translation_title": "Translations:",
+  "additional_work_title": "Additional work:"
 }

translations/ru/about.json

@@ -1,5 +1,7 @@
 {
   "page_title": "О проекте",
   "description": "JoinTheFediverse.net был создан <a href='https://stefanbohacek.com/contact/'>Stefan Bohacek</a>. Переводы были предоставлены следующими крутыми людьми:",
-  "cta_home": "Вернуться на главную страницу"
+  "cta_home": "Вернуться на главную страницу",
+  "translation_title": "Translations:",
+  "additional_work_title": "Additional work:"
 }

translations/sk/about.json

@@ -1,5 +1,7 @@
 {
   "page_title": "O projekte",
   "description": "JoinTheFediverse.net vytvoril <a href='https://stefanbohacek.com/contact/'>Štefan Boháček</a>. Preklady poskytli títo úžasní ľudia:",
-  "cta_home": "Naspäť na hlavnú stránku"
+  "cta_home": "Naspäť na hlavnú stránku",
+  "translation_title": "Translations:",
+  "additional_work_title": "Additional work:"
 }

translations/zh-hans/about.json

@@ -1,5 +1,7 @@
 {
   "page_title": "关于项目",
   "description": "JoinTheFediverse.net 由<a href='https://stefanbohacek.com/contact/'>Stefan Bohacek</a>创办。翻译由下列优秀人士提供：",
-  "cta_home": "返回首页"
+  "cta_home": "返回首页",
+  "translation_title": "Translations:",
+  "additional_work_title": "Additional work:"
 }

translations/zh-hant/about.json

@@ -1,5 +1,7 @@
 {
   "page_title": "關於計劃",
   "description": "JoinTheFediverse.net 由<a href='https://stefanbohacek.com/contact/'>Stefan Bohacek</a>創辦。翻譯由下列優秀人士提供：",
-  "cta_home": "返回首頁"
+  "cta_home": "返回首頁",
+  "translation_title": "Translations:",
+  "additional_work_title": "Additional work:"
 }

translations/zh-tw/about.json

@@ -1,5 +1,7 @@
 {
   "page_title": "關於本專案",
   "description": "JoinTheFediverse.net 由 <a href='https://stefanbohacek.com/contact/'>Stefan Bohacek</a> 製作。翻譯則由以下超棒的夥伴們提供：",
-  "cta_home": "回到首頁"
+  "cta_home": "回到首頁",
+  "translation_title": "Translations:",
+  "additional_work_title": "Additional work:"
 }

views/about.handlebars

@@ -3,7 +3,8 @@
         <div class="col-sm-12">
             <h1 class="display-4 fw-bold text-center my-5">{{{__ "about_page_title"}}}</h1>
             <p>{{{__ "about_description"}}}</p>
-            <ul class="row mt-5">
+            <p class="fw-bold">{{{__ "about_translation_title"}}}</p>
+            <ul class="row">
                 {{#each translations}}
                     {{#if this.available}}
                         {{#if this.translators}}
@@ -21,8 +22,21 @@
                         {{/if}}
                     {{/if}}
                 {{/each}}
+
+                <p class="fw-bold">{{{__ "about_additional_work_title"}}}</p>
+                <ul class="row">
+                    {{#each attributions.attributions}}
+                        <div class="col-sm-12 col-md-6 col-lg-4 pb-4">
+                            <li>
+                                <img src="images/logos/miscellaneous/GitHub-light.svg" alt="GitHub logo" class="github-logo" style="width: 20px; height: 20px;">
+                                <a href="{{this.GithubLink}}">{{this.Name}}</a>: {{this.Description}}
+                            </li>
+                        </div>
+                    {{/each}}
+                </ul>
             </ul>
             <p class="mt-5"><a href="/">{{{__ "about_cta_home"}}}</a> | <a href="https://github.com/jointhefediverse-net/jointhefediverse.net">{{{__ "footer_view_source"}}}</a></p>
         </div>
+
     </div>
 </div>