corentin.caillot
/
site_web
generated from Templates_CodeFirst/templateHtmlCss
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improved maintenance page
continuous-integration/drone/push Build is failing Details

Browse Source
master
cocaillot 5 months ago
parent 17551a5ec0
commit e22ee5ac94
1 changed files with 43 additions and 55 deletions
Show Stats Download Patch File Download Diff File

98
httpdocs/under_dev.html
Unescape View File

@ -1,35 +1,45 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <html lang=\"fr\">
<head> <head>
<meta charset="UTF-8"> <meta charset=\"UTF-8\">
<link type="text/css" rel="stylesheet" href="style.css"> <link type=\"text/css\" rel=\"stylesheet\" href=\"style.css\">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet"> <link href=\"https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap\" rel=\"stylesheet\">
<title>Corentin - En Construction</title> <title>Corentin - En Construction</title>
<style> <style>
body {
background-color: #1a1a1a;
color: #fff;
font-family: 'Roboto', sans-serif;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
margin: 0;
padding: 0;
}
.development-container { .development-container {
text-align: center; text-align: center;
padding-top: 100px; animation: fadeIn 2s ease-in;
} }
.dev-message { .dev-message {
font-family: 'Roboto', sans-serif; font-size: 2.5em;
font-size: 2em;
font-weight: bold; font-weight: bold;
color: #fff; margin: 20px 0;
margin-top: 50px;
text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8); text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8);
} }
.dev-submessage { .dev-submessage {
font-family: 'Roboto', sans-serif; font-size: 1.3em;
font-size: 1.2em; color: #ccc;
color: #ddd; margin-bottom: 40px;
margin-top: 20px;
} }
.spinner { .spinner {
margin-top: 60px; margin: 40px auto;
border: 10px solid #f3f3f3; border: 10px solid rgba(255, 255, 255, 0.3);
border-top: 10px solid #3498db; border-top: 10px solid #3498db;
border-radius: 50%; border-radius: 50%;
width: 100px; width: 100px;
@ -42,52 +52,30 @@
100% { transform: rotate(360deg); } 100% { transform: rotate(360deg); }
} }
.spinner { @keyframes fadeIn {
animation: spin 2s linear infinite; from { opacity: 0; }
} to { opacity: 1; }
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} }
body { footer {
background-color: #1a1a1a; position: absolute;
bottom: 10px;
width: 100%;
text-align: center; text-align: center;
color: #666;
font-size: 0.9em;
} }
</style> </style>
</head>
<body>
<nav class="navbar">
<ul class="navbar-list">
<li><a href="index.html">Accueil</a></li>
<li><a href="cursus.html">Cursus</a></li>
<li><a href="planning.html">Planning</a></li>
<li class="dropdown">
<a href="#">Gallerie</a>
<ul class="dropdown-content">
<li><a href="images.html">Images</a></li>
<li><a href="videos.html">Vidéos</a></li>
</ul>
</li>
<li><a href="form.php">Formulaire</a></li>
</ul>
</nav>
<title>En Construction</title>
</head> </head>
<body> <body>
<div class="development-container" style="text-align: center; padding: 20px;"> <div class=\"development-container\">
<h1 class="dev-message">Page en cours de développement</h1> <h1 class=\"dev-message\">Page en cours de développement</h1>
<p class="dev-message">Revenez bientôt !</p> <p class=\"dev-submessage\">Revenez bientôt !</p>
<div class=\"spinner\"></div>
<div class="spinner"></div> <p class=\"dev-submessage\">Merci pour votre patience !</p>
<p class="dev-message">Merci pour votre patience !</p>
</div> </div>
<footer>
<p>Pied de page</p>
</footer>
</body> </body>
<footer>
<p style="text-align: center;">Pied de page</p>
</footer>
</html> </html>

Write Preview
Loading…
Cancel
Save