fix: add a footer

app/views/application/_footer.html.haml

@@ -0,0 +1,11 @@
+.footer.bg-gray-900.text-gray-300.text-sm.p-6
+  .container.mx-auto
+    %p
+      PeachMelpa is open-source. Please consider
+      = link_to 'donating', 'https://en.liberapay.com/freesteph', class: 'font-bold underline'
+      to help with server & maintenance costs.
+
+    %p.mt-2
+      Source available on the
+      = link_to 'freesteph/peach-melpa.org', 'https://github.com/freesteph/peach-melpa.org',class: 'font-bold underline'
+      GitHub repository.

app/views/application/_header.html.haml

@@ -1,4 +1,5 @@
-.container.text-xl.flex.flex-row.space-x-3.mb-2
-  %h1.font-bold= link_to 'Peach Melpa', root_path
-  .logo.h-8.w-8= image_tag 'logo.png', { alt: "PeachMelpa logo" }
-%h2.text-lg.text-gray-600.my-3= @header
+.container.text-center.p-4
+  .brand.flex.justify-center.space-x-3
+    %h1.font-bold.text-xl= link_to 'Peach Melpa', root_path
+    .logo.h-8.w-8= image_tag 'logo.png', { alt: "PeachMelpa logo" }
+  %h2.text-lg.text-gray-600.my-1= @header

app/views/application/_sponsor.html.erb

@@ -0,0 +1 @@
+<script type="text/javascript" src="https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js" data-name="bmc-button" data-slug="freesteph" data-color="#ff7013" data-emoji="🍑"  data-font="Lato" data-text="Support PeachMelpa" data-outline-color="#000000" data-font-color="#000000" data-coffee-color="#FFDD00" ></script>

app/views/layouts/application.html.haml

@@ -19,8 +19,10 @@
 
     = favicon_link_tag asset_path("logo.png")
     %meta{name:"viewport", content:"width=device-width, initial-scale=1"}
-  %body.p-4.bg-gray-200
-    = render 'flash'
-    = render 'header'
-    .main
-      = yield
+  %body.bg-gray-200
+    .container.mx-auto.py-3
+      = render 'flash'
+      = render 'header'
+      .main
+        = yield
+    = render 'footer'