From ba95caa98085aff9aff53bf8fa010585c8c292f6 Mon Sep 17 00:00:00 2001
From: Felix Hamann <felix.hamann@campus.lmu.de>
Date: Sat, 26 Jan 2019 12:07:28 +0100
Subject: [PATCH] add footer widget

---
 src/Foundation.hs               |  2 ++
 templates/default-layout.hamlet |  4 ++++
 templates/widgets/footer.hamlet |  3 +++
 templates/widgets/footer.lucius | 16 ++++++++++++++++
 4 files changed, 25 insertions(+)
 create mode 100644 templates/widgets/footer.hamlet
 create mode 100644 templates/widgets/footer.lucius

diff --git a/src/Foundation.hs b/src/Foundation.hs
index 08aedb126..9517f607e 100644
--- a/src/Foundation.hs
+++ b/src/Foundation.hs
@@ -926,6 +926,8 @@ siteLayout headingOverride widget = do
       navbar = $(widgetFile "widgets/navbar")
       asidenav :: Widget
       asidenav = $(widgetFile "widgets/asidenav")
+      footer :: Widget
+      footer = $(widgetFile "widgets/footer")
       contentHeadline :: Maybe Widget
       contentHeadline = (toWidget <$> headingOverride) <|> (pageHeading =<< mcurrentRoute)
       breadcrumbsWgt :: Widget
diff --git a/templates/default-layout.hamlet b/templates/default-layout.hamlet
index c9c6c69e7..ad3dfc971 100644
--- a/templates/default-layout.hamlet
+++ b/templates/default-layout.hamlet
@@ -37,3 +37,7 @@ $if not isModal
 
       <!-- actual content -->
       ^{widget}
+
+      <!-- footer -->
+      $if not isModal
+        ^{footer}
diff --git a/templates/widgets/footer.hamlet b/templates/widgets/footer.hamlet
new file mode 100644
index 000000000..00cd79d96
--- /dev/null
+++ b/templates/widgets/footer.hamlet
@@ -0,0 +1,3 @@
+<footer .footer>
+  <div .footer-links>
+    <a href="/info">Impressum
diff --git a/templates/widgets/footer.lucius b/templates/widgets/footer.lucius
new file mode 100644
index 000000000..b00b13588
--- /dev/null
+++ b/templates/widgets/footer.lucius
@@ -0,0 +1,16 @@
+.footer {
+  text-align: center;
+  padding: 20px;
+  position: relative;
+  margin: 40px 0;
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 10%;
+    width: 80%;
+    height: 2px;
+    background-color: var(--color-grey-light);
+  }
+}