update

PHP/main.php

@@ -7,19 +7,24 @@ if ($_SERVER["REQUEST_METHOD"] == "POST") {
 
     $to = "hugo.creneau@etu.uca.fr";
     
-    $email_subject = "New Contact Form Submission: $subject";
+    $mail_subject = "Message de $name : $subject";
     
-    $email_body = "You have received a new message from $name ($email):\n\n$message";
+    $mail_message = "
+    Nom : $name\n
+    Email : $email\n
+    Sujet : $subject\n\n
+    Message :\n$message
+    ";
 
-    $from = "hugo.crneau@gmail.com";
+    $headers = "From: $email" . "\r\n" .
+               "Reply-To: $email" . "\r\n" .
+               "X-Mailer: PHP/" . phpversion();
 
-    $headers = "From: $from\r\n";
+    if (mail($to, $mail_subject, $mail_message, $headers)) {
-    $headers .= "Reply-To: $email\r\n";
+        echo "Votre message a été envoyé avec succès !";
-
-    if (mail($to, $email_subject, $email_body, $headers)) {
-        echo "success";
     } else {
-        echo "error";
+        echo "Échec de l'envoi du message. Veuillez réessayer plus tard.";
     }
+} else {
+    echo "Méthode de requête non autorisée.";
 }
-?>

css/skins/color-1.css

@@ -1,4 +1,3 @@
-:root
+:root {
-{
+  --skin-color: #ec1839;
-    --skin-color:#ec1839;
 }

css/skins/color-2.css

@@ -1,3 +1,3 @@
 :root {
-    --skin-color: #fa5b0f;
+  --skin-color: #fa5b0f;
 }

css/skins/color-3.css

@@ -1,3 +1,3 @@
 :root {
-    --skin-color: #37b182;
+  --skin-color: #37b182;
 }

css/skins/color-4.css

@@ -1,3 +1,3 @@
 :root {
-    --skin-color: #1854b4;
+  --skin-color: #1854b4;
 }

css/skins/color-5.css

@@ -1,3 +1,3 @@
 :root {
-    --skin-color: #f021b2;
+  --skin-color: #f021b2;
 }

css/style-switcher.css

@@ -1,128 +1,115 @@
 @keyframes slideIn {
-    from {
+  from {
-        transform: translateX(100%);
+    transform: translateX(100%);
-    }
+  }
 
-    to {
+  to {
-        transform: translateX(-25px);
+    transform: translateX(-25px);
-    }
+  }
 }
 
 @keyframes slideInOut {
-    from {
+  from {
-        transform: translateX(100%);
+    transform: translateX(100%);
-    }
+  }
 
-    to {
+  to {
-        transform: translateX(-25px);
+    transform: translateX(-25px);
-    }
+  }
 }
 
 .style-switcher {
-    position: fixed;
+  position: fixed;
-    right: 0;
+  right: 0;
-    top: 60px;
+  top: 60px;
-    padding: 15px;
+  padding: 15px;
-    width: 200px;
+  width: 200px;
-    border: 1px solid var(--bg-black-50);
+  border: 1px solid var(--bg-black-50);
-    background: var(--bg-black-100);
+  background: var(--bg-black-100);
-    z-index: 101;
+  z-index: 101;
-    border-radius: 5px;
+  border-radius: 5px;
-    transform: translateX(100%);
+  transform: translateX(100%);
-    animation-duration: 0.3s;
+  animation-duration: 0.3s;
-    animation-fill-mode: forwards;
+  animation-fill-mode: forwards;
 }
 
 .style-switcher.open {
-    animation-name: slideInOut;
+  animation-name: slideInOut;
 }
 
 .style-switcher.closed {
-    animation-name: slideOut;
+  animation-name: slideOut;
 }
 
-
 .style-switcher:focus {
-    animation: slideIn 0.3s forwards;
+  animation: slideIn 0.3s forwards;
 }
 
-.style-switcher .s-icon
+.style-switcher .s-icon {
-{
+  position: absolute;
-    position: absolute;
+  padding-top: 4px;
-    padding-top: 4px;
+  height: 40px;
-    height: 40px;
+  width: 40px;
-    width: 40px;
+  text-align: center;
-    text-align: center;
+  font-size: 20px;
-    font-size: 20px;
+  background: var(--bg-black-100);
-    background: var(--bg-black-100);
+  color: var(--text-black-900);
-    color: var(--text-black-900);
+  right: 100%;
-    right: 100%;
+  border: 1px solid var(--bg-black-50);
-    border: 1px solid var(--bg-black-50);
+  margin-right: 25px;
-    margin-right: 25px;
+  cursor: pointer;
-    cursor: pointer;
+  transition: all 0.3s ease;
-    transition: all 0.3s ease;
+  border-radius: 50%;
-    border-radius: 50%;
 }
 
-.style-switcher .s-icon i
+.style-switcher .s-icon i {
-{
+  line-height: 40px;
-    line-height: 40px;
 }
 
-.style-switcher .style-switcher-toggle
+.style-switcher .style-switcher-toggle {
-{
+  top: 0;
-    top: 0;
 }
 
-.style-switcher .day-night
+.style-switcher .day-night {
-{
+  top: 55px;
-    top: 55px;
 }
 
-.style-switcher h4
+.style-switcher h4 {
-{
+  margin: 0 0 10px;
-    margin: 0 0 10px;
+  color: var(--text-black-700);
-    color: var(--text-black-700);
+  font-size: 16px;
-    font-size: 16px;
+  font-weight: 600;
-    font-weight: 600;
+  text-transform: capitalize;
-    text-transform: capitalize;
 }
 
-.style-switcher .colors
+.style-switcher .colors {
-{
+  display: flex;
-    display: flex;
+  flex-wrap: wrap;
-    flex-wrap: wrap;
+  justify-content: space-between;
-    justify-content: space-between;
 }
 
-.style-switcher .colors span
+.style-switcher .colors span {
-{
+  display: inline-block;
-    display: inline-block;
+  height: 30px;
-    height: 30px;
+  width: 30px;
-    width: 30px;
+  border-radius: 50px;
-    border-radius: 50px;
 }
 
-.style-switcher .color-1
+.style-switcher .color-1 {
-{
+  background: #ec1839;
-    background: #ec1839;
 }
 
-.style-switcher .color-2 
+.style-switcher .color-2 {
-{
+  background: #fa5b0f;
-    background: #fa5b0f;
 }
-.style-switcher .color-3 
+.style-switcher .color-3 {
-{
+  background: #37b182;
-    background: #37b182;
 }
 
-.style-switcher .color-4 
+.style-switcher .color-4 {
-{
+  background: #1854b4;
-    background: #1854b4;
 }
 
-.style-switcher .color-5 
+.style-switcher .color-5 {
-{
+  background: #f021b2;
-    background: #f021b2;
 }

js/script.js

@@ -1,11 +1,5 @@
 var typed = new Typed(".typing", {
-  strings: [
+  strings: ["", "Developpeur Web", "Developpeur Android", "Developpeur Ios"],
-    "",
-    "Developpeur Web",
-    "Developpeur Front-end",
-    "Developpeur Back-end",
-    "Developpeur Mobile",
-  ],
   typeSpeed: 150,
   backSpeed: 60,
   loop: true,