From 4600e9f3e301ea68abff0a58d746d2583e0fbf92 Mon Sep 17 00:00:00 2001
From: Chris Kankiewicz <Chris@ChrisKankiewicz.com>
Date: Sat, 4 Jan 2020 16:49:35 -0700
Subject: [PATCH] Extracted footer to a dedicated component and added it to the
 404 page

---
 app/resources/views/404.twig               |  2 ++
 app/resources/views/components/footer.twig | 13 +++++++++++++
 app/resources/views/index.twig             | 14 +-------------
 3 files changed, 16 insertions(+), 13 deletions(-)
 create mode 100644 app/resources/views/components/footer.twig

diff --git a/app/resources/views/404.twig b/app/resources/views/404.twig
index d1aa6e3..44450ea 100644
--- a/app/resources/views/404.twig
+++ b/app/resources/views/404.twig
@@ -9,5 +9,7 @@
                 404 &bull; Not Found
             </p>
         </div>
+
+        {% include 'components/footer.twig' %}
     </div>
 {% endblock %}
diff --git a/app/resources/views/components/footer.twig b/app/resources/views/components/footer.twig
new file mode 100644
index 0000000..4b344e9
--- /dev/null
+++ b/app/resources/views/components/footer.twig
@@ -0,0 +1,13 @@
+<footer class="container border-t-2 border-gray-800 text-center mx-auto px-4 py-8">
+    <div class="pb-2">
+        Powered by <a href="https://www.directorylister.com" class="underline hover:text-blue-700">Directory Lister</a>
+
+        <a href="https://twitter.com/DirectoryLister" title="Twitter" class="text-gray-400 hover:text-twitter">
+            <i class="fab fa-twitter"></i>
+        </a>
+
+        <a href="https://github.com/DirectoryLister/DirectoryLister" title="GitHub" class="text-gray-400 hover:text-gray-800">
+            <i class="fab fa-github"></i>
+        </a>
+    </div>
+</footer>
diff --git a/app/resources/views/index.twig b/app/resources/views/index.twig
index d1cdee2..c320719 100644
--- a/app/resources/views/index.twig
+++ b/app/resources/views/index.twig
@@ -31,19 +31,7 @@
         </ul>
     </div>
 
-    <footer class="container border-t-2 border-gray-800 text-center mx-auto px-4 py-8">
-        <div class="pb-2">
-            Powered by <a href="https://www.directorylister.com" class="underline hover:text-blue-700">Directory Lister</a>
-
-            <a href="https://twitter.com/DirectoryLister" title="Twitter" class="text-gray-400 hover:text-twitter">
-                <i class="fab fa-twitter"></i>
-            </a>
-
-            <a href="https://github.com/DirectoryLister/DirectoryLister" title="GitHub" class="text-gray-400 hover:text-gray-800">
-                <i class="fab fa-github"></i>
-            </a>
-        </div>
-    </footer>
+    {% include 'components/footer.twig' %}
 
     <a id="scroll-to-top"
         onclick="window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });"