diff --git a/app/assets/stylesheets/theme.scss b/app/assets/stylesheets/theme.scss index f66bfe3..47dfae3 100755 --- a/app/assets/stylesheets/theme.scss +++ b/app/assets/stylesheets/theme.scss @@ -21,14 +21,28 @@ padding: 0px; } -body { - background: #ffffff; - margin: 0; - height: 100%; +$footerHeight: 60px; + +body { + background: #ffffff; + margin: 0; + height: 100%; color: #384452; font-family: 'Lato', sans-serif; font-weight: 400; - } + /* Margin bottom by footer height */ + margin-bottom: $footerHeight; +} + +.footer { + position: fixed; + bottom: 0; + width: 100%; + /* Set the fixed height of the footer here */ + height: $footerHeight; + background-color: #f5f5f5; + color: #384452; +} h1, h2, h3, h4, h5, h6 { font-family: 'Raleway', sans-serif; diff --git a/app/views/components/_footer.html.erb b/app/views/components/_footer.html.erb new file mode 100644 index 0000000..69b7fea --- /dev/null +++ b/app/views/components/_footer.html.erb @@ -0,0 +1,18 @@ + + diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index 8c39825..b35b93f 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -16,6 +16,8 @@ +<%= render 'components/footer' %> + <%= render 'components/google_analytics' %> <%= yield :javascripts %>