From f16eb70173fd67d2a3eac49644d4f94476d3f1b3 Mon Sep 17 00:00:00 2001
From: Michael Tremer <michael.tremer@ipfire.org>
Date: Tue, 3 Nov 2020 13:11:51 +0000
Subject: [PATCH] index: Add icons to explainer

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---
 src/scss/_variables.scss | 2 +-
 src/templates/index.html | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index 319b5803..d6f36a68 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -24,7 +24,7 @@ $twitter:					#00acee;
 // Theme
 $primary:					#FF2E53;
 $secondary:					#757575;
-$light:						#c4c4c4;
+$light:						#faf5f6;
 $dark:						#4f4f4f;
 
 $theme-colors: (
diff --git a/src/templates/index.html b/src/templates/index.html
index 11b11f90..13b115ee 100644
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -40,6 +40,8 @@
 
 			<div class="row">
 				<div class="col-12 col-lg-4 mb-3 text-center">
+					<span class="fas fa-fire fa-4x bg-light text-primary p-3 mb-2"></span>
+
 					<h4>{{ _("The Right Choice") }}</h4>
 
 					<p class="mb-0">
@@ -48,6 +50,8 @@
 				</div>
 
 				<div class="col-12 col-lg-4 mb-3 text-center">
+					<span class="fab fa-osi fa-4x bg-light text-primary p-3 mb-2"></span>
+
 					<h4>{{ _("Free & Open") }}</h4>
 
 					<p class="mb-0">
@@ -56,6 +60,8 @@
 				</div>
 
 				<div class="col-12 col-lg-4 mb-3 text-center">
+					<span class="fas fa-shield-alt fa-4x bg-light text-primary p-3 mb-2"></span>
+
 					<h4>{{ _("Security") }}</h4>
 
 					<p class="mb-0">
-- 
2.47.3