Decorate footer component using bootstrap-icon

Author: malkoG

frontend/styles/index.css

@@ -1,4 +1,5 @@
 /* If you need to add @import statements, do so up here */
+@import "bootstrap-icons/font/bootstrap-icons.css";
 
 @import "jit-refresh.css"; /* triggers frontend rebuilds */
 @import "rouge-emacs-theme.css";
@@ -94,7 +95,7 @@ body > nav a {
 }
 
 main {
-  margin: 2rem auto 4rem;
+  margin: 2rem auto 2rem;
   max-width: 65rem;
   min-height: calc(100vh - 200px);
   padding: 25px 25px 50px;
@@ -109,7 +110,7 @@ main {
 
 footer {
   text-align: center;
-  margin-bottom: 4rem;
+  margin-bottom: 2rem;
   font-size: 1em;
 }
 

package.json

@@ -17,6 +17,7 @@
     "tailwindcss": "^3.0.23"
   },
   "dependencies": {
+    "bootstrap-icons": "^1.8.1",
     "pretendard": "^1.2.2"
   }
 }

src/_components/footer.liquid

@@ -1,3 +1,11 @@
-<footer>
-  Contact me at <a href="mailto:{{ metadata.email }}">{{ metadata.email }}</a>
-</footer>
+<footer class="flex justify-start sm:justify-center flex-col sm:flex-row">
+  <a class="my-2 mx-3 no-underline" href="{{ '/feed.xml' | relative_url }}">
+    <i class="bi bi-rss-fill text-2xl"></i> Feed
+  </a>
+  <a class="my-2 mx-3 no-underline" href="mailto:{{ metadata.email }}">
+    <i class="bi bi-envelope-fill text-2xl"></i> Email
+  </a>
+  <a class="my-2 mx-3 no-underline" href="https://twitter.com/kodingwarrior">
+    <i class="bi bi-twitter text-2xl"></i> Twitter
+  </a>
+</footer>

yarn.lock

@@ -199,6 +199,11 @@ binary-extensions@^2.0.0:
   resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
   integrity sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==
 
+bootstrap-icons@^1.8.1:
+  version "1.8.1"
+  resolved "https://registry.yarnpkg.com/bootstrap-icons/-/bootstrap-icons-1.8.1.tgz#773c1625bcbf3e86090ea9da4386c2c6459c5582"
+  integrity sha512-IXUqislddPJfwq6H+2nTkHyr9epO9h6u1AG0OZCx616w+TgzeoCjfmI3qJMQqt1J586gN2IxzB4M99Ip4sTZ1w==
+
 brace-expansion@^1.1.7:
   version "1.1.11"
   resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"