Get that Mastodon blue check 🔵.

gmarty · Apr 7, 2024 · 5da9128 · 5da9128
1 parent e584ea8
commit 5da9128
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/src/components/social-icons/index.astro b/src/components/social-icons/index.astro
@@ -28,9 +28,13 @@ type Props = {
 const { kind, href, size = 8 } = Astro.props
 const SocialSvg = components[kind]
 const sizeClass = size === 8 ? 'size-8' : 'size-6'
+let rel = 'noopener noreferrer'
+if (kind === 'mastodon') {
+  rel += ' me'
+}
 ---
 
-<a class="text-sm" target="_blank" rel="noopener noreferrer" {href}
+<a class="text-sm" target="_blank" {rel} {href}
   ><span class="sr-only">{kind}</span><SocialSvg
     class={`${sizeClass} fill-current transition motion-reduce:transition-none themed-link hover:scale-110 motion-reduce:hover:transform-none`}
   /></a

diff --git a/src/content/authors/default.mdx b/src/content/authors/default.mdx
@@ -10,9 +10,9 @@ gitlab: https://gitlab.com/gmarty
 github: https://github.com/gmarty
 ---
 
-Guillaume (pronounced */ghee-yom/*) has been working in the tech industry for two decades. He was previously as a software engineer at Mozilla on the Firefox OS, and an engineering manager and coach at Twitter.
+Guillaume (pronounced */ghee-yom/*) has been working in the tech industry for two decades. He was previously as a software engineer at **Mozilla** on the Firefox OS, and an engineering manager and coach at **Twitter**.
 
-He's passionate about web technologies and contributes regularly to open source projects (check the Gitlab and Github accounts).
+He's passionate about web technologies and contributes regularly to open source projects (check the [Gitlab](https://gitlab.com/gmarty) and [Github](https://github.com/gmarty) accounts).
 
 He's also fascinated by video games, animation, history, and, as a Japanese speaker, foreign languages.
 

diff --git a/src/layouts/AuthorLayout.astro b/src/layouts/AuthorLayout.astro
@@ -71,7 +71,7 @@ const authorPosts = await getCollection('blog', (entry) => {
           )
         }
         <h2
-          class="pb-2 pt-4 text-2xl font-bold leading-8 tracking-tight text-gray-900 dark:text-gray-100"
+          class="pb-2 pt-4 text-2xl font-bold leading-8 tracking-tight text-gray-900 dark:text-primary-100"
         >
           {name}
         </h2>
-Original file line number
+Diff line change
@@ Expand Up / @@ -71,7 +71,7 @@ const authorPosts = await getCollection('blog', (entry) => { @@
               )
             }
             <h2
-              class="pb-2 pt-4 text-2xl font-bold leading-8 tracking-tight text-gray-900 dark:text-gray-100"
+              class="pb-2 pt-4 text-2xl font-bold leading-8 tracking-tight text-gray-900 dark:text-primary-100"
             >
               {name}
             </h2>
@@ Expand Down @@