diff --git a/uhepp-js/src/common.scss b/uhepp-js/src/common.scss index 5313f3082cdd371e177cf2921d676ceec543ef6e..1fc98ea075e2e7a2b1959055f33b982c74bdb7cb 100644 --- a/uhepp-js/src/common.scss +++ b/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; + } +} diff --git a/uhepp_org/uhepp_vault/static/uhepp_vault/background.png b/uhepp_org/uhepp_vault/static/uhepp_vault/background.png new file mode 100644 index 0000000000000000000000000000000000000000..f65571db832ce068bfcaaf84339fcbb321139089 Binary files /dev/null and b/uhepp_org/uhepp_vault/static/uhepp_vault/background.png differ diff --git a/uhepp_org/uhepp_vault/templates/uhepp_vault/base.html b/uhepp_org/uhepp_vault/templates/uhepp_vault/base.html index 8ceda476d5b6c91444b845265dc2877980cb30e9..798150ec1aabbb07edc3125987605b6ff6234735 100644 --- a/uhepp_org/uhepp_vault/templates/uhepp_vault/base.html +++ b/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> diff --git a/uhepp_org/uhepp_vault/templates/uhepp_vault/home.html b/uhepp_org/uhepp_vault/templates/uhepp_vault/home.html index b7a2ef945a783bf0dc517eb220fed5d484698e01..535714b1475d237abed9474d3aaa123d960e1f56 100644 --- a/uhepp_org/uhepp_vault/templates/uhepp_vault/home.html +++ b/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>