Add footer, improve page style

5 files changed, 45 insertions, 11 deletions

diff --git a/_data/es/strings.yml b/_data/es/strings.yml
index 6fb8132..bc6afe2 100644
--- a/_data/es/strings.yml
+++ b/_data/es/strings.yml
@@ -9,6 +9,7 @@ global:
   categories: Categorías
   recent_posts: Posts recientes
   source_code: Código fuente
+  under: bajo
 index:
   page: Página
   of: de
diff --git a/_includes/banner.liquid b/_includes/banner.liquid
index ccaea99..64a5346 100644
--- a/_includes/banner.liquid
+++ b/_includes/banner.liquid
@@ -1,9 +1,9 @@
 <section class="hero is-small  third-color">
-    <div class="hero-body banner">
+    <div class="hero-body has-background-primary">
 	{% if site.lang != "es" %}
 	<a class="title banner" href="/{{ site.lang }}">{{ site.title }}</a>
 	{% else %}
 	<a class="title banner" href="/">{{ site.title }}</a>
 	{% endif %}
-  </div>
+    </div>
 </section>
diff --git a/_includes/footer.liquid b/_includes/footer.liquid
new file mode 100644
index 0000000..6eae99f
--- /dev/null
+++ b/_includes/footer.liquid
@@ -0,0 +1,8 @@
+<footer class="footer has-background-primary">
+    <div class="has-text-centered">
+	<p class="footer-content">
+	    <b>{{ site.title }}</b> {{ site.data[site.active_lang].strings.global.under }}
+	    <a class="footer-url" href="https://creativecommons.org/licenses/by-nc-nd/4.0/deed.en">CC BY-NC-ND</a>
+	</p>
+    </div>
+</footer>
diff --git a/_layouts/default.liquid b/_layouts/default.liquid
index b81205f..bfeb003 100644
--- a/_layouts/default.liquid
+++ b/_layouts/default.liquid
@@ -4,11 +4,15 @@
     {% include banner.liquid %}
 
     <div class="columns">
-	<div class="column mt-6 ml-18 is-two-thirds content">
+	<div class="column mt-6 is-offset-2 is-6 content">
 	  {{ content }}
 	</div>
-	<div class="column mr-18">
+	<div class="column is-2">
 	    {% include sidenav.liquid %}
 	</div>
     </div>
+    
+    <div class="column">
+	{% include footer.liquid %}
+    </div>
 </body>
diff --git a/assets/css/styles.css b/assets/css/styles.css
index e6c0ef2..dea2080 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -97,17 +97,27 @@
     p {
 	color: #fafafa;
     }
+    
+    body {
+	font-family: Roboto, Helvetica, Arial, sans-serif !important;
+	margin: 0;
+    }
 }
 
 @media(prefers-color-scheme: light) {
+    :root {
+	--bulma-primary-h: 216deg;
+	--bulma-primary-s: 43%;
+	--bulma-primary-l: 38%;
+    }
+    
     .is-info {
 	background: #38598b !important;
 	color: #e7eaf6;
     }
     
     .banner {
-	color: #e7eaf6 !important;
-	background: #38598b; 
+	color: #ffffff !important;
     }
 
     .btn-primary {
@@ -118,14 +128,14 @@
     .sidebar {
 	border: 1px solid #dadff1;
 	border-radius: 4px;
-	background: #f3f3f3;
+	background: white;
 	justify-content: space-between;
     }
 
     .content {
 	border: 1px solid #dadff1;
 	border-radius: 4px;
-	background: #f3f3f3;
+	background: white;
     }
 
     .sidebar-element {
@@ -165,11 +175,22 @@
     p {
 	color: #2a2438;
     }
+
+    
+    body {
+	font-family: Roboto, Helvetica, Arial, sans-serif !important;
+	margin: 0;
+	background: #f3f3f3;
+    }
+}
+
+.footer-content {
+    color: white !important;
 }
 
-body {
-    font-family: Roboto, Helvetica, Arial, sans-serif !important;
-    margin: 0;
+.footer-url {
+    color: white;
+    font-weight: bold;
 }
 
 :not(.sidebar-element) li {