Add collapsable attribution and logo (fixes #2)

1 files changed, 27 insertions, 1 deletions

diff --git a/assets/css/style.css b/assets/css/style.css
index d5048d1..6248d54 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -37,7 +37,7 @@ body {
 
 body > header > h1 {
     background: var(--icon-menu-on) left top no-repeat;
-    margin: -0.1rem 0 -0.1rem 5rem;
+    margin: -0.1rem 0 -0.1rem 2rem;
     font-size: 2rem;
 }
 body > header > h1 span { line-height: 2rem; }
@@ -95,6 +95,10 @@ body > header {
     background-color: #008080;
     color: #000000;
 }
+body > header > h1 a:link span:first-child {
+    background: url(/assets/svg/wallonie-demain-sq.svg) left 0.5rem/contain no-repeat;
+    padding-left: 3rem;
+}
 body > aside {
     background-color: #67736280;
     color: #791515;
@@ -124,3 +128,25 @@ body > aside nav > ul > li#c-9 { background-color: #D3A9B5; }
 .marker.popup .change.c-13 { border-color: #677362; }
 .marker.popup .change.c-9 { border-color: #D3A9B5; }
 
+/**
+ * Attribution
+ **/
+
+#attribution {
+    width: 1.8rem;
+    height: 2.4rem;
+    background: #008080;
+    border-radius: 50%;
+}
+#attribution h1 {
+    margin: 0;
+    text-align:center;
+    line-height: 1.8;
+}
+#attribution.expanded {
+    background: #cdd9c8c0;
+    width: 20rem;
+    height: auto;
+    padding: 1rem;
+    border-radius: 0;
+}