ybbond

My site. The main domain
Log | Files | Refs | README | LICENSE | CC-LICENSE

commit 5207965da8d5f2ee8cad3acb393970c1fd426dcb
parent a538c681708d66a51ba46c4fd1f0cb99895725cd
Author: Yohanes Bandung Bondowoso <hi@ybbond.dev>
Date:   Sun, 28 Jun 2020 23:59:33 +0700

feature: add mastodon reply option

Diffstat:
Massets/content.scss | 10++++++++++
Massets/styles.scss | 2++
Mcontent/posts/About GoatCounter the Analytics Tool I Use.md | 2++
Mcontent/posts/Inclusive Content Sharing/index.md | 2++
Mcontent/posts/On Free Trial and Refund/index.md | 2++
Mcontent/posts/Org-mode with Org-roam/index.md | 2++
Mlayouts/_default/single.html | 21++++++++++++---------

7 files changed, 32 insertions(+), 9 deletions(-)

diff --git a/assets/content.scss b/assets/content.scss
@@ -187,6 +187,16 @@
   }
 }
 
+.twitter-link {
+  margin-bottom: 0.2rem;
+  font-size: 0.9rem;
+}
+
+.mastodon-link {
+  margin-top: 0.2rem;
+  font-size: 0.9rem;
+}
+
 .responses {
   margin-bottom: 3rem;
 
diff --git a/assets/styles.scss b/assets/styles.scss
@@ -408,12 +408,14 @@ time {
 }
 .hcard-top {
   margin: 0 0 0.8rem;
+  font-size: 0.9rem;
 }
 .hcard-tags {
   margin: 0.8rem 0 0.7rem;
 }
 .hcard-bottom {
   margin: 0;
+  font-size: 0.9rem;
 }
 
 .wm-hr {
diff --git a/content/posts/About GoatCounter the Analytics Tool I Use.md b/content/posts/About GoatCounter the Analytics Tool I Use.md
@@ -9,6 +9,8 @@ tags:
   - privacy #privacy
 twitter:
   link: https://twitter.com/ybbond_/status/1264119154606510084
+mastodon:
+  link: https://indieweb.social/web/statuses/104216953461884291
 date: 2020-05-23T00:47:36+0700
 ID: 1590169657
 ---
diff --git a/content/posts/Inclusive Content Sharing/index.md b/content/posts/Inclusive Content Sharing/index.md
@@ -10,6 +10,8 @@ image:
   src: 2.png
 twitter:
   link: https://twitter.com/ybbond_/status/1277262291696627712
+mastodon:
+  link: https://indieweb.social/web/statuses/104422323385996032
 date: 2020-06-28T16:44:38+0700
 ID: 20200628164438
 ---
diff --git a/content/posts/On Free Trial and Refund/index.md b/content/posts/On Free Trial and Refund/index.md
@@ -8,6 +8,8 @@ tags:
   - review #review
 twitter:
   link: https://twitter.com/ybbond_/status/1273787519298007041
+mastodon:
+  link: https://indieweb.social/web/statuses/104367901536889423
 date: 2020-06-17T17:07:22+0700
 ID: 20200617170722
 ---
diff --git a/content/posts/Org-mode with Org-roam/index.md b/content/posts/Org-mode with Org-roam/index.md
@@ -11,6 +11,8 @@ image:
   src: 2.png
 twitter:
   link: https://twitter.com/ybbond_/status/1276920239146450945
+mastodon:
+  link: https://indieweb.social/web/statuses/104416969966573396
 ID: 20200627230528
 ---
 
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
@@ -33,18 +33,21 @@
           <a class="u-url link-white" href={{ .Permalink }}>Published</a> on
           <time title="{{ .Date.Format "Monday, 02 January 2006 on 15:04:05" }} GMT+7" class="dt-published" datetime="{{ .Date.Format "2006-01-02T15:04:05" }}+07:00">
             {{ .Date.Format "02 January 2006" }}</time>,
-          for stories like this:
+          tagged:
+          {{ with .Params.tags }}
+            <span class="hcard-tags">
+              {{ range . }}
+                {{- partial "components/tagitem.html" . -}}
+              {{ end }}
+            </span>
+          {{ end }}
         </p>
-        {{ with .Params.tags }}
-          <p class="hcard-tags">
-            {{ range . }}
-              {{- partial "components/tagitem.html" . -}}
-            {{ end }}
-          </p>
-        {{ end }}
         {{ if ne .Type "page" -}}
           {{- if isset .Params.Twitter "link" }}
-            <p><strong>Comment is unavailable for now</strong>, sorry :( You can comment on this twitter link instead, that will be linked to this post: <a target="_blank" rel="nofollow noreferrer" href={{ .Params.Twitter.Link }}>»Twitter Link«</a></p>
+            <p class="twitter-link"><strong>Comment is unavailable for now</strong>, sorry :( You can reply this tweet, that will be linked to this post: <a target="_blank" rel="nofollow noreferrer" href={{ .Params.Twitter.Link }}>»Twitter Link«</a></p>
+            {{ if isset .Params.Mastodon "link" -}}
+            <p class="mastodon-link">If you prefer fediverse, you can reply this Toot instead: <a target="_blank" rel="nofollow noreferrer" href={{ .Params.Mastodon.Link }}>»Mastodon Link«</a></p>
+            {{ end -}}
           {{- end }}
           <p class="hcard-bottom">If you have any feedback, please contact me at <a title="Open default mail client and add my email as recipient" href="mailto:hi@ybbond.dev">hi@ybbond.dev</a></p>
         {{ end -}}