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

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

Browse Source
master
cocaillot 5 months ago
parent e22ee5ac94
commit 4e2dc6f076
1 changed files with 35 additions and 21 deletions
Show Stats Download Patch File Download Diff File

56
httpdocs/under_dev.html
Unescape View File

@ -1,9 +1,9 @@
<!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 { body {
@ -17,18 +17,22 @@
height: 100vh; height: 100vh;
margin: 0; margin: 0;
padding: 0; padding: 0;
animation: fadeIn 2s ease-in;
} }
.development-container { .development-container {
text-align: center; text-align: center;
animation: fadeIn 2s ease-in; background: rgba(0, 0, 0, 0.6);
padding: 50px;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.7);
} }
.dev-message { .dev-message {
font-size: 2.5em; font-size: 2em;
font-weight: bold; font-weight: bold;
margin: 20px 0; margin: 20px 0;
text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8); text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
} }
.dev-submessage { .dev-submessage {
@ -52,30 +56,40 @@
100% { transform: rotate(360deg); } 100% { transform: rotate(360deg); }
} }
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
footer { footer {
position: absolute; position: fixed;
bottom: 10px; bottom: 20px;
width: 100%; width: 100%;
text-align: center; text-align: center;
color: #666; color: #aaa;
font-size: 0.9em; font-size: 0.9em;
} }
footer a {
color: #3498db;
text-decoration: none;
transition: color 0.3s ease;
}
footer a:hover {
color: #fff;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
</style> </style>
</head> </head>
<body> <body>
<div class=\"development-container\"> <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-submessage\">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-submessage">Merci pour votre patience !</p>
</div> </div>
<footer> <footer>
<p>Pied de page</p> <p>Pour toute question, contactez-moi à <a href="mailto:contact@corentincaillot.com">contact@corentincaillot.com</a></p>
</footer> </footer>
</body> </body>
</html> </html>

Write Preview
Loading…
Cancel
Save