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;
 }

css/style-switcher.css

@@ -41,13 +41,11 @@
   animation-name: slideOut;
 }
 
-
 .style-switcher:focus {
   animation: slideIn 0.3s forwards;
 }
 
-.style-switcher .s-icon
+.style-switcher .s-icon {
-{
   position: absolute;
   padding-top: 4px;
   height: 40px;
@@ -64,23 +62,19 @@
   border-radius: 50%;
 }
 
-.style-switcher .s-icon i
+.style-switcher .s-icon i {
-{
   line-height: 40px;
 }
 
-.style-switcher .style-switcher-toggle
+.style-switcher .style-switcher-toggle {
-{
   top: 0;
 }
 
-.style-switcher .day-night
+.style-switcher .day-night {
-{
   top: 55px;
 }
 
-.style-switcher h4
+.style-switcher h4 {
-{
   margin: 0 0 10px;
   color: var(--text-black-700);
   font-size: 16px;
@@ -88,41 +82,34 @@
   text-transform: capitalize;
 }
 
-.style-switcher .colors
+.style-switcher .colors {
-{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
 }
 
-.style-switcher .colors span
+.style-switcher .colors span {
-{
   display: inline-block;
   height: 30px;
   width: 30px;
   border-radius: 50px;
 }
 
-.style-switcher .color-1
+.style-switcher .color-1 {
-{
   background: #ec1839;
 }
 
-.style-switcher .color-2 
+.style-switcher .color-2 {
-{
   background: #fa5b0f;
 }
-.style-switcher .color-3 
+.style-switcher .color-3 {
-{
   background: #37b182;
 }
 
-.style-switcher .color-4 
+.style-switcher .color-4 {
-{
   background: #1854b4;
 }
 
-.style-switcher .color-5 
+.style-switcher .color-5 {
-{
   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,