From ff682d478b2aa097aa1903880659a70b545a7eb2 Mon Sep 17 00:00:00 2001
From: Penkie <oscar@oscarprince.ch>
Date: Fri, 9 Feb 2024 18:53:48 +0100
Subject: [PATCH] feat(home): social links and changed home text

---
 src/app/pages/contact/contact.component.html |  2 +-
 src/app/pages/home/home.component.html       |  6 ++++-
 src/app/pages/home/home.component.scss       | 27 ++++++++++++++++++++
 src/assets/github.svg                        |  1 +
 src/assets/linkedin.svg                      |  1 +
 5 files changed, 35 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/github.svg
 create mode 100644 src/assets/linkedin.svg

diff --git a/src/app/pages/contact/contact.component.html b/src/app/pages/contact/contact.component.html
index 0952707..83510b7 100644
--- a/src/app/pages/contact/contact.component.html
+++ b/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">
diff --git a/src/app/pages/home/home.component.html b/src/app/pages/home/home.component.html
index 54c0295..548d141 100644
--- a/src/app/pages/home/home.component.html
+++ b/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">
diff --git a/src/app/pages/home/home.component.scss b/src/app/pages/home/home.component.scss
index 55e9234..ad38aed 100644
--- a/src/app/pages/home/home.component.scss
+++ b/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;
diff --git a/src/assets/github.svg b/src/assets/github.svg
new file mode 100644
index 0000000..ff0af48
--- /dev/null
+++ b/src/assets/github.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-github"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
\ No newline at end of file
diff --git a/src/assets/linkedin.svg b/src/assets/linkedin.svg
new file mode 100644
index 0000000..3953109
--- /dev/null
+++ b/src/assets/linkedin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-linkedin"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect x="2" y="9" width="4" height="12"></rect><circle cx="4" cy="4" r="2"></circle></svg>
\ No newline at end of file