Add footer and background

uhepp-js/src/common.scss

@@ -73,3 +73,48 @@ dd {
   display: flex;
   justify-content: space-between;
 }
+
+html {
+  position: relative;
+  min-height: 100%;
+}
+body {
+  margin-bottom: 10rem;
+}
+
+.page-footer {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  height: 10rem;
+  padding-top: 4rem;
+  font-size: smaller;
+  @extend .text-muted;
+  a {
+    color: theme-color("dark");
+    &:hover {
+      color: theme-color("primary");
+    }
+  }
+
+  ul {
+    list-style: none;
+  }
+}
+
+@include media-breakpoint-up(md) { 
+  .plot-background {
+    background-image: url('/static/uhepp_vault/background.png');
+    background-repeat: no-repeat;
+    background-position: 100% 100%;
+    background-size: contain;
+  }
+}
+@include media-breakpoint-up(lg) { 
+  .plot-background {
+    background-image: url('/static/uhepp_vault/background.png');
+    background-repeat: no-repeat;
+    background-position: 80% 100%;
+    background-size: contain;
+  }
+}

uhepp_org/uhepp_vault/templates/uhepp_vault/base.html

@@ -83,5 +83,25 @@
 <script src="{% static 'react/main.js' %}"></script>
 {% block loadscript %}
 {% endblock %}
+
+<footer class="page-footer">
+<div class="container">
+<div class="row">
+  <div class="col-md-5" style="text-align: left;">
+    <p>Copyright 2020-{% now "Y" %}, Frank Sauerburger<p>
+  </div>
+  <div class="col-md-2" style="text-align: center;">
+    <i title="Made with passion" class="fas fa-wave-square"></i>
+  </div>
+  <div class="col-md-5" style="text-align: right">
+    <ul>
+      <li><a href="mailto:f.sauerburger@cern.ch">Contact</a></li>
+      <li><a href="/legal">Legal notice</a></li>
+      <li><a href="/legal">Privacy policy</a></li>
+    </ul>
+  </div>
+</div>
+</div>
+</footer>
 </body>
 </html>

uhepp_org/uhepp_vault/templates/uhepp_vault/home.html

@@ -2,7 +2,7 @@
 {% load pygmentify_tags %}
 
 {% block teaser %}
-<div class="jumbotron jumbo-fluid">
+<div class="jumbotron jumbo-fluid plot-background">
 <div class="container">
   <h1 class="display-4">uhepp hub</h1>
   <h2>Home of {{ plot_count }} plots</h2>