From 591c9d751b5b517e57ec2142c1d2f902c7b8cea5 Mon Sep 17 00:00:00 2001
From: Frank Sauerburger <frank@sauerburger.com>
Date: Tue, 5 Jan 2021 21:45:00 +0100
Subject: [PATCH] Add footer and background
---
uhepp-js/src/common.scss | 45 ++++++++++++++++++
.../static/uhepp_vault/background.png | Bin 0 -> 8204 bytes
.../templates/uhepp_vault/base.html | 20 ++++++++
.../templates/uhepp_vault/home.html | 2 +-
4 files changed, 66 insertions(+), 1 deletion(-)
create mode 100644 uhepp_org/uhepp_vault/static/uhepp_vault/background.png
diff --git a/uhepp-js/src/common.scss b/uhepp-js/src/common.scss
index 5313f30..1fc98ea 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
GIT binary patch
literal 8204
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
D>kUBk
literal 0
HcmV?d00001
diff --git a/uhepp_org/uhepp_vault/templates/uhepp_vault/base.html b/uhepp_org/uhepp_vault/templates/uhepp_vault/base.html
index 8ceda47..798150e 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 b7a2ef9..535714b 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>
--
GitLab