adding a footer and a thank you to bonsai (#57)

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 ❤️ " ]
+                    ]
+                ]
             ]
         ]
 

src/index.js

@@ -4,9 +4,11 @@ require("./index.scss");
 
 const {Elm} = require('./Main');
 
-Elm.Main.init({flags: {
+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'
-}});
+  }
+});

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 {