From ec5839f9fd49fa6547d5acdc08b1313f5fae8703 Mon Sep 17 00:00:00 2001
From: Rok Garbas <rok@garbas.si>
Date: Fri, 5 Jun 2020 01:13:52 +0200
Subject: [PATCH] adding a footer and a thank you to bonsai (#57)

---
 src/Main.elm   | 16 ++++++++++++++--
 src/index.js   | 14 ++++++++------
 src/index.scss | 15 +++++++++++++++
 3 files changed, 37 insertions(+), 8 deletions(-)

diff --git a/src/Main.elm b/src/Main.elm
index b354407..01b396b 100644
--- a/src/Main.elm
+++ b/src/Main.elm
@@ -13,6 +13,7 @@ import Html
         , header
         , img
         , li
+        , span
         , text
         , ul
         )
@@ -21,6 +22,7 @@ import Html.Attributes
         ( class
         , classList
         , href
+        , id
         , src
         )
 import Page.Home
@@ -245,8 +247,18 @@ view model =
                 ]
             ]
         , div [ class "container main" ]
-            [ viewPage model
-            , footer [] []
+            [ div [ id "content" ] [ viewPage model ]
+            , footer
+                [ class "container text-center" ]
+                [ div []
+                    [ span [] [ text "Elasticsearch instance graciously provided by " ]
+                    , a [ href "https://bonsai.io" ] [ text "Bonsai" ]
+                    , span [] [ text "." ]
+                    ]
+                , div []
+                    [ span [] [ text "❤️  Thank you ❤️ " ]
+                    ]
+                ]
             ]
         ]
 
diff --git a/src/index.js b/src/index.js
index 89db813..0277561 100644
--- a/src/index.js
+++ b/src/index.js
@@ -4,9 +4,11 @@ require("./index.scss");
 
 const {Elm} = require('./Main');
 
-Elm.Main.init({flags: {
-  elasticsearchMappingSchemaVersion: process.env.ELASTICSEARCH_MAPPING_SCHEMA_VERSION || 2,
-  elasticsearchUrl: process.env.ELASTICSEARCH_URL || 'https://nixos-search-5886075189.us-east-1.bonsaisearch.net:443',
-  elasticsearchUsername : process.env.ELASTICSEARCH_USERNAME || 'z3ZFJ6y2mR',
-  elasticsearchPassword : process.env.ELASTICSEARCH_PASSWORD || 'ds8CEvALPf9pui7XG'
-}});
+Elm.Main.init({
+  flags: {
+    elasticsearchMappingSchemaVersion: process.env.ELASTICSEARCH_MAPPING_SCHEMA_VERSION || 2,
+    elasticsearchUrl: process.env.ELASTICSEARCH_URL || 'https://nixos-search-5886075189.us-east-1.bonsaisearch.net:443',
+    elasticsearchUsername : process.env.ELASTICSEARCH_USERNAME || 'z3ZFJ6y2mR',
+    elasticsearchPassword : process.env.ELASTICSEARCH_PASSWORD || 'ds8CEvALPf9pui7XG'
+  }
+});
diff --git a/src/index.scss b/src/index.scss
index 4a5fba6..b0e43f8 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -1,3 +1,18 @@
+body {
+  position: relative;
+  min-height: 100vh;
+}
+
+#content {
+  padding-bottom: 4rem;
+}
+
+footer {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  height: 4rem;
+}
 
 header .navbar {
   a.brand {