From 8d04b9635f10989fe64053e915190014f5ee2e09 Mon Sep 17 00:00:00 2001
From: unknown <manish.kumar@etu.unige.ch>
Date: Tue, 28 Apr 2020 22:30:35 +0200
Subject: [PATCH 1/2] Responsif getting started

---
 .../getting-started.component.css             | 52 +++++++++++--------
 .../getting-started.component.html            |  2 +-
 2 files changed, 30 insertions(+), 24 deletions(-)

diff --git a/src/app/getting-started/getting-started.component.css b/src/app/getting-started/getting-started.component.css
index f5aae28..c728597 100644
--- a/src/app/getting-started/getting-started.component.css
+++ b/src/app/getting-started/getting-started.component.css
@@ -1,10 +1,8 @@
 #background{
     position: relative;
-    width: calc(100%-20rem);
     height: 100vh;
     background: #8C93D8;
     padding: 0 6%;
-    display: inline-flex;
     overflow: hidden;
 }
 
@@ -12,7 +10,7 @@
     position: absolute;
     right: 0%;
     top: 0;
-    width: 40%;
+    width: 50%;
     height: 110vh;
     overflow: hidden;
     pointer-events: none;
@@ -20,10 +18,10 @@
 
 .overflow img{
     position: absolute;
-    width: 140%;
-    height: 140%;
-    margin-right: -100%;
-    margin-top: -60%;
+    width: 30vw;
+    height: 110vh;
+    margin-left: 16vw;
+    margin-top: 0;
 }
 
 .flexbox{
@@ -47,7 +45,7 @@
     font-style: normal;
     font-weight: normal;
     margin: 0;
-    font-size: 122px;
+    font-size: 6vw;
     align-items: center;
     text-align: center;
     font-feature-settings: 'kern' off;
@@ -63,7 +61,7 @@
     font-family: 'Nova Round', cursive;
     font-style: normal;
     font-weight: normal;
-    font-size: 52px;
+    font-size: 2.5vw;
     margin: 1% 0;
     align-items: center;
     text-align: center;
@@ -84,9 +82,8 @@
     font-family: 'Montserrat', sans-serif;
     font-style: normal;
     font-weight: normal;
-    font-size: 24px;
+    font-size: 1.25vw;
     margin: 3% 0;
-    line-height: 29px;
     align-items: center;
     text-align: center;
 
@@ -106,16 +103,24 @@
     font-family: 'Montserrat', sans-serif;
     font-style: normal;
     font-weight: normal;
-    font-size: 24px;
-    line-height: 28px;
+    font-size: 1.25vw;
     align-items: center;
     text-align: center;
 
     color: #FFFAE7;
 }
 
-span{
+.emergency span{
     color: #FF9848;
+    font-size: 1.25vw;
+}
+
+#number{
+    font-weight: bold;
+}
+
+#maplink{
+    text-decoration: underline;
 }
 
 #inputbox{
@@ -139,7 +144,7 @@ span{
     font-family: 'Montserrat', sans-serif;
     font-style: normal;
     font-weight: normal;
-    font-size: 36px;
+    font-size: 1.75vw;
     line-height: 44px;
     justify-self: center;
 
@@ -170,7 +175,7 @@ span{
     justify-content: center;
     display: flex;
     align-items: center;
-    margin: 2% 0;
+    margin: 1.2vw 0;
     transition-duration: 0.4s;
 }
 
@@ -203,14 +208,15 @@ span{
     font-family: 'Montserrat', sans-serif;
     font-style: normal;
     font-weight: normal;
-    font-size: 24px;
+    font-size: 1.25vw;
     text-align: center;
 
     color: #FC5C14;
 }
 
 .cantonbox{
-    height: 4vw;
+    height: 4vh;
+    margin: 1.3vw 0;
 }
 
 .age{
@@ -223,7 +229,7 @@ span{
 .age > .selbox{
     position: relative;
     width: 30%;
-    height: 4vw;
+    height: 4vh;
 }
 
 .submitbox{
@@ -242,7 +248,7 @@ span{
 .submitbox > .selbox{
     position: relative;
     width: 13vw;
-    height: 4vw;
+    height: 4vh;
 }
 
 .submitbox .selbox:hover{
@@ -286,11 +292,11 @@ span{
     border: 1px solid #ccc;
     box-sizing: border-box;
     border-radius: 30px;
-    padding: 10px;
+    padding: .5vw;
     font-family: 'Montserrat', sans-serif;
     font-style: normal;
     font-weight: normal;
-    font-size: 24px;
+    font-size: 1.25vw;
     text-align: center;
     width: 50%;
     outline: none;
@@ -306,7 +312,7 @@ span{
     font-family: 'Montserrat', sans-serif;
     font-style: normal;
     font-weight: normal;
-    font-size: 24px;
+    font-size: 1.25vw;
     text-align: center;   
     font-size: 1.1em;
     color: rgb(105, 105, 105);
diff --git a/src/app/getting-started/getting-started.component.html b/src/app/getting-started/getting-started.component.html
index 8ec9ab9..858d0bf 100644
--- a/src/app/getting-started/getting-started.component.html
+++ b/src/app/getting-started/getting-started.component.html
@@ -5,7 +5,7 @@
             <h2>You Are Not Alone</h2>
             <div class="line1"></div>
             <p>Welcome to the safe place ! Here you can find help and useful information. Come and join the community !</p>
-            <div class="emergency">Are you in an emergency ? Call <span><b>147</b></span> or find help <span><u>near you</u></span></div>
+            <div class="emergency">Are you in an emergency ? Call <span id="number">147</span> or find help <span id="maplink">near you</span></div>
         </div>
         <div id="inputbox">
             <h2>Find help</h2>
-- 
GitLab


From e080a5321d539a4a08308e0fbed403d8e8507310 Mon Sep 17 00:00:00 2001
From: Xoeseko <xoeseko@gmail.com>
Date: Tue, 28 Apr 2020 23:34:12 +0200
Subject: [PATCH 2/2] Logo as return to getting started

---
 src/app/header/header.component.css  | 4 ++++
 src/app/header/header.component.html | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/app/header/header.component.css b/src/app/header/header.component.css
index 486fc49..afd2375 100644
--- a/src/app/header/header.component.css
+++ b/src/app/header/header.component.css
@@ -14,6 +14,10 @@
   padding-top: 20px;
 }
 
+#logo:hover {
+  cursor: pointer;
+}
+
 .nav__list {
   list-style: none;
   margin: 0;
diff --git a/src/app/header/header.component.html b/src/app/header/header.component.html
index a3e15ca..8e45171 100644
--- a/src/app/header/header.component.html
+++ b/src/app/header/header.component.html
@@ -1,5 +1,5 @@
 <div class="vertical-nav col" id="sidebar">
-  <span id="logo">
+  <span id="logo" [routerLink]="['/']" skipLocationChange>
         <img src="../../assets/favicon.svg" height=96>
   </span>
 
-- 
GitLab