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

master
cocaillot 5 months ago
parent 7b82e22061
commit 8d0156a7a9

@ -5,6 +5,7 @@
<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">
<script src="effect.js" defer></script> <script src="effect.js" defer></script>
<script src="toggle.js"></script>
<title>Corentin</title> <title>Corentin</title>
<nav class="navbar"> <nav class="navbar">
<ul class="navbar-list"> <ul class="navbar-list">

@ -4,6 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="effect.js" defer></script> <script src="effect.js" defer></script>
<script src="toggle.js"></script>
<title>Contact Form</title> <title>Contact Form</title>
<!-- Tailwind CSS --> <!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.tailwindcss.com"></script>

@ -5,6 +5,7 @@
<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">
<script src="effect.js" defer></script> <script src="effect.js" defer></script>
<script src="toggle.js"></script>
<title>Corentin</title> <title>Corentin</title>
<nav class="navbar"> <nav class="navbar">
<ul class="navbar-list"> <ul class="navbar-list">

@ -3,6 +3,7 @@
<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">
<script src="toggle.js"></script>
<script src="effect.js" defer></script> <script src="effect.js" defer></script>
<title>Corentin</title> <title>Corentin</title>
<nav class="navbar"> <nav class="navbar">

@ -3,6 +3,7 @@
<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">
<script src="toggle.js"></script>
<script src="effect.js" defer></script> <script src="effect.js" defer></script>
<title>Corentin</title> <title>Corentin</title>
<nav class="navbar"> <nav class="navbar">

@ -5,6 +5,7 @@
<link type="text/css" rel="stylesheet" href="style.css"> <link type="text/css" rel="stylesheet" href="style.css">
<script src="effect.js" defer></script> <script src="effect.js" defer></script>
<script src="project.js" defer></script> <!-- Load dynamic content --> <script src="project.js" defer></script> <!-- Load dynamic content -->
<script src="toggle.js"></script>
<title>Projet</title> <title>Projet</title>
</head> </head>
<body> <body>

@ -0,0 +1,7 @@
const devMode = true; // set to false when you want to go back to your normal site
if(devMode && window.location.pathname !== '/under-dev.html'){
window.location.replace('under-dev.html');
} else if (!devMode && window.location.pathname === '/under-dev.html') {
window.location.replace('index.html');
}

@ -0,0 +1,93 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<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">
<title>Corentin - En Construction</title>
<style>
.development-container {
text-align: center;
padding-top: 100px;
}
.dev-message {
font-family: 'Roboto', sans-serif;
font-size: 2em;
font-weight: bold;
color: #fff;
margin-top: 50px;
text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8);
}
.dev-submessage {
font-family: 'Roboto', sans-serif;
font-size: 1.2em;
color: #ddd;
margin-top: 20px;
}
.spinner {
margin-top: 60px;
border: 10px solid #f3f3f3;
border-top: 10px solid #3498db;
border-radius: 50%;
width: 100px;
height: 100px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.spinner {
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
body {
background-color: #1a1a1a;
text-align: center;
}
</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>
<body>
<div class="development-container" style="text-align: center; padding: 20px;">
<h1 class="dev-message">Page en cours de développement</h1>
<p class="dev-message">Revenez bientôt !</p>
<div class="spinner"></div>
<p class="dev-message">Merci pour votre patience !</p>
</div>
</body>
<footer>
<p style="text-align: center;">Pied de page</p>
</footer>
</html>

@ -4,6 +4,8 @@
<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" />
<script src="toggle.js"></script>
<script src="effect.js" defer></script>s
<title>Corentin</title> <title>Corentin</title>
<nav class="navbar"> <nav class="navbar">
<ul class="navbar-list"> <ul class="navbar-list">

Loading…
Cancel
Save