Update Mastodon page

source/_data/mastodon.json

@@ -46,6 +46,10 @@
           {"id": "0", "url": "https://masto.host"},
           {"id": "1", "url": "https://maastodon.net"}
         ],
+      "forks":
+        [
+          {"id": "0", "url": "https://github.com/glitch-soc/mastodon"}
+        ],
       "utilities":
         [
           {"id": "0", "url": "https://www.mastofeed.com"},

themes/starter/languages/en.yml

@@ -64,6 +64,7 @@ mobapp: mobile app
 mobapps: mobile apps
 tuts: tutorials
 utilities: utilities
+forks: forks
 total: population
 servers: servers
 accounts: accounts
@@ -102,6 +103,7 @@ mastofeed: Mastofeed
 crossposting: Mastodon-Twitter crossposting
 mastoGallery: Artodon gallery
 feedPreview: Instance timeline preview
+glitchSoc: glitch-soc - fork with experimental features
 
 #GNU Social page
 timeline: Timeline for website

themes/starter/layout/mastodon.ejs

@@ -10,10 +10,12 @@ layout: layout
   const metrics = data.metrics;
   const services = data.services;
   const utilities = data.utilities;
+  const forks = data.forks;
   const tuts = [__('intro'), __('howto'), __('guide')];
   const stats = [__('dashboards'), __('stats'), __('graphs')];
   const tools = [__('mastoPreinstalled'), __('mastoHosting')];
   const utils = [__('mastofeed'), __('crossposting'), __('feedPreview'), __('mastoGallery'), __('webmentions')];
+  const forkTitles = [__('glitchSoc')];
 %>
 
 <%- partial('_partial/heroheader') %>
@@ -94,6 +96,15 @@ layout: layout
             </li>
           <% } %>
         </ul>
+
+        <ul class="section-list">
+          <% for (item in forks) { %>
+            <% let b = forks[item].id %>
+            <li class="u-inline">
+              <a href="<%= forks[item].url %>"><%= forkTitles[b] %></a><span>&nbsp/&nbsp;</span>
+            </li>
+          <% } %>
+        </ul>
       </div>
     </div>
   </div>