Merge pull request #37 from hw0lff/mastodon

Add mastodon icon-link and fediverse tags

Author: micahkepe

README.md

@@ -45,6 +45,7 @@ site demo [here](https://micahkepe.com/radion/).
     - [Defining Author(s) Per\-Page](#defining-authors-per-page)
   - [Favicon](#favicon)
   - [GitHub](#github)
+  - [Fediverse and Mastodon](#fediverse-and-mastodon)
   - [Code Snippets](#code-snippets)
     - [Syntax Highlighting:](#syntax-highlighting)
     - [Enhanced Codeblocks (Clipboard Support and Language Tags)](#enhanced-codeblocks-clipboard-support-and-language-tags)
@@ -207,6 +208,25 @@ To enable a GitHub reference link in the header, set the following in your
 github = "https://github.com/your-github-link"
 ```
 
+### Fediverse and Mastodon
+
+In your `config.toml` you can set options related to the Fediverse and
+explicitly Mastodon.
+
+To enable author attribution, set the `extra.fediverse.creator` option to your
+account address. To enable website verification, set the
+`extra.fediverse.rel_me` option to a link to your profile.
+
+Set the `extra.mastodon` field to a link to your Mastodon account to show a
+Mastodon logo with this link.
+
+```toml
+[extra]
+fediverse.creator = "@username@my.instance.example.com"
+fediverse.rel_me = "https://my.instance.example.com/@username"
+mastodon = "https://my.instance.example.com/@username"
+```
+
 ### Code Snippets
 
 #### Syntax Highlighting:

config.toml

@@ -36,6 +36,9 @@ index_format = "elasticlunr_json"
 [extra]
 author = "Micah Kepe"
 github = "https://github.com/micahkepe/radion"
+fediverse.creator = "@username@my.instance.example.com"
+fediverse.rel_me = "https://my.instance.example.com/@username"
+mastodon = "https://my.instance.example.com/@username"
 radion_menu = [
     {url = "$BASE_URL/", name = "Home"},
     {url = "$BASE_URL/categories", name = "Categories"},

content/configuration/index.md

@@ -168,6 +168,25 @@ To enable a GitHub reference link in the header, set the following in your
 github = "https://github.com/your-github-link"
 ```
 
+### Fediverse and Mastodon
+
+In your `config.toml` you can set options related to the Fediverse and
+explicitly Mastodon.
+
+To enable author attribution, set the `extra.fediverse.creator` option to your
+account address. To enable website verification, set the
+`extra.fediverse.rel_me` option to a link to your profile.
+
+Set the `extra.mastodon` field to a link to your Mastodon account
+to show a Mastodon logo with this link.
+
+```toml
+[extra]
+fediverse.creator = "@username@my.instance.example.com"
+fediverse.rel_me = "https://my.instance.example.com/@username"
+mastodon = "https://my.instance.example.com/@username"
+```
+
 ### Code Snippets
 
 #### Syntax Highlighting:

static/icons/mastodon.svg

@@ -55,6 +55,13 @@
     />
     <meta name="twitter:title" content="{% block twitter_title %}{{ title }}{% endblock twitter_title %}" />
 
+    <!-- Additional Fediverse Tags -->
+    {% if config.extra.fediverse.creator %}
+    <meta name="fediverse:creator" content="{{ config.extra.fediverse.creator }}" />
+    {% endif %} {% if config.extra.fediverse.rel_me %}
+    <link rel="me" href="{{ config.extra.fediverse.rel_me }}" />
+    {% endif %}
+
     <!-- Cover images -->
     {% set cover_image = config.base_url ~ "/icons/favicon/web-app-manifest-512x512.png" %}
     {% if page and page.extra.cover_image and page.assets %}

templates/_base.html

@@ -81,6 +81,19 @@
           class="social-icon"
         />
       </a>
+      {% endif %} {% if config.extra.mastodon %}
+      <a
+        href="{{ config.extra.mastodon }}"
+        class="feed-icon"
+        rel="noopener noreferrer"
+      >
+        <img
+          src="{{ get_url(path='icons/mastodon.svg') }}"
+          id="mastodon-icon"
+          alt="Mastodon"
+          class="social-icon"
+        />
+      </a>
       {% endif %}
     </aside>
   </section>