From 850ff9bc7863264170cb1da3d12e1b912cc79295 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?St=C3=A9phane=20Maniaci?= <stephane.maniaci@gmail.com>
Date: Sat, 16 Jan 2021 11:56:34 +0000
Subject: [PATCH] fix: add a footer

---
 app/views/application/_footer.html.haml | 11 +++++++++++
 app/views/application/_header.html.haml |  9 +++++----
 app/views/application/_sponsor.html.erb |  1 +
 app/views/layouts/application.html.haml | 12 +++++++-----
 4 files changed, 24 insertions(+), 9 deletions(-)
 create mode 100644 app/views/application/_footer.html.haml
 create mode 100644 app/views/application/_sponsor.html.erb

diff --git a/app/views/application/_footer.html.haml b/app/views/application/_footer.html.haml
new file mode 100644
index 0000000..aca7acf
--- /dev/null
+++ b/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.
diff --git a/app/views/application/_header.html.haml b/app/views/application/_header.html.haml
index f6d3509..a7d12e9 100644
--- a/app/views/application/_header.html.haml
+++ b/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
diff --git a/app/views/application/_sponsor.html.erb b/app/views/application/_sponsor.html.erb
new file mode 100644
index 0000000..7ee83ec
--- /dev/null
+++ b/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>
diff --git a/app/views/layouts/application.html.haml b/app/views/layouts/application.html.haml
index db3bac1..f578310 100644
--- a/app/views/layouts/application.html.haml
+++ b/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'