Compare commits
No commits in common. "main" and "emileBDD" have entirely different histories.
100
Styles/style.css
100
Styles/style.css
@ -1,100 +0,0 @@
|
||||
body {
|
||||
margin: 0;
|
||||
background-color: #ffffff;
|
||||
color: #333;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.main-header {
|
||||
background-color: #ffffff;
|
||||
border-bottom: 4px solid #f57c00;
|
||||
padding: 20px 40px;
|
||||
}
|
||||
|
||||
.header-top {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.main-nav {
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.main-nav ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
display: inline-flex;
|
||||
gap: 30px;
|
||||
}
|
||||
|
||||
.main-nav a {
|
||||
text-decoration: none;
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
transition: color 0.3s;
|
||||
}
|
||||
|
||||
.main-nav a:hover {
|
||||
color: #f57c00;
|
||||
}
|
||||
|
||||
.logo-section {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 15px;
|
||||
}
|
||||
|
||||
.logo-section .baseline {
|
||||
font-family: 'Cormorant Garamond', serif;
|
||||
font-size: 1.1em;
|
||||
font-style: italic;
|
||||
color: #f57c00;
|
||||
}
|
||||
|
||||
.nav-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.btn-connexion {
|
||||
background-color: #f57c00;
|
||||
color: #fff;
|
||||
padding: 12px 25px;
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
border-radius: 5px;
|
||||
transition: background 0.3s;
|
||||
}
|
||||
|
||||
.btn-connexion:hover {
|
||||
background-color: #e65100;
|
||||
}
|
||||
|
||||
.main-content {
|
||||
text-align: center;
|
||||
padding: 100px 20px;
|
||||
}
|
||||
|
||||
.main-content h2 {
|
||||
font-size: 2.5em;
|
||||
color: #f57c00;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.main-content p {
|
||||
font-size: 1.2em;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.main-footer {
|
||||
background-color: #f57c00;
|
||||
color: white;
|
||||
text-align: center;
|
||||
padding: 20px 10px;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
}
|
@ -1,48 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>GSB Application - Accueil</title>
|
||||
<link rel="stylesheet" href="../Styles\style.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4Q6Gf2aSP4eDXB8Miphtr37CMZZQ5oXLH2yaXMJ2w8e2ZtHTl7GptT4jmndRuHDT" crossorigin="anonymous">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Barlow&family=Cormorant+Garamond:ital@1&display=swap" rel="stylesheet">
|
||||
<link rel="icon" href="../Images\logodetoure.gif" type="image/png">
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Barlow', sans-serif;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header class="main-header">
|
||||
<div class="header-top">
|
||||
<div class="logo-section">
|
||||
<img src="../Images/LogoDetoure_1.gif" alt="Logo GSB" width="70">
|
||||
<p class="baseline">Gestion des comptes-rendus de visites</p>
|
||||
</div>
|
||||
|
||||
<nav class="nav-right">
|
||||
<a href="../Vue/connexion.php" class="btn-connexion">Connexion</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<nav class="main-nav">
|
||||
<ul>
|
||||
<li><a href="../Vue/agenda.php">Agenda</a></li>
|
||||
<li><a href="../Vue/nouveauCompteRendu.php">Nouveau Compte-Rendu</a></li>
|
||||
<li><a href="../Vue/historiqueCompteRendu.php">Historique Compte-Rendu</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main class="main-content">
|
||||
</main>
|
||||
|
||||
<footer class="main-footer">
|
||||
<p>© 2025 - GSB Application</p>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
@ -1,81 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>GSB Application - Connexion</title>
|
||||
<link rel="stylesheet" href="../Styles/style.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4Q6Gf2aSP4eDXB8Miphtr37CMZZQ5oXLH2yaXMJ2w8e2ZtHTl7GptT4jmndRuHDT" crossorigin="anonymous">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Barlow&family=Cormorant+Garamond:ital@1&display=swap" rel="stylesheet">
|
||||
<link rel="icon" href="../Images/logodetoure.gif" type="image/png">
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Barlow', sans-serif;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
// Fonction de validation du formulaire
|
||||
function validateForm() {
|
||||
const username = document.getElementById('username').value;
|
||||
const password = document.getElementById('password').value;
|
||||
const role = document.querySelector('input[name="role"]:checked');
|
||||
|
||||
if (username == "" || password == "" || !role) {
|
||||
alert("Tous les champs doivent être remplis, y compris le choix du rôle.");
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header class="main-header">
|
||||
<div class="header-top">
|
||||
<div class="logo-section">
|
||||
<img src="../Images/LogoDetoure_1.gif" alt="Logo GSB" width="70">
|
||||
<p class="baseline">Gestion des comptes-rendus de visites</p>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main-content">
|
||||
<h2>Connexion à l'application</h2>
|
||||
|
||||
<form action="authentification.php" method="POST" onsubmit="return validateForm()">
|
||||
<div class="mb-3">
|
||||
<label for="username" class="form-label">Nom d'utilisateur</label>
|
||||
<input type="text" class="form-control" id="username" name="username" required>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="password" class="form-label">Mot de passe</label>
|
||||
<input type="password" class="form-control" id="password" name="password" required>
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Choisissez votre rôle</label>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="radio" name="role" id="praticien" value="praticien">
|
||||
<label class="form-check-label" for="praticien">
|
||||
Praticien
|
||||
</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="radio" name="role" id="visiteur" value="visiteur">
|
||||
<label class="form-check-label" for="visiteur">
|
||||
Visiteur
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary">Se connecter</button>
|
||||
</form>
|
||||
</main>
|
||||
|
||||
<footer class="main-footer">
|
||||
<p>© 2025 - GSB Application</p>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
@ -1,48 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>GSB Application - Accueil</title>
|
||||
<link rel="stylesheet" href="../Styles\style.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4Q6Gf2aSP4eDXB8Miphtr37CMZZQ5oXLH2yaXMJ2w8e2ZtHTl7GptT4jmndRuHDT" crossorigin="anonymous">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Barlow&family=Cormorant+Garamond:ital@1&display=swap" rel="stylesheet">
|
||||
<link rel="icon" href="../Images\logodetoure.gif" type="image/png">
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Barlow', sans-serif;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header class="main-header">
|
||||
<div class="header-top">
|
||||
<div class="logo-section">
|
||||
<img src="../Images/LogoDetoure_1.gif" alt="Logo GSB" width="70">
|
||||
<p class="baseline">Gestion des comptes-rendus de visites</p>
|
||||
</div>
|
||||
|
||||
<nav class="nav-right">
|
||||
<a href="../Vue/connexion.php" class="btn-connexion">Connexion</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<nav class="main-nav">
|
||||
<ul>
|
||||
<li><a href="../Vue/agenda.php">Agenda</a></li>
|
||||
<li><a href="../Vue/nouveauCompteRendu.php">Nouveau Compte-Rendu</a></li>
|
||||
<li><a href="../Vue/historiqueCompteRendu.php">Historique Compte-Rendu</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main class="main-content">
|
||||
</main>
|
||||
|
||||
<footer class="main-footer">
|
||||
<p>© 2025 - GSB Application</p>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
@ -1,45 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>GSB Application - Accueil</title>
|
||||
<link rel="stylesheet" href="../Styles\style.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4Q6Gf2aSP4eDXB8Miphtr37CMZZQ5oXLH2yaXMJ2w8e2ZtHTl7GptT4jmndRuHDT" crossorigin="anonymous">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Barlow&family=Cormorant+Garamond:ital@1&display=swap" rel="stylesheet">
|
||||
<link rel="icon" href="../Images/LogoDetoure_1.gif" type="image/png">
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Barlow', sans-serif;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header class="main-header">
|
||||
<div class="header-top">
|
||||
<div class="logo-section">
|
||||
<img src="../Images/LogoDetoure_1.gif" alt="Logo GSB" width="70">
|
||||
<p class="baseline">Gestion des comptes-rendus de visites</p>
|
||||
</div>
|
||||
|
||||
<nav class="nav-right">
|
||||
<a href="../Vue/connexion.php" class="btn-connexion">Connexion</a>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main class="main-content">
|
||||
<h2>Bienvenue sur l'application de gestion de compte-rendus de visites destinés aux visiteurs médicaux</h2>
|
||||
<p>Veuillez vous connecter pour accéder à l'application.</p>
|
||||
<br>
|
||||
<p>Comment utiliser l'application :</p>
|
||||
<embed src="https://www.codeur.com/tuto/wp-content/uploads/2022/02/pdf-test.pdf" width="800" height="500" type="application/pdf"/>
|
||||
</main>
|
||||
|
||||
<footer class="main-footer">
|
||||
<p>© 2025 - GSB Application</p>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
@ -1,48 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>GSB Application - Accueil</title>
|
||||
<link rel="stylesheet" href="../Styles\style.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.6/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4Q6Gf2aSP4eDXB8Miphtr37CMZZQ5oXLH2yaXMJ2w8e2ZtHTl7GptT4jmndRuHDT" crossorigin="anonymous">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Barlow&family=Cormorant+Garamond:ital@1&display=swap" rel="stylesheet">
|
||||
<link rel="icon" href="../Images\logodetoure.gif" type="image/png">
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Barlow', sans-serif;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header class="main-header">
|
||||
<div class="header-top">
|
||||
<div class="logo-section">
|
||||
<img src="../Images/LogoDetoure_1.gif" alt="Logo GSB" width="70">
|
||||
<p class="baseline">Gestion des comptes-rendus de visites</p>
|
||||
</div>
|
||||
|
||||
<nav class="nav-right">
|
||||
<a href="../Vue/connexion.php" class="btn-connexion">Connexion</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<nav class="main-nav">
|
||||
<ul>
|
||||
<li><a href="../Vue/agenda.php">Agenda</a></li>
|
||||
<li><a href="../Vue/nouveauCompteRendu.php">Nouveau Compte-Rendu</a></li>
|
||||
<li><a href="../Vue/historiqueCompteRendu.php">Historique Compte-Rendu</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main class="main-content">
|
||||
</main>
|
||||
|
||||
<footer class="main-footer">
|
||||
<p>© 2025 - GSB Application</p>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
Loading…
x
Reference in New Issue
Block a user