From ab09ad1d520b0d70976b17eb86203748780ea7d9 Mon Sep 17 00:00:00 2001
From: Tutur33 <arthur.puechberty@outlook.com>
Date: Fri, 1 Dec 2023 20:00:06 +0100
Subject: [PATCH] update sphere project

---
 Activity_PHP/the_sphere/lasphere.php  | 54 +++++++++++++++++----------
 Activity_PHP/the_sphere/lasphere2.php | 28 --------------
 Activity_PHP/the_sphere/style.css     | 40 ++++++++++++++++++++
 3 files changed, 74 insertions(+), 48 deletions(-)
 delete mode 100644 Activity_PHP/the_sphere/lasphere2.php
 create mode 100644 Activity_PHP/the_sphere/style.css
diff --git a/Activity_PHP/the_sphere/lasphere.php b/Activity_PHP/the_sphere/lasphere.php
index d099ab2..7073e1b 100644
--- a/Activity_PHP/the_sphere/lasphere.php
+++ b/Activity_PHP/the_sphere/lasphere.php
@@ -1,27 +1,41 @@
-<!-- lasphere.php -->
-
-<html>
+<!DOCTYPE html>
+<html lang="en">
 <head>
-    <title> La sphere </title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>The sphere</title>
+    <link rel="stylesheet" href="style.css">
 </head>
-<body bgcolor="yellow" text="blue">
-    <h1> <font color="black"> Calcul de l'aire de la surface ou du volume d'une sphere </font>   </h1>
-    <BR>
-    <img src="sphere.jpg"WIDTH=120 HEIGHT=86 TITLE="code Html" />    
-    <!-- edition du formulaire -->
-    <!-- Lors de sa validation par le clic sur le bouton "Envoyer" de type "submit",
-    les données sont envoyées au serveur par la methode POST pour etre exploitees
-    au sein de la page lasphere2.php -->
+<body>
+    <h1>Calculating the area, surface or volume of a sphere</h1>
+    <img src="sphere.jpg">
 
-    <form method="post" action="lasphere2.php">
-        <p>                
-        <input type="radio" name="sphere" value="aire" /> Aire                                                
-        <input type="radio" name="sphere" value="volume" checked="checked" /> Volume        
-        <BR>
-        Rayon en m: <input type="text" name="rayon"  />                                           
-        <input type="submit" value="Envoyer" />
+    <form method="post">
+        <label for="sphere">Area :</label>
+        <input type="radio" name="sphere" value="aire">
 
-        </p>
+        <label for="sphere">Volume :</label>
+        <input type="radio" name="sphere" value="aire" checked="checked">
+
+        <label for="rayon">Radius in m :</label>
+        <input type="number" name="rayon" required>
+
+        <button type="submit" name="submit">Validate</button>
     </form>
+    <div>
+        <?php
+        if ($_SERVER["REQUEST_METHOD"] == "POST" && isset($_POST['submit'])) {
+            if (strcmp($_POST['sphere'], "aire") == 0) {
+                $resultat = 4 * 3.14 * $_POST['rayon'] * $_POST['rayon'];
+                print ("Aire = $resultat m²");
+            }
+
+            if (strcmp($_POST['sphere'], "volume") == 0) {
+                $resultat = 4/3 * 3.14 * $_POST['rayon'] * $_POST['rayon'] * $_POST['rayon'];
+                print ("Volume = $resultat m3");
+            }
+        }
+        ?>
+    </div>
 </body>
 </html>
\ No newline at end of file
diff --git a/Activity_PHP/the_sphere/lasphere2.php b/Activity_PHP/the_sphere/lasphere2.php
deleted file mode 100644
index 076c7f1..0000000
--- a/Activity_PHP/the_sphere/lasphere2.php
+++ /dev/null
@@ -1,28 +0,0 @@
-<!-- lasphere2.php -->
-<html>
-<head>
-    <meta charset="UTF-8">
-    <title> La sphere </title>
-</head>
-<body bgcolor="yellow" text="blue">
-    <h1> <font color="black"> Aire ou volume d'une sphere, le resultat:</font> </h1>
-    <h2>
-    <!-- Code PHP -->
-    <?php
-    /* Comparaison de la chaine de caracteres (string en anglais) reçue de la partie
-    "sphere" du formulaire */
-    // Si la chaine contient la valeur "aire", alors on calcule l'aire de la sphere.
-    if (strcmp($_POST['sphere'], "aire") == 0)
-        {$resultat = 4 * 3.14 * $_POST['rayon'] * $_POST['rayon'];
-    print ("Aire = $resultat m²");
-    }
-    // Si la chaine contient la valeur "volume", alors on calcule le volume de la sphere.
-    if (strcmp($_POST['sphere'], "volume") == 0)
-        {$resultat = 4/3 * 3.14 * $_POST['rayon'] * $_POST['rayon'] * $_POST['rayon'];
-        print ("Volume = $resultat m3");
-    }
-    ?>
-    <!-- Fin du code PHP -->
-    </h2>
-</body>
-</html>
\ No newline at end of file
diff --git a/Activity_PHP/the_sphere/style.css b/Activity_PHP/the_sphere/style.css
new file mode 100644
index 0000000..d8dd1cf
--- /dev/null
+++ b/Activity_PHP/the_sphere/style.css
@@ -0,0 +1,40 @@
+body {
+   font-family: Arial, sans-serif;
+   margin: 0;
+   padding: 0;
+   text-align: center;
+}
+
+h1 {
+   margin-top: 20px;
+}
+
+form {
+   margin-top: 20px;
+}
+
+input[type="radio"],
+input[type="number"],
+button {
+   margin: 5px;
+   padding: 5px;
+   border-radius: 5px;
+   border: 1px solid #ccc;
+}
+
+button {
+   cursor: pointer;
+}
+
+div {
+   margin-top: 20px;
+   font-weight: bold;
+}
+
+img {
+   width: 300px;
+   height: auto;
+   display: block;
+   margin: 20px auto;
+   border-radius: 10px;
+}
