From 6163288dfca68446b20b91b4ad553492847010a6 Mon Sep 17 00:00:00 2001
From: Romein van Buren <romein@vburen.nl>
Date: Fri, 2 Jun 2023 20:58:04 +0200
Subject: [PATCH] Added Fosstodon link to website and readme

---
 .github/fosstodon-badge.svg         | 1 +
 README.md                           | 2 +-
 website/includes/githubstars.liquid | 6 ++++--
 website/includes/mastodon.liquid    | 6 ++++++
 website/layouts/page.liquid         | 5 ++++-
 website/sass/styles.scss            | 9 ++++++++-
 6 files changed, 24 insertions(+), 5 deletions(-)
 create mode 100644 .github/fosstodon-badge.svg
 create mode 100644 website/includes/mastodon.liquid

diff --git a/.github/fosstodon-badge.svg b/.github/fosstodon-badge.svg
new file mode 100644
index 0000000..7b5adc5
--- /dev/null
+++ b/.github/fosstodon-badge.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="83" height="20" role="img" aria-label="Fosstodon"><title>Fosstodon</title><linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#bbb" stop-opacity=".1"/><stop offset="1" stop-opacity=".1"/></linearGradient><clipPath id="r"><rect width="83" height="20" rx="3" fill="#fff"/></clipPath><g clip-path="url(#r)"><rect width="0" height="20" fill="#555"/><rect x="0" width="83" height="20" fill="#ddd"/><rect width="83" height="20" fill="url(#s)"/></g><g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110"><image x="5" y="3" width="14" height="14" xlink:href="data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNjM2NEZGIiByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+TWFzdG9kb248L3RpdGxlPjxwYXRoIGQ9Ik0yMy4yNjggNS4zMTNjLS4zNS0yLjU3OC0yLjYxNy00LjYxLTUuMzA0LTUuMDA0QzE3LjUxLjI0MiAxNS43OTIgMCAxMS44MTMgMGgtLjAzYy0zLjk4IDAtNC44MzUuMjQyLTUuMjg4LjMwOUMzLjg4Mi42OTIgMS40OTYgMi41MTguOTE3IDUuMTI3LjY0IDYuNDEyLjYxIDcuODM3LjY2MSA5LjE0M2MuMDc0IDEuODc0LjA4OCAzLjc0NS4yNiA1LjYxMS4xMTggMS4yNC4zMjUgMi40Ny42MiAzLjY4LjU1IDIuMjM3IDIuNzc3IDQuMDk4IDQuOTYgNC44NTcgMi4zMzYuNzkyIDQuODQ5LjkyMyA3LjI1Ni4zOC4yNjUtLjA2MS41MjctLjEzMi43ODYtLjIxMy41ODUtLjE4NCAxLjI3LS4zOSAxLjc3NC0uNzUzYS4wNTcuMDU3IDAgMCAwIC4wMjMtLjA0M3YtMS44MDlhLjA1Mi4wNTIgMCAwIDAtLjAyLS4wNDEuMDUzLjA1MyAwIDAgMC0uMDQ2LS4wMSAyMC4yODIgMjAuMjgyIDAgMCAxLTQuNzA5LjU0NWMtMi43MyAwLTMuNDYzLTEuMjg0LTMuNjc0LTEuODE4YTUuNTkzIDUuNTkzIDAgMCAxLS4zMTktMS40MzMuMDUzLjA1MyAwIDAgMSAuMDY2LS4wNTRjMS41MTcuMzYzIDMuMDcyLjU0NiA0LjYzMi41NDYuMzc2IDAgLjc1IDAgMS4xMjUtLjAxIDEuNTctLjA0NCAzLjIyNC0uMTI0IDQuNzY4LS40MjIuMDM4LS4wMDguMDc3LS4wMTUuMTEtLjAyNCAyLjQzNS0uNDY0IDQuNzUzLTEuOTIgNC45ODktNS42MDQuMDA4LS4xNDUuMDMtMS41Mi4wMy0xLjY3LjAwMi0uNTEyLjE2Ny0zLjYzLS4wMjQtNS41NDV6bS0zLjc0OCA5LjE5NWgtMi41NjFWOC4yOWMwLTEuMzA5LS41NS0xLjk3Ni0xLjY3LTEuOTc2LTEuMjMgMC0xLjg0Ni43OS0xLjg0NiAyLjM1djMuNDAzaC0yLjU0NlY4LjY2M2MwLTEuNTYtLjYxNy0yLjM1LTEuODQ4LTIuMzUtMS4xMTIgMC0xLjY2OC42NjgtMS42NyAxLjk3N3Y2LjIxOEg0LjgyMlY4LjEwMmMwLTEuMzEuMzM3LTIuMzUgMS4wMTEtMy4xMi42OTYtLjc3IDEuNjA4LTEuMTY0IDIuNzQtMS4xNjQgMS4zMTEgMCAyLjMwMi41IDIuOTYyIDEuNDk4bC42MzggMS4wNi42MzgtMS4wNmMuNjYtLjk5OSAxLjY1LTEuNDk4IDIuOTYtMS40OTggMS4xMyAwIDIuMDQzLjM5NSAyLjc0IDEuMTY0LjY3NS43NyAxLjAxMiAxLjgxIDEuMDEyIDMuMTJ6Ii8+PC9zdmc+"/><text aria-hidden="true" x="505" y="150" fill="#ccc" fill-opacity=".3" transform="scale(.1)" textLength="550">Fosstodon</text><text x="505" y="140" transform="scale(.1)" fill="#333" textLength="550">Fosstodon</text></g></svg>
\ No newline at end of file
diff --git a/README.md b/README.md
index 3cc99bd..3864111 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
 
 Robust, blazing-fast, comprehensive, yet simple [MongoDB](https://www.mongodb.com/) administration tool for Windows, macOS and Linux.
 
-[![CI](https://github.com/garraflavatra/rolens/actions/workflows/ci.yml/badge.svg)](https://github.com/garraflavatra/rolens/actions/workflows/ci.yml) [![Documentation](./.github/docs-badge.svg)](https://garraflavatra.github.io/rolens)
+<a href="https://github.com/garraflavatra/rolens/actions/workflows/ci.yml" target="_blank"><img src="https://github.com/garraflavatra/rolens/actions/workflows/ci.yml/badge.svg" alt="CI" /></a> <a target="_blank" href="https://garraflavatra.github.io/rolens"><img src="./.github/docs-badge.svg" alt="Documentation" /></a> <a href="https://fosstodon.org/@rolens" target="_blank" rel="me"><img src="./.github/fosstodon-badge.svg" alt="Fosstodon" /></a>
 
 ## Why another MongoDB client?
 
diff --git a/website/includes/githubstars.liquid b/website/includes/githubstars.liquid
index 31f3f14..64432b7 100644
--- a/website/includes/githubstars.liquid
+++ b/website/includes/githubstars.liquid
@@ -1,5 +1,7 @@
-<a class="githubstars" href="https://github.com/garraflavatra/rolens" target="_blank">
-  <span class="star">★</span>
+<a class="socialbadge" href="https://github.com/garraflavatra/rolens" target="_blank">
+  <span class="star">
+    <svg class="icon" viewBox="0 0 16 16"><path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/></svg>
+  </span>
 
   {% if github.stars %}
   <span class="count">{{ github.stars }}</span>
diff --git a/website/includes/mastodon.liquid b/website/includes/mastodon.liquid
new file mode 100644
index 0000000..4809853
--- /dev/null
+++ b/website/includes/mastodon.liquid
@@ -0,0 +1,6 @@
+<a href="https://fosstodon.org/@rolens" class="socialbadge" rel="me">
+  <span class="toot">
+    <svg fill="#6364ff" class="icon" viewBox="0 0 16 16"><path d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a3.614 3.614 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522c0-.859.22-1.541.66-2.046.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764.442.505.661 1.187.661 2.046v4.203z"/></svg>
+  </span>
+  Follow @rolens on Fosstodon
+</a>
diff --git a/website/layouts/page.liquid b/website/layouts/page.liquid
index 8d299c1..2deb113 100644
--- a/website/layouts/page.liquid
+++ b/website/layouts/page.liquid
@@ -55,7 +55,10 @@ navigationOptions:
         <a href="{{ github.pageSourceUrl }}" target="_blank">edit the page</a>
         on GitHub.
       </p>
-      <p>{% render "githubstars" %}</p>
+      <p>
+        {% render "githubstars" %}
+        {% render "mastodon" %}
+      </p>
       <p>
         © <a href="mailto:romein@vburen.nl">Romein van Buren</a> 2023.
         The <a href="{{ meta.repoUrl }}">source code</a> and compiled
diff --git a/website/sass/styles.scss b/website/sass/styles.scss
index 9cb2cf1..c3f909d 100644
--- a/website/sass/styles.scss
+++ b/website/sass/styles.scss
@@ -268,16 +268,23 @@ article {
 
 // MISC
 
-.githubstars {
+.socialbadge {
   display: inline-block;
   text-decoration: none;
   color: #000;
   background-color: #ddd;
   padding: 0 4px;
   border-radius: 2px;
+  margin: 0 0 4px 0;
   box-shadow: 0 1.25px #aaa;
 
   &:hover { background-color: #ccc; }
   .star { color: #a69e2c; }
+  .toot { color: #595aff; }
   .count { font-weight: 700; margin-right: 8px; }
+
+  svg {
+    fill: currentColor;
+    stroke: none;
+  }
 }