From e54799aa7d4c6f6e1e4ce190f87817b137be98eb Mon Sep 17 00:00:00 2001
From: "kitsunyan@airmail.cc" <kitsunyan@airmail.cc>
Date: Fri, 26 Mar 2021 23:47:58 +0300
Subject: [PATCH] Debloat footer

---
 _includes/footer.html | 18 ++++++++++++++++++
 _sass/custom.scss     | 21 ++++++++++++++++++++-
 2 files changed, 38 insertions(+), 1 deletion(-)
 create mode 100644 _includes/footer.html

diff --git a/_includes/footer.html b/_includes/footer.html
new file mode 100644
index 00000000..e961bbea
--- /dev/null
+++ b/_includes/footer.html
@@ -0,0 +1,18 @@
+<footer class="site-footer h-card">
+  <data class="u-url" href="{{ "/" | relative_url }}"></data>
+
+  <div class="wrapper">
+
+    <div class="footer-col-wrapper">
+      <div class="footer-col footer-col-1">
+        <p>{{- site.description | escape -}}</p>
+      </div>
+
+      <div class="footer-col footer-col-2">
+        {%- include social.html -%}
+      </div>
+    </div>
+
+  </div>
+
+</footer>
diff --git a/_sass/custom.scss b/_sass/custom.scss
index 3d58296f..85418433 100644
--- a/_sass/custom.scss
+++ b/_sass/custom.scss
@@ -10,4 +10,23 @@
 .translation {
 	font-family: "Noto Color Emoji", sans-serif;
 	font-size: 2em;
-}
\ No newline at end of file
+}
+
+.footer-col-1, .footer-col-2 {
+	width: -webkit-calc(100% - (30px / 2));
+	width: calc(100% - (30px / 2));
+}
+
+// .footer-col-wrapper becomes "display: flex" on "min-width: 800px"
+@media screen and (min-width: 800px) {
+	.footer-col-1 {
+		width: -webkit-calc(70% - (30px / 2));
+		width: calc(70% - (30px / 2));
+	}
+	
+	.footer-col-2 {
+		text-align: right;
+		width: -webkit-calc(30% - (30px / 2));
+		width: calc(30% - (30px / 2));
+	}
+}