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

This commit is contained in:
Rok Garbas 2020-06-05 01:13:52 +02:00 committed by GitHub
parent 0a6369ea86
commit ec5839f9fd
Failed to generate hash of commit
3 changed files with 37 additions and 8 deletions

View file

@ -13,6 +13,7 @@ import Html
, header , header
, img , img
, li , li
, span
, text , text
, ul , ul
) )
@ -21,6 +22,7 @@ import Html.Attributes
( class ( class
, classList , classList
, href , href
, id
, src , src
) )
import Page.Home import Page.Home
@ -245,8 +247,18 @@ view model =
] ]
] ]
, div [ class "container main" ] , div [ class "container main" ]
[ viewPage model [ div [ id "content" ] [ viewPage model ]
, footer [] [] , 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 " ]
]
]
] ]
] ]

View file

@ -4,9 +4,11 @@ require("./index.scss");
const {Elm} = require('./Main'); const {Elm} = require('./Main');
Elm.Main.init({flags: { Elm.Main.init({
flags: {
elasticsearchMappingSchemaVersion: process.env.ELASTICSEARCH_MAPPING_SCHEMA_VERSION || 2, elasticsearchMappingSchemaVersion: process.env.ELASTICSEARCH_MAPPING_SCHEMA_VERSION || 2,
elasticsearchUrl: process.env.ELASTICSEARCH_URL || 'https://nixos-search-5886075189.us-east-1.bonsaisearch.net:443', elasticsearchUrl: process.env.ELASTICSEARCH_URL || 'https://nixos-search-5886075189.us-east-1.bonsaisearch.net:443',
elasticsearchUsername : process.env.ELASTICSEARCH_USERNAME || 'z3ZFJ6y2mR', elasticsearchUsername : process.env.ELASTICSEARCH_USERNAME || 'z3ZFJ6y2mR',
elasticsearchPassword : process.env.ELASTICSEARCH_PASSWORD || 'ds8CEvALPf9pui7XG' elasticsearchPassword : process.env.ELASTICSEARCH_PASSWORD || 'ds8CEvALPf9pui7XG'
}}); }
});

View file

@ -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 { header .navbar {
a.brand { a.brand {