test

2026-06-08 23:09:13 +02:00
parent b70d1dab6a
commit dd8bb428d3
2 changed files with 113 additions and 19 deletions
@@ -1,28 +1,94 @@
 <?php
-$host = gethostname();
-$php_version = phpversion();
-$date = date('d/m/Y H:i:s');
+// On peut définir des variables PHP pour personnaliser la page
+$nom_du_site = "Mon Super Site";
+$annee_actuelle = date("Y");
 ?>
 <!DOCTYPE html>
 <html lang="fr">
 <head>
-  <meta charset="UTF-8">
-  <title>Sushi — Test</title>
-  <style>
-    body { font-family: sans-serif; max-width: 600px; margin: 4rem auto; padding: 1rem; }
-    .ok { color: green; }
-    table { width: 100%; border-collapse: collapse; margin-top: 1rem; }
-    td { padding: 8px; border-bottom: 1px solid #eee; }
-    td:first-child { font-weight: bold; color: #555; }
-  </style>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title><?php echo $nom_du_site; ?></title>
+    <style>
+        /* Styles de base pour rendre la page jolie */
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            background-color: #f4f7f6;
+            color: #333;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            flex-direction: column;
+            min-height: 100vh;
+        }
+        header {
+            background-color: #2c3e50;
+            color: #fff;
+            padding: 20px 0;
+            text-align: center;
+        }
+        nav a {
+            color: #fff;
+            margin: 0 15px;
+            text-decoration: none;
+            font-weight: bold;
+        }
+        nav a:hover {
+            text-decoration: underline;
+        }
+        main {
+            flex: 1;
+            max-width: 800px;
+            margin: 40px auto;
+            padding: 20px;
+            background: #fff;
+            border-radius: 8px;
+            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+        }
+        footer {
+            background-color: #2c3e50;
+            color: #fff;
+            text-align: center;
+            padding: 15px 0;
+            margin-top: auto;
+        }
+        .btn {
+            display: inline-block;
+            background-color: #3498db;
+            color: #fff;
+            padding: 10px 20px;
+            text-decoration: none;
+            border-radius: 5px;
+            margin-top: 15px;
+        }
+        .btn:hover {
+            background-color: #2980b9;
+        }
+    </style>
 </head>
 <body>
-  <h1>🍣 Sushi</h1>
-  <p class="ok">✅ PHP fonctionne correctement</p>
-  <table>
-    <tr><td>Version PHP</td><td><?= $php_version ?></td></tr>
-    <tr><td>Hôte</td><td><?= $host ?></td></tr>
-    <tr><td>Date serveur</td><td><?= $date ?></td></tr>
-  </table>
+
+    <header>
+        <h1>Bienvenue sur <?php echo $nom_du_site; ?></h1>
+        <nav>
+            <a href="index.php">Accueil</a>
+            <a href="#propos">À propos</a>
+            <a href="#contact">Contact</a>
+        </nav>
+    </header>
+
+    <main>
+        <h2>Bonjour et bienvenue !</h2>
+        <p>Ceci est la page d'accueil de votre nouveau site internet générée en PHP. Vous pouvez modifier ce contenu pour l'adapter à vos besoins.</p>
+        
+        <p>Le serveur indique qu'il est actuellement : <strong><?php echo date('H:i'); ?></strong>.</p>
+        
+        <a href="#en-savoir-plus" class="btn">En savoir plus</a>
+    </main>
+
+    <footer>
+        <p>&copy; <?php echo $annee_actuelle; ?> - <?php echo $nom_du_site; ?> - Tous droits réservés.</p>
+    </footer>
+
 </body>
 </html>
@@ -0,0 +1,28 @@
+<?php
+$host = gethostname();
+$php_version = phpversion();
+$date = date('d/m/Y H:i:s');
+?>
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+  <meta charset="UTF-8">
+  <title>Sushi — Test</title>
+  <style>
+    body { font-family: sans-serif; max-width: 600px; margin: 4rem auto; padding: 1rem; }
+    .ok { color: green; }
+    table { width: 100%; border-collapse: collapse; margin-top: 1rem; }
+    td { padding: 8px; border-bottom: 1px solid #eee; }
+    td:first-child { font-weight: bold; color: #555; }
+  </style>
+</head>
+<body>
+  <h1>🍣 Sushi</h1>
+  <p class="ok">✅ PHP fonctionne correctement</p>
+  <table>
+    <tr><td>Version PHP</td><td><?= $php_version ?></td></tr>
+    <tr><td>Hôte</td><td><?= $host ?></td></tr>
+    <tr><td>Date serveur</td><td><?= $date ?></td></tr>
+  </table>
+</body>
+</html>