From 92f4799f50c94f2de1d3d94b0fb20ff6d93614eb Mon Sep 17 00:00:00 2001
From: Adam Carpenter <gitlab@53hor.net>
Date: Sat, 26 Oct 2019 15:27:12 -0400
Subject: Added FB social sharing link to posts.

---
 _includes/social-share-fb.liquid | 19 +++++++++++++++++++
 _includes/social-share.liquid    | 14 ++++++++++++++
 _layouts/post.liquid             |  7 ++++++-
 3 files changed, 39 insertions(+), 1 deletion(-)
 create mode 100644 _includes/social-share-fb.liquid
 create mode 100644 _includes/social-share.liquid

diff --git a/_includes/social-share-fb.liquid b/_includes/social-share-fb.liquid
new file mode 100644
index 0000000..843e511
--- /dev/null
+++ b/_includes/social-share-fb.liquid
@@ -0,0 +1,19 @@
+<div id="fb-root"></div>
+<script async 
+        defer
+        crossorigin="anonymous"
+        src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v4.0">
+</script>
+
+{% assign link = "https://53hor.net/" | append: page.permalink | escape %}
+
+<div class="button is-rounded"
+     data-href={{ link }}
+     data-layout="button_count"
+     data-size="small">
+    <a target="_blank"
+       href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2F53hor.net%2F&amp;src=sdkpreparse"
+       class="fb-xfbml-parse-ignore">
+        Share to Facebook
+    </a>
+</div>
diff --git a/_includes/social-share.liquid b/_includes/social-share.liquid
new file mode 100644
index 0000000..acbf29d
--- /dev/null
+++ b/_includes/social-share.liquid
@@ -0,0 +1,14 @@
+<aside class="menu">
+    <p class="menu-label has-text-centered">
+    Social Sharing
+    </p>
+
+    <nav class="level">
+        <div class="level-item has-text-centered">
+            {% include social-share-fb.liquid %}
+        </div>
+    </nav>
+
+</aside>
+
+
diff --git a/_layouts/post.liquid b/_layouts/post.liquid
index a23d51f..ca9bf8c 100644
--- a/_layouts/post.liquid
+++ b/_layouts/post.liquid
@@ -60,7 +60,12 @@
                     </div>
 
                     <div class="column is-narrow">
-                        {% include posts-similar.liquid %}
+                        <div class="section">
+                            {% include social-share.liquid %}
+                        </div>
+                        <div class="section">
+                            {% include posts-similar.liquid %}
+                        </div>
                     </div>
                 </div>
             </div>
-- 
cgit v1.2.3