From 21d99d1a44f5623ac5e2708b36d85b4dc865f503 Mon Sep 17 00:00:00 2001
From: britea <britea@usi.ch>
Date: Tue, 20 Nov 2018 14:31:53 +0000
Subject: [PATCH] home: add testimonials

git-svn-id: svn+ssh://atelier.inf.usi.ch/home/bevilj/group-1@288 a672b425-5310-4d7a-af5c-997e18724b81
---
 site/_sass/_home.scss   | 17 ++++++++++++++++-
 site/_sass/_topics.scss |  4 ++--
 site/index.html         | 19 +++++++++++++++++++
 3 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/site/_sass/_home.scss b/site/_sass/_home.scss
index 127de8d..82c6706 100644
--- a/site/_sass/_home.scss
+++ b/site/_sass/_home.scss
@@ -1,3 +1,8 @@
+.home-quote {
+    font-weight: bold;
+    font-size: 2em;
+}
+
 .home-tiles {
     display: flex;
     flex-wrap: wrap;
@@ -73,7 +78,12 @@
 
 @media screen and (max-width: 1024px) {
 
-    .home-tile {
+    .home-quote {
+        font-weight: bold;
+        font-size: 1.5em;
+    }
+
+   .home-tile {
         font-size: 2.5rem;
     }
 
@@ -92,6 +102,11 @@
 
 @media screen and (max-width: 600px) {
 
+    .home-quote {
+        font-weight: bold;
+        font-size: 1em;
+    }
+
     .home-tile {
         font-size: 2rem;
     }
diff --git a/site/_sass/_topics.scss b/site/_sass/_topics.scss
index f2b9e10..5079e1a 100644
--- a/site/_sass/_topics.scss
+++ b/site/_sass/_topics.scss
@@ -11,7 +11,7 @@
    a{
     width: calc(100% - 2em - 25px);
     text-decoration: none;
-    font-size: 2.8vh;
+    font-size: 1.7em;
     font-weight: bold;
     display: inline-block;
     padding: 4px 0 4px 20px;
@@ -23,7 +23,7 @@
   background: #6a6;
   border-radius: 100%;
   padding: 4px 12px;
-  font-size: 2.8vh;
+  font-size: 1.7em;
   transition:500ms;
 }
 
diff --git a/site/index.html b/site/index.html
index 69a6833..b52676b 100644
--- a/site/index.html
+++ b/site/index.html
@@ -48,3 +48,22 @@ title: Home page
   </a>
 
 </div>
+
+<div style="text-align:left;margin: 50px 0;font-size:2em;">
+  <span style="padding: 10px 50px 10px 0;border-bottom: 2px solid #bdbdbd;"><i class="fas fa-graduation-cap"></i>  Learn</span>
+  <p>
+    <i class="home-quote">"I have learned a lot about the shell."</i> <div>- Nicola Brunner</div>
+  </p>
+</div>
+<div style="text-align:right;margin: 50px 0;font-size:2em;">
+  <span style="padding: 10px 0 10px 50px;border-bottom: 2px solid #bdbdbd;"><i class="far fa-smile-wink"></i>  Enjoy</span>
+  <p>
+   <i class="home-quote">"The best shell experience you can have."</i> <div>- Joao Tomazoni</div>
+  </p>
+</div>
+<div style="text-align:left;margin: 50px 0;font-size:2em;">
+  <span style="padding: 10px 50px 10px 0;border-bottom: 2px solid #bdbdbd;"><i class="fas fa-cogs"></i>  Run</span>
+  <p>
+    <i class="home-quote">"My scripts work."</i> <div>- Joey Bevilacqua</div>
+  </p>
+</div>