branch master updated: Add a footer.

[Mathieu Othacehe]

This is an automated email from the git hooks/post-receive script.

mothacehe pushed a commit to branch master
in repository guix-cuirass.

The following commit(s) were added to refs/heads/master by this push:
     new a0d42b1  Add a footer.
a0d42b1 is described below

commit a0d42b171f31476ebf42eb32a1759898ad9d0835
Author: Mathieu Othacehe <othacehe@gnu.org>
AuthorDate: Fri Mar 26 21:45:03 2021 +0100

    Add a footer.
    
    * src/cuirass/templates.scm (html-page): Add a footer.
    * src/static/css/cuirass.css (body, footer): New sections.
---
 src/cuirass/templates.scm  |  8 +++++++-
 src/static/css/cuirass.css | 14 ++++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/cuirass/templates.scm b/src/cuirass/templates.scm
index 997a53c..2d55941 100644
--- a/src/cuirass/templates.scm
+++ b/src/cuirass/templates.scm
@@ -35,6 +35,7 @@
   #:use-module (guix store)
   #:use-module ((guix utils) #:select (string-replace-substring
                                        version>?))
+  #:use-module (cuirass config)
   #:use-module ((cuirass database) #:select (build-status
                                              build-weather
                                              evaluation-status))
@@ -198,7 +199,12 @@ columnDefs: [
                ,(search-form query))
           (main (@ (role "main") (class "container pt-4 px-1"))
                 ,body
-                (hr)))))
+                (hr))
+          (footer
+           (@ (class "footer text-center"))
+           (p (a (@ (href "http://guix.gnu.org/cuirass/";))
+                 ,(string-append "Cuirass " %package-version))
+              " — Copyright © 2016 - 2021 by the GNU Guix community.")))))
 
 (define (status-class status)
   (cond
diff --git a/src/static/css/cuirass.css b/src/static/css/cuirass.css
index 2754415..3cf7a66 100644
--- a/src/static/css/cuirass.css
+++ b/src/static/css/cuirass.css
@@ -43,3 +43,17 @@ a.dropdown-toggle:focus + .dropdown-menu {
 .no-dropdown-arrow::after {
     content: none;
 }
+
+body {
+  margin-bottom: 60px; /* Margin bottom by footer height */
+}
+
+.footer {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  height: 50px; /* Set the fixed height of the footer here */
+  line-height: 60px; /* Vertically center the text there */
+  background-color: #f5f5f5;
+}
+