From 5d4fd984f4eb7134f5ed3a6418a8e657a6fa705c Mon Sep 17 00:00:00 2001
From: terehm <terehm@usi.ch>
Date: Wed, 31 Oct 2018 17:16:47 +0000
Subject: [PATCH] css-team: first draft of the footer

git-svn-id: svn+ssh://atelier.inf.usi.ch/home/bevilj/group-1@19 a672b425-5310-4d7a-af5c-997e18724b81
---
 site/_includes/footer.html | 22 +++++++++++++++++++++-
 site/_sass/_footer.scss    | 37 +++++++++++++++++++++++++++++++++++++
 2 files changed, 58 insertions(+), 1 deletion(-)
 create mode 100644 site/_sass/_footer.scss

diff --git a/site/_includes/footer.html b/site/_includes/footer.html
index 09826be..564d035 100644
--- a/site/_includes/footer.html
+++ b/site/_includes/footer.html
@@ -1 +1,21 @@
-<footer>Footer</footer>
+<footer>
+  <div>
+    <div class="head">INFO</div>
+      <div class="child">
+        Author: {{page.author}}<br>
+        <a href="/credits.html">Credits</a>
+      </div>
+    </div>
+
+  <div>
+    <div class="head">What was it again?</div>
+      <div class="child">
+        something<br>
+        something else
+      </div>
+  </div>
+
+  <div>
+    <img src="test"> <!-- TODO: replace with actual image and add metadata attr -->
+  </div>
+</footer>
diff --git a/site/_sass/_footer.scss b/site/_sass/_footer.scss
new file mode 100644
index 0000000..db649ba
--- /dev/null
+++ b/site/_sass/_footer.scss
@@ -0,0 +1,37 @@
+/* Author: Marco Tereh */
+/* this file only concerns elements which are children of the <footer> */
+
+footer{
+  background-color: grey; /* TODO: replace placeholder color and add text color */
+  overflow: auto;
+}
+
+footer > div {
+  float: left;
+  margin: 10px;
+  width: CALC(33% - 20px);
+}
+
+footer .head {
+  text-decoration: underline;
+}
+
+footer .child {
+  margin-left: 5px;
+}
+
+footer > div:nth-child(2){
+  text-align: center;
+
+  .child{
+    text-align: left;
+    width: fit-content;
+    margin: auto;
+  }
+}
+
+footer div img {
+  height: 50px;
+  width: 50px;
+  margin-left: CALC(100% - 50px);
+}
\ No newline at end of file