From 55deeaf6a904fc82246f8b0c176e5de5ca05c5d7 Mon Sep 17 00:00:00 2001 From: LAMRINI Houda <houda.lamrini@etu.univ-amu.fr> Date: Thu, 27 Feb 2025 10:20:18 +0000 Subject: [PATCH] Edit index.html ajout de styling --- templates/index.html | 74 ++++++++++++++++++++++++++++++++++++++------ 1 file changed, 65 insertions(+), 9 deletions(-) diff --git a/templates/index.html b/templates/index.html index 2871146..ee1d71d 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1,19 +1,75 @@ + <!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Test de Force de Mot de Passe</title> + <style> + body { + font-family: Arial, sans-serif; + background-color: #f4f4f4; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + margin: 0; + } + .container { + background: white; + padding: 20px; + border-radius: 10px; + box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); + text-align: center; + width: 350px; + } + h1 { + color: #333; + } + label { + font-size: 16px; + font-weight: bold; + } + input { + width: 100%; + padding: 10px; + margin: 10px 0; + border: 1px solid #ccc; + border-radius: 5px; + font-size: 16px; + } + button { + background-color: #007bff; + color: white; + border: none; + padding: 10px 15px; + border-radius: 5px; + cursor: pointer; + font-size: 16px; + width: 100%; + } + button:hover { + background-color: #0056b3; + } + .result { + margin-top: 15px; + font-size: 18px; + font-weight: bold; + color: #444; + } + </style> </head> <body> - <h1>Testez la force de votre mot de passe</h1> - <form method="POST"> - <label for="password">Mot de passe :</label> - <input type="password" id="password" name="password" required> - <button type="submit">Tester</button> - </form> - - <h2>Résultat : </h2> - <p>{{ result }}</p> + <div class="container"> + <h1>Testez la force de votre mot de passe 🔒</h1> + <form method="POST"> + <label for="password">Mot de passe :</label> + <input type="password" id="password" name="password" required> + <button type="submit">Tester</button> + </form> + <div class="result"> + {{ result }} + </div> + </div> </body> </html> -- GitLab