From b3e171e0f9f0d8d7d8b16445ec9e0e02f40bb74e Mon Sep 17 00:00:00 2001
From: simon <simon@journeyman.cc>
Date: Tue, 3 Feb 2015 20:59:31 +0000
Subject: [PATCH] Copied the really nice 'cookie information' box I did for
 Earlytech into Smeagol. Simple and elegant. Pleased.

---
 resources/public/css/standard.css | 38 ++++++++++++++++++++++++++++++-
 resources/templates/base.html     | 11 +++++++++
 2 files changed, 48 insertions(+), 1 deletion(-)

diff --git a/resources/public/css/standard.css b/resources/public/css/standard.css
index 5a8b7ed..1e73b47 100644
--- a/resources/public/css/standard.css
+++ b/resources/public/css/standard.css
@@ -109,6 +109,42 @@ li.nav-item a:active { background: gray; color: white; }
   padding-bottom: 5em;
 }
 
+/* cookies information box, fixed, in right margin, just above footer */
+#cookies {
+	width: 30%;
+	float: right;
+  position: fixed;
+  bottom: 1.5em;
+  right: 0;
+	z-index: 150;
+  background: transparent;
+}
+
+/* about-cookies box: permanently visible part of cookies information box */
+#about-cookies {
+  clear: right;
+  width: 20%;
+  float: right;
+  text-align: right;
+  font-size: 66%;
+  padding: 0.25em 2em;
+  color: white;
+  background-color: maroon;
+}
+
+/* more-about-cookies box, normally hidden */
+#more-about-cookies {
+  display: none;
+	padding: 0.25em 2em;
+	color: maroon;
+  background:rgba(196,196,196,0.66);
+	border: thin solid maroon;
+}
+
+/* but magically appears on mouseover */
+#cookies:hover #more-about-cookies {
+	display: block;
+}
 
 /* footer of the page - not-editable, provided by Smeagol */
 #footer {
@@ -119,7 +155,7 @@ li.nav-item a:active { background: gray; color: white; }
   background:rgba(128,128,128,0.95);
   width: 100%;
   margin: 0;
-/*  padding: 0.1em 10%; */
+  padding: 0.25em 0;
   bottom:0;
   position:fixed;
   vertical-align: top;
diff --git a/resources/templates/base.html b/resources/templates/base.html
index ca4c3e7..6805858 100644
--- a/resources/templates/base.html
+++ b/resources/templates/base.html
@@ -52,6 +52,17 @@
       {% block content %}
       {% endblock %}
     </div>
+    <div id="cookies">
+        <div id="more-about-cookies">
+            This website stores session information as a 'cookie' on your browser. This helps us show you the content
+            you want to see. This cookie does not identify you, and cannot be read by other websites. It is deleted by
+            your browser as soon as you leave this site. This website does not use any third party cookies, so your
+            visit here cannot be tracked by other websites.
+        </div>
+        <div id="about-cookies">
+            About cookies
+        </div>
+    </div>
     <div id="footer">
        <div id="credits">
            One Wiki to rule them all ||