feat(home): social links and changed home text

src/app/pages/contact/contact.component.html

@@ -3,7 +3,7 @@
 </header>
 <div class="contact">
     <span class="info-text">
-        Je suis joignable soit par adresse e-mail : contact&#64;oscarprince.ch ou à travers le formulaire ci-dessous.
+        Je suis joignable soit par adresse e-mail contact&#64;oscarprince.ch ou à travers le formulaire ci-dessous.
     </span>
     <form [formGroup]="contactForm" (ngSubmit)="submitForm()">
         <div class="user-info">

src/app/pages/home/home.component.html

@@ -1,7 +1,11 @@
 <div class="header">
     <div class="main">
         <span class="title">Bonjour ! Moi c'est Oscar Prince.</span>
-        <div class="description">Je suis un développeur web passionné par l'informatique depuis une décennie, je conçois et développe des applications en mettant l'expérience utilisateur et son utilité en premier plan.</div>
+        <div class="description">Je suis un développeur web passionné par l'informatique depuis maintenant une décennie. Que ce soit en front-end avec Angular ou en back-end avec Spring, je m'efforce toujours d'adopter les meilleures pratiques de développement et de rester à l'affût des dernières technologies pour offrir des expériences utilisateur exceptionnelles et des performances optimales. </div>
+        <div class="socials">
+            <a target="_blank" href="https://github.com/Penkie"><button class="social"><img src="assets/github.svg" alt="github"></button></a>
+            <a target="_blank" href="https://www.linkedin.com/in/oscar-prince-3885721b5"><button class="social"><img src="assets/linkedin.svg" alt="linkedin"></button></a>
+        </div>
     </div>
     <div class="photo">
         <img src="assets/moi2.jpg" alt="Photo Oscar Prince">

src/app/pages/home/home.component.scss

@@ -15,6 +15,33 @@
                 font-family: 'Merriweather', serif;
             }
         }
+
+        .socials {
+            display: flex;
+
+            a {
+                &:not(:first-child) {
+                    margin-left: 5px;
+                }
+            }
+
+            .social {
+                border: 1px solid rgb(219, 219, 219);
+                background-color: unset;
+                border-radius: 5px;
+                cursor: pointer;
+                padding: 5px;
+                width: 30px;
+                height: 30px;
+                display: flex;
+                justify-content: center;
+
+                img {
+                    width: 20px;
+                    height: 20px;
+                }
+            }
+        }
 
         .photo {
             position: relative;