Add social media code for Mastodon

3 files changed, 17 insertions, 1 deletions

diff --git a/_layouts/post.html b/_layouts/post.html
index b00fea7..cc5caca 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -14,9 +14,16 @@ layout: default
 	</main>
 	<footer>
 		<p class="text-center">
-			<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">
+			<a class="image-link" rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">
 				<img alt="Creative Commons License" style="border-width:0" src="{{ "/img/cc-by-sa.png" | prepend: site.baseurl }}" />
+			</a>{% if page.social %}
+			<span class="footer-link-seperator"></span>
+			{% for media in page.social %}
+			<a class="image-link" href="{{ media[1] }}">
+				<img alt="{{ media[0] }}" src="{{ media[0] | append: ".png" | prepend: "/img/" | prepend: site.baseurl }}" />
 			</a>
+			{% endfor %}
+			{% endif %}
 		</p>
 		{% if page.authors %}
 			<p>
diff --git a/css/main.less b/css/main.less
index 12ca762..bb22e74 100644
--- a/css/main.less
+++ b/css/main.less
@@ -31,6 +31,15 @@ table {
 	width: 100%;
 }
 
+a.image-link {
+	text-decoration: none;
+}
+
+span.footer-link-seperator {
+	margin: .5rem;
+	overflow: hidden;
+}
+
 figure.highlight, pre.highlight {
 	border: 2px solid @blockBorderColor;
 	background-color: @blockBackgroundColor;
diff --git a/img/mastodon.png b/img/mastodon.png
new file mode 100644
index 0000000..37dbcef
--- /dev/null
+++ b/img/mastodon.png