attempt at bluesky

since fortawesome is slacking n said itll be a few weeks.
vergecurrency · Mar 10, 2024 · 5f66203 · 5f66203
1 parent 90fa0bd
commit 5f66203
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 1 deletion.
diff --git a/pages/index.js b/pages/index.js
@@ -572,6 +572,20 @@ function Home(props) {
                               <FontAwesomeIcon icon={faTwitter} size="2x" />
                             </a>
                           </Link>
+                        </div>
+						<div className="pt-xs social__icon">
+                          <Link href="https://bsky.app/profile/vergecurrency.com">
+                            <a
+                              href="https://bsky.app/profile/vergecurrency.com"
+                              target="_blank"
+                              rel="noopener noreferrer"
+                              className="social__link social__link--bluesky"
+                              name="BlueSky link"
+                              title="BlueSky"
+                            >
+                              <FontAwesomeIcon icon={faTwitter} size="2x" />
+                            </a>
+                          </Link>
                         </div>
                         <div className="pt-xs social__icon">
                           <Link href="https://discord.gg/vergecurrency">

diff --git a/static/scss/partials/_base.scss b/static/scss/partials/_base.scss
@@ -141,6 +141,9 @@ ul {
   &--youtube {
     background-image: url(/static/img/icons/youtube.svg);
   }
+  &--bluesky {
+    background-image: url(/static/img/icons/bluesky.svg);
+  }
 }
 
  .img-link-hover {

diff --git a/static/scss/partials/_footer.scss b/static/scss/partials/_footer.scss
@@ -119,7 +119,8 @@ footer {
           youtube:  #ff0002,
           reddit:   #ff4401,
           twitter:  #1da1f2,
-          discord:  #18191c
+          discord:  #18191c,
+		  bluesky:  #1da1f2,
         ) {
           &--#{$network} {
             color: #cecece;