From b42f0136cfaa6778bd9fb932ef56ac545d784abf Mon Sep 17 00:00:00 2001
From: Gregory Trolliet <gregory@trolliet.info>
Date: Mon, 27 Apr 2020 19:14:45 +0200
Subject: [PATCH] Add some colors configuration

---
 CHANGELOG.md                 |  1 -
 README.md                    | 12 ++++++++++++
 layouts/partials/footer.html | 11 ++++++++---
 static/css/base.css          |  2 --
 4 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0c0a095..36a33b9 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,4 +10,3 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Added
 
 * First version of the theme
-
diff --git a/README.md b/README.md
index 35f9f3b..62782d9 100644
--- a/README.md
+++ b/README.md
@@ -29,6 +29,8 @@ theme = "simple-site"           # The Hugo theme
 
 ### Description
 
+You can use some parameters to fill meta tags and bases images:
+
 ```toml
 [params]
 	description = "" # Description for the meta tag
@@ -36,6 +38,16 @@ theme = "simple-site"           # The Hugo theme
 	logo = ""        # Logo URL
 ```
 
+### Colors
+
+It is possible to basicaly change some colors:
+
+```toml
+[params.colors]
+	main = "green"     # Color of the footer
+	alt_text = "black" # Color of the text above 'main' color
+```
+
 ### Custom CSS
 
 ```toml
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 9e9f9db..59e05c6 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,9 +1,13 @@
-<footer class="footer">
+<footer class="footer" style="
+	{{ if $.Site.Params.colors.main }}background-color: {{ $.Site.Params.colors.main }};{{ end }}
+	{{ if $.Site.Params.colors.alt_text }}color: {{ $.Site.Params.colors.alt_text }};{{ end }}
+	">
 	<address class="footer_contact">
 		{{ if $.Site.Params.contact.email }}
 		<p class="footer_item">
 			<img class="page-icon" src="/svg/envelope.svg"/>
-			<a href="mailto:{{ $.Site.Params.contact.email}}" class="footer_link" alt="Email">
+			<a href="mailto:{{ $.Site.Params.contact.email}}" class="footer_link" alt="Email"
+				style="{{ if $.Site.Params.colors.alt_text }}color: {{ $.Site.Params.colors.alt_text }};{{ end }}">
 				{{ $.Site.Params.contact.email }}
 			</a>
 		</p>
@@ -12,7 +16,8 @@
 		{{ if $.Site.Params.contact.phone }}
 		<p class="footer_item">
 			<img class="page-icon" src="/svg/phone.svg"/>
-			<a href="tel:{{ $.Site.Params.contact.phone}}" class="footer_link" alt="Phone">
+			<a href="tel:{{ $.Site.Params.contact.phone}}" class="footer_link" alt="Phone"
+				style="{{ if $.Site.Params.colors.alt_text }}color: {{ $.Site.Params.colors.alt_text }};{{ end }}">
 				{{ $.Site.Params.contact.phone }}
 			</a>
 		</p>
diff --git a/static/css/base.css b/static/css/base.css
index 7f1e405..229a958 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -80,8 +80,6 @@ body {
 /******************* Footer *******************/
 .footer {
 	height: var(--footer-height-inline);
-}
-.footer {
 	background-color: var(--footer-color);
 	color: white;
 }