automatically determine mastodon followers

tobihagemann · tobihagemann · commit 0c3c388d680c · 2025-03-29T17:43:30.000+01:00
diff --git a/assets/js/base.js b/assets/js/base.js
@@ -26,25 +26,39 @@ $('a').each(function() {
   }
 })();
 
+function determineGlobalData(locale, globalData) {
+  determineGitHubStargazersCount(locale, globalData);
+  determineMastodonFollowersCount(locale, globalData);
+}
+
 function determineGitHubStargazersCount(locale, globalData) {
   $.getJSON('https://api.cryptomator.org/desktop/repo.json', data => {
     globalData.githubStargazers = formatNumber(data.stargazers_count, locale);
   }).fail(() => {
     console.error('Error fetching repository data.');
   });
-  function formatNumber(num, locale) {
-    let formatted = num;
-    if (num >= 1000 && num < 1000000) {
-      formatted = (num / 1000).toFixed(1);
-      formatted = formatted.endsWith('.0') ? formatted.slice(0, -2) + 'k' : formatted + 'k';
-    } else if (num >= 1000000) {
-      formatted = (num / 1000000).toFixed(1);
-      formatted = formatted.endsWith('.0') ? formatted.slice(0, -2) + 'M' : formatted + 'M';
-    }
-    if (locale === 'de') {
-      return formatted.replace('.', ',');
-    } else {
-      return formatted;
-    }
+}
+
+function determineMastodonFollowersCount(locale, globalData) {
+  $.getJSON('https://api.cryptomator.org/social/mastodon.json', data => {
+    globalData.mastodonFollowers = formatNumber(data.followers_count, locale);
+  }).fail(() => {
+    console.error('Error fetching Mastodon data.');
+  });
+}
+
+function formatNumber(num, locale) {
+  let formatted = num;
+  if (num >= 1000 && num < 1000000) {
+    formatted = (num / 1000).toFixed(1);
+    formatted = formatted.endsWith('.0') ? formatted.slice(0, -2) + 'k' : formatted + 'k';
+  } else if (num >= 1000000) {
+    formatted = (num / 1000000).toFixed(1);
+    formatted = formatted.endsWith('.0') ? formatted.slice(0, -2) + 'M' : formatted + 'M';
+  }
+  if (locale === 'de') {
+    return formatted.replace('.', ',');
+  } else {
+    return formatted;
   }
 }
diff --git a/content/sponsors.de.html b/content/sponsors.de.html
@@ -23,7 +23,7 @@
       <p class="text-xs md:text-sm lg:text-base leading-relaxed text-gray-700">GitHub Stars</p>
     </div>
     <div class="white-box text-center p-2">
-      <p class="font-bold text-2xl md:text-3xl lg:text-4xl leading-relaxed">4,2k</p>
+      <p x-text="globalData.mastodonFollowers ?? '…'" class="font-bold text-2xl md:text-3xl lg:text-4xl leading-relaxed">…</p>
       <p class="text-xs md:text-sm lg:text-base leading-relaxed text-gray-700">Mastodon Followers</p>
     </div>
     <div class="white-box text-center p-2">
diff --git a/content/sponsors.en.html b/content/sponsors.en.html
@@ -23,7 +23,7 @@
       <p class="text-xs md:text-sm lg:text-base leading-relaxed text-gray-700">GitHub Stars</p>
     </div>
     <div class="white-box text-center p-2">
-      <p class="font-bold text-2xl md:text-3xl lg:text-4xl leading-relaxed">4.2k</p>
+      <p x-text="globalData.mastodonFollowers ?? '…'" class="font-bold text-2xl md:text-3xl lg:text-4xl leading-relaxed">…</p>
       <p class="text-xs md:text-sm lg:text-base leading-relaxed text-gray-700">Mastodon Followers</p>
     </div>
     <div class="white-box text-center p-2">
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -66,7 +66,7 @@
       <link rel="alternate" hreflang="{{ .Lang }}" href="{{ .Permalink }}" />
     {{ end }}
   </head>
-  <body x-data="{ isNavOpen: false, globalData: { githubStargazers: null } }" x-init="determineGitHubStargazersCount('{{ .Site.Language.Lang }}', globalData)" :class="isNavOpen && 'overflow-hidden'" class="bg-dark font-body text-gray-900">
+  <body x-data="{ isNavOpen: false, globalData: { githubStargazers: null, mastodonFollowers: null } }" x-init="determineGlobalData('{{ .Site.Language.Lang }}', globalData)" :class="isNavOpen && 'overflow-hidden'" class="bg-dark font-body text-gray-900">
     {{ partial "nav.html" . }}
     {{- $topPadding := cond .IsHome "" "pt-24 md:pt-18" -}}
     <div class="bg-gray-100 min-h-[80vh] {{ $topPadding }}">
