add Bluesky link

jelni · Sep 7, 2023 · 36506f3 · 36506f3
1 parent 2f79fe9
commit 36506f3
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git a/public/index.html b/public/index.html
@@ -77,6 +77,17 @@ <h1>dzień dobry</h1>
           alt="YouTube icon"
         />
       </a>
+      <a
+        href="https://bsky.app/profile/did:plc:epnu3w7e72ck3hqeghzjajo3"
+        title="@jel.gay"
+        target="_blank"
+      >
+        <img
+          class="bluesky-logo"
+          src="https://avatars.githubusercontent.com/u/94650532?s=64"
+          alt="Bluesky logo"
+        />
+      </a>
       <a
         href="https://tech.lgbt/@je"
         title="@[email protected]"

diff --git a/public/styles/index.css b/public/styles/index.css
@@ -47,6 +47,19 @@
     width: 2rem;
     height: 2rem;
   }
+
+  /* temporary class while Bluesky doesn't have an icon yet */
+  .bluesky-logo {
+    display: block;
+    width: 2rem;
+    height: 2rem;
+    border-radius: 12.5%;
+    filter: grayscale(1) brightness(0.9);
+
+    &:hover {
+      filter: grayscale(1) brightness(0.75);
+    }
+  }
 }
 
 .project-cards {