Add Mastodon and Bluesky to author social links

site/data/authors.yml

@@ -2,24 +2,31 @@ zaproxy:
   name: ZAP by Checkmarx
   picture: /img/authors/zap_400x400.png
   twitter: zaproxy
+  mastodon: zaproxy@infosec.exchange
+  bluesky: zaproxy.org
   is_core: true
 
 simon:
   name: Simon Bennetts
   picture: /img/authors/simon-bennetts_400x400.jpg
   twitter: psiinon
+  mastodon: psiinon@infosec.exchange
+  bluesky: psiinon.bsky.social
   is_core: true
 
 ricardo:
   name: Ricardo
   picture: /img/authors/thc202_400x400.jpg
   twitter: thc202
+  mastodon: thc202@infosec.exchange
   is_core: true
 
 thorin:
   name: Rick Mitchell
   picture: /img/authors/rick-mitchell_400x400.jpg
   twitter: kingthorin_rm
+  mastodon: kingthorin_rm@infosec.exchange
+  bluesky: kingthorin.bsky.social
   is_core: true
 
 aryangupta701:
@@ -32,6 +39,7 @@ akshath:
   name: Akshath Kothari
   picture: /img/authors/akshath-kothari_400x400.jpg
   twitter: ricekot_
+  bluesky: ricekot.com
   is_core: true
 
 vitikasoni:
@@ -120,6 +128,7 @@ cabelo:
 njmulsqb:
   name: Najam Ul Saqib
   picture: /img/authors/njmulsqb_400x400.jpg
+  mastodon: cybersoldier@infosec.exchange
   is_core: false
 
 zapbot:
@@ -143,6 +152,7 @@ yiannis:
   name: Yiannis Pavlosoglou
   picture: /img/authors/yiannis_400x400.jpg
   twitter: KibernaSecurity
+  mastodon: yiannis@infosec.exchange
   is_core: false
 
 zoltan:

site/layouts/history/single.html

@@ -38,9 +38,7 @@ <h1 class="text--white">{{ .Params.title }}</h1>
                   {{ else }}
                     {{ $name }}
                   {{ end }}
-                  {{ if $author.twitter }}
-                  <a class="author-twitter" href="https://twitter.com/{{ $author.twitter }}">@{{ $author.twitter }}</a>
-                  {{ end }}
+                  {{ partial "author-social-links" $author }}
                 </div>
               </section>
           {{ end }}

site/layouts/partials/author-social-links.html

@@ -0,0 +1,17 @@
+{{- /* Display author social media links */ -}}
+{{ $hasContent := false }}
+{{- if .twitter }}
+<a class="author-twitter" href="https://twitter.com/{{ .twitter }}">{{ partial "svg/social/twitter-team.svg" }} @{{ .twitter }}</a>
+{{ $hasContent = true }}
+{{- end }}
+{{- if .mastodon }}
+{{ $parts := split .mastodon "@" }}
+{{ $username := index $parts 0 }}
+{{ $instance := index $parts 1 }}
+{{ if $hasContent }}<br />{{ end }}<a class="author-mastodon" rel="me" href="https://{{ $instance }}/@{{ $username }}">{{ partial "svg/social/mastodon.svg" }} @{{ $username }}</a>
+{{ $hasContent = true }}
+{{- end }}
+{{- if .bluesky }}
+{{ if $hasContent }}<br />{{ end }}<a class="author-bluesky" href="https://bsky.app/profile/{{ .bluesky }}">{{ partial "svg/social/bluesky.svg" }} @{{ .bluesky }}</a>
+{{ $hasContent = true }}
+{{- end }}

site/layouts/post/single.html

@@ -49,9 +49,7 @@ <h1 class="text--white">{{ .Title }}</h1>
                   {{ else }}
                     {{ $name }}
                   {{ end }}
-                  {{ if $author.twitter }}
-                  (<a class="author-twitter" href="https://twitter.com/{{ $author.twitter }}">@{{ $author.twitter }}</a>)
-                  {{ end }}
+                  {{ partial "author-social-links" $author }}
                 </div>
               </section>
           {{ end }}

src/css/pages/blog.scss

@@ -22,6 +22,17 @@
         width: 40px;
         display: inline-block;
     }
+    .author-twitter,
+    .author-mastodon,
+    .author-bluesky {
+        svg {
+            width: 0.9em;
+            height: 0.9em;
+            vertical-align: -0.1em;
+            margin-right: 0.2em;
+            fill: currentColor;
+        }
+    }
 }
 
 main {