footer: add "follow us" section

* scss/style.scss (.mastadon-icon .follow-block): New classes.
* static/includes/follow.html: New file.
* static/includes/footer.html: Include follow.html

2 files changed, 19 insertions, 0 deletions

diff --git a/static/includes/follow.html b/static/includes/follow.html
new file mode 100644
index 0000000..4cf31d3
--- /dev/null
+++ b/static/includes/follow.html
@@ -0,0 +1,16 @@
+<div class="content is-small has-text-centered">
+    <div class="follow-block">
+        <p class="is-sr-only">Follow us</p>
+        <ul>
+            <li><a class="follow-link" rel="me"
+                   href="https://social.masto.host/@fsfi">
+                <span class="mastadon-icon"></span>
+                <span class="is-sr-only">Mastadon</span></a>
+            </li>
+            <li><a class="follow-link" href="/news/feed.atom">
+                <span class="feed-icon"></span>
+                <span class="is-sr-only">News Feed</span></a>
+            </li>
+        </ul>
+    </div>
+</div>
diff --git a/static/includes/footer.html b/static/includes/footer.html
index d0066b6..a9a408f 100755
--- a/static/includes/footer.html
+++ b/static/includes/footer.html
@@ -1,5 +1,8 @@
 <!-- start footer -->
 <footer class="footer">
+
+  <!--#include virtual="/includes/follow.html"-->
+
   <div class="content is-small">
     <p>Copyright &copy; 2002-2020 Free Software Foundation of India.</p>