Updated Twitter references to Bluesky

AnthonyVadala · Nov 19, 2024 · e60a1bb · e60a1bb
1 parent 3b70d3c
commit e60a1bb
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 16 deletions.
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -15,11 +15,11 @@
 
 			<div class="footer-col footer-col-2">
 				<ul class="social-media-list">
-					{% if site.twitter_username %}
+					{% if site.bluesky_username %}
 					<li>
-						<span class="fab fa-twitter" aria-hidden="true"></span>
-						<a href="https://twitter.com/{{ site.twitter_username }}" rel="noopener" target="_blank" accesskey="t" data-no-instant>
-							<span class="username">Twitter</span>
+						<span class="fab fa-bluesky" aria-hidden="true"></span>
+						<a href="https://bsky.app/profile/{{ site.bluesky_username }}" rel="noopener" target="_blank" accesskey="b" data-no-instant>
+							<span class="username">Bluesky</span>
 						</a>
 					</li>
 					{% endif %} {% if site.linkedin_username %}

diff --git a/_sass/_profile.scss b/_sass/_profile.scss
@@ -128,15 +128,15 @@ body {
 	}
 
 
-	// Twitter Button
-	.twitter a,
-	.twitter ul li a {
-		border-color: $twitter-color;
-		background: $twitter-color;
+	// Bluesky Button
+	.bluesky a,
+	.bluesky ul li a {
+		border-color: $bluesky-color;
+		background: $bluesky-color;
 		&:hover {
-			border-color: $twitter-color;
+			border-color: $bluesky-color;
 			background: $white;
-			color: $twitter-color;
+			color: $bluesky-color;
 		}
 	}
 

diff --git a/about.md b/about.md
@@ -18,10 +18,10 @@ permalink: /
 
 <!-- Social Media Links -->
 <ul class="buttonList">
-	{% if site.twitter_username %}
-	<li class="button twitter">
-		<a href="https://twitter.com/{{ site.twitter_username }}" rel="noopener" accesskey="t" data-instant>
-			<span class="fab fa-twitter"></span> Twitter</a>
+	{% if site.bluesky_username %}
+	<li class="button bluesky">
+		<a href="https://bsky.app/profile/{{ site.bluesky_username }}" rel="noopener" accesskey="b" data-instant>
+			<span class="fab fa-bluesky"></span> Bluesky</a>
 	</li>
 	{% endif %} {% if site.linkedin_username %}
 	<li class="button linkedin">

diff --git a/css/about.scss b/css/about.scss
@@ -38,7 +38,7 @@ $text-color-darktheme:       #fdfdfd;
 $background-color-darktheme: #3f5279;
 
 // Media Colors
-$twitter-color:     #1bb2e9;
+$bluesky-color:     #0085ff;
 $github-color:      #4183c5;
 $gitlab-color:      #fca326;
 $linkedin-color:    #007bb6;