bsky links

mcfunley · Oct 29, 2024 · b546581 · b546581
1 parent 88d21f1
commit b546581
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 40 deletions.
diff --git a/index.html b/index.html
@@ -27,18 +27,10 @@ <h1>Data Driven Products Now!</h1>
       </p>
 
       <div class="share">
-        <a class="twitter-share-button" href="https://twitter.com/intent/tweet"
-           data-via="mcfunley"
-           data-size="large">
-          Tweet
+        <a class="bsky" href="https://bsky.app/profile/mcfunley.bsky.social">
+          <svg fill="none" viewBox="0 0 64 57" width="28" style="width: 28px; height: 24.9375px;"><path fill="#0085ff" d="M13.873 3.805C21.21 9.332 29.103 20.537 32 26.55v15.882c0-.338-.13.044-.41.867-1.512 4.456-7.418 21.847-20.923 7.944-7.111-7.32-3.819-14.64 9.125-16.85-7.405 1.264-15.73-.825-18.014-9.015C1.12 23.022 0 8.51 0 6.55 0-3.268 8.579-.182 13.873 3.805ZM50.127 3.805C42.79 9.332 34.897 20.537 32 26.55v15.882c0-.338.13.044.41.867 1.512 4.456 7.418 21.847 20.923 7.944 7.111-7.32 3.819-14.64-9.125-16.85 7.405 1.264 15.73-.825 18.014-9.015C62.88 23.022 64 8.51 64 6.55c0-9.818-8.578-6.732-13.873-2.745Z"></path></svg>
+          <span class="handle">@mcfunley.bsky.social</span>
         </a>
-
-        <a class="twitter-follow-button" href="https://twitter.com/mcfunley"
-           data-show-count="false"
-           data-size="large">
-          Follow @mcfunley
-        </a>
-
       </div>
     </header>
 
@@ -930,18 +922,10 @@ <h1>Data Driven Products Now!</h1>
 
     <footer>
       <div class="share">
-        <a class="twitter-share-button" href="https://twitter.com/intent/tweet"
-           data-via="mcfunley"
-           data-size="large">
-          Tweet
+        <a class="bsky" href="https://bsky.app/profile/mcfunley.bsky.social">
+          <svg fill="none" viewBox="0 0 64 57" width="28" style="width: 28px; height: 24.9375px;"><path fill="#0085ff" d="M13.873 3.805C21.21 9.332 29.103 20.537 32 26.55v15.882c0-.338-.13.044-.41.867-1.512 4.456-7.418 21.847-20.923 7.944-7.111-7.32-3.819-14.64 9.125-16.85-7.405 1.264-15.73-.825-18.014-9.015C1.12 23.022 0 8.51 0 6.55 0-3.268 8.579-.182 13.873 3.805ZM50.127 3.805C42.79 9.332 34.897 20.537 32 26.55v15.882c0-.338.13.044.41.867 1.512 4.456 7.418 21.847 20.923 7.944 7.111-7.32 3.819-14.64-9.125-16.85 7.405 1.264 15.73-.825 18.014-9.015C62.88 23.022 64 8.51 64 6.55c0-9.818-8.578-6.732-13.873-2.745Z"></path></svg>
+          <span class="handle">@mcfunley.bsky.social</span>
         </a>
-
-        <a class="twitter-follow-button" href="https://twitter.com/mcfunley"
-           data-show-count="false"
-           data-size="large">
-          Follow @mcfunley
-        </a>
-
       </div>
 
       <p><a class="club-index" href="http://dotclub.club">Check out my other clubs</a></p>
@@ -952,23 +936,5 @@ <h1>Data Driven Products Now!</h1>
       </p>
     </footer>
 
-    <script>
-     window.twttr = (function(d, s, id) {
-       var js, fjs = d.getElementsByTagName(s)[0],
-           t = window.twttr || {};
-       if (d.getElementById(id)) return t;
-       js = d.createElement(s);
-       js.id = id;
-       js.src = "https://platform.twitter.com/widgets.js";
-       fjs.parentNode.insertBefore(js, fjs);
-
-       t._e = [];
-       t.ready = function(f) {
-         t._e.push(f);
-       };
-
-       return t;
-     }(document, "script", "twitter-wjs"));
-    </script>
   </body>
 </html>
diff --git a/presentation.css b/presentation.css
@@ -153,6 +153,25 @@ a:hover, a:active, a:focus {
   text-decoration: underline;
 }
 
+.bsky {
+  display: inline-flex;
+  align-items: center;
+}
+.bsky .handle {
+  margin-left: 10px;
+}
+.share a, .share a:visited {
+  color: #333;
+  font-weight: 500;
+  text-decoration: none;
+}
+.share a:hover {
+  text-decoration: none;
+  color: #555;
+}
+.share {
+  text-align: center;
+}
 
 .club-index {
   display: inline-block;