bluesky

_includes/author-profile.html

@@ -48,16 +48,14 @@ <h3 class="author__name">{{ author.name }}</h3>
       <li><a href="{{ author.zotero }}"><i class="ai ai-zotero-square ai-fw"
       style="padding-right: 1.5em;"></i>Zotero</a></li>
       {% endif %}
-      {% if author.bluesky %}
-      <li><a href="https://bsky.app/profile/{{ author.bluesky }}"><i
-      class="fa-solid fa-square icon-pad-right" style="color: #1184fe"
-      aria-hidden="true"></i>Bluesky</a></li>      Bluesky</a></li>          
-      <li><a href="https://bsky.app/profile/{{ author.bluesky }}"><i class="fab
-      fa-fw fa-bluesky icon-pad-right" aria-hidden="true"></i>Bluesky</a></li>  
-      {% endif %}
       {% if author.googlescholar %}
       <li><a href="{{ author.googlescholar }}"><i class="ai ai-google-scholar-square ai-fw" style="padding-right: 1.5em;"></i>Google Scholar</a></li>
       {% endif %}
+      {% if author.bluesky %}
+      Bluesky</a></li>
+      <li><a href="https://bsky.app/profile/{{ author.bluesky }}"><i class="fab
+      fa-fw fa-bluesky icon-pad-right" aria-hidden="true" style="padding-right: 1.5em;"></i>Bluesky</a></li>  
+      {% endif %}
       {% if author.keybase %}
         <li><a href="https://keybase.io/{{ author.keybase }}"><i class="fas fa-fw fa-key" aria-hidden="true" style="padding-right: 1.5em;"></i>Keybase</a></li>
       {% endif %}

_sass/_utilities.scss

@@ -186,6 +186,11 @@ body:hover .visually-hidden button {
     color: #000;
   }
 
+  .fa-bluesky,
+  .fa-bluesky-square {
+    color: $bluesky-color;
+  }
+
   .fa-behance,
   .fa-behance-square {
     color: $behance-color;

_sass/_variables.scss

@@ -68,6 +68,7 @@ $info-color                 : #ab5865;
 
 /* brands */
 $behance-color              : #1769FF;
+$bluesky-color              : #1184fe;
 $dribbble-color             : #ea4c89;
 $facebook-color             : #3b5998;
 $flickr-color               : #ff0084;