首页 发现 帮助
注册 登录
Opentalent
/
app
2
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

improve the maintenance.html file

Olivier Massot 6 月之前
父节点
219c6b43a3
当前提交
29d6a75a81
共有 6 个文件被更改，包括 80 次插入 和 20 次删除
合并视图 显示文件统计
  1. 17 0
      README.md
  2. 0 15
      public/.htaccess
  3. 二进制
      public/images/logos/Logo_Opentalent-blanc.png
  4. 二进制
      public/images/logos/Logo_Opentalent-gris.png
  5. 二进制
      public/images/logos/Logo_Opentalent_Griffe.png
  6. 63 5
      public/maintenance.html

+ 17 - 0
README.md
查看文件 

@@ -67,6 +67,23 @@ Attention, sur les environnements de test, il faut utiliser nvm pour exécuter l
 
 
 
     nvm exec yarn install
 
     nvm exec yarn install
 
 
 
+### Activer / désactiver le mode maintenance
 
+
 
+Pour activer le mode maintenance en production :
 
+
 
+    # (éditer les dates et heures de la maintenance, ligne 75)
 
+    nano /var/opentalent/git/app/public/maintenance.html  
+
 
+    # activer la maintenance
 
+    touch /var/opentalent/git/app/.maintenance
 
+
 
+Pour le désactiver : 
+
 
+    rm /var/opentalent/git/app/.maintenance
 
+
 
+
 
+> Les Ips internes sont exclues du mode maintenance
 
+
 
 ## Autres
 
 ## Autres
 
 
 
 ### Lancer les tests
 
 ### Lancer les tests

+ 0 - 15
public/.htaccess
查看文件 

@@ -1,15 +0,0 @@
 
-<IfModule mod_rewrite.c>
 
-  RewriteEngine On
 
-
 
-  # Vérifier si le fichier .maintenance existe
 
-  RewriteCond %{DOCUMENT_ROOT}/.maintenance -f
 
-
 
-  # Exclure certaines adresses IP (optionnel) - remplacez par votre IP
 
-  # RewriteCond %{REMOTE_ADDR} !^10\.8\.0\.
 
-
 
-  # Ne pas rediriger pour le fichier maintenance.html lui-même
 
-  RewriteCond %{REQUEST_URI} !/maintenance.html
 
-
 
-  # Rediriger vers la page de maintenance
 
-  RewriteRule ^(.*)$ /maintenance.html [R=307,L]
 
-</IfModule>

二进制
public/images/logos/Logo_Opentalent-blanc.png
查看文件


二进制
public/images/logos/Logo_Opentalent-gris.png
查看文件


二进制
public/images/logos/Logo_Opentalent_Griffe.png
查看文件


+ 63 - 5
public/maintenance.html
查看文件 

@@ -3,22 +3,80 @@
 
 <html>
 
 <html>
 
   <head>
 
   <head>
 
     <title>Site en maintenance</title>
 
     <title>Site en maintenance</title>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <style>
 
     <style>
 
       body {
 
       body {
 
         font-family: Arial, sans-serif;
 
         font-family: Arial, sans-serif;
 
         text-align: center;
 
         text-align: center;
 
-        padding: 50px;
 
+        background-color: #ecf0f5; /* background from lightTheme */
 
+        color: #000000; /* on-background from lightTheme */
 
+        margin: 0;
 
+        padding: 0;
 
+        display: flex;
 
+        justify-content: center;
 
+        align-items: center;
 
+        min-height: 100vh;
 
+      }
 
+      .maintenance-container {
 
+        background-color: #ffffff; /* surface from lightTheme */
 
+        border-radius: 8px;
 
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 
+        padding: 40px;
 
+        max-width: 600px;
 
+        width: 90%;
 
+      }
 
+      .logo {
 
+        max-width: 250px;
 
+        margin-bottom: 30px;
 
       }
 
       }
 
       h1 {
 
       h1 {
 
-        color: #333;
 
+        color: #324150; /* secondary from lightTheme */
 
+        margin-bottom: 20px;
 
+        font-size: 28px;
 
       }
 
       }
 
       p {
 
       p {
 
-        color: #666;
 
+        color: #777777; /* neutral-strong from lightTheme */
 
+        font-size: 18px;
 
+        line-height: 1.5;
 
+        margin-bottom: 30px;
 
+      }
 
+      .maintenance-date {
 
+        color: #324150; /* secondary from lightTheme */
 
+        font-size: 16px;
 
+        font-weight: bold;
 
+        margin-bottom: 20px;
 
+        padding: 10px;
 
+        background-color: #f5f5f5;
 
+        border-radius: 4px;
 
+        display: inline-block;
 
+      }
 
+      .status-indicator {
 
+        display: inline-block;
 
+        background-color: #00ad8e; /* primary from lightTheme */
 
+        color: #ffffff; /* on-primary from lightTheme */
 
+        padding: 10px 20px;
 
+        border-radius: 4px;
 
+        font-weight: bold;
 
       }
 
       }
 
     </style>
 
     </style>
 
   </head>
 
   </head>
 
   <body>
 
   <body>
 
-    <h1>Site en maintenance</h1>
 
-    <p>Notre site est actuellement en maintenance. Veuillez revenir plus tard.</p>
 
+    <div class="maintenance-container">
 
+      <img src="/images/logos/Logo_Opentalent_Griffe.png" alt="Opentalent Logo" class="logo">
 
+      <h1>
 
+        Site en maintenance
 
+      </h1>
 
+      <p>
 
+        Notre site est actuellement en maintenance. Nous travaillons à améliorer votre
 
+        expérience et serons de retour très bientôt. Veuillez revenir plus tard.
 
+      </p>
 
+      <div class="maintenance-date">
 
+        Date de maintenance : mercredi 04 juin, de 12h00 à 13h00
 
+      </div>
 
+      <div class="status-indicator">
 
+        Maintenance en cours
 
+      </div>
 
+    </div>
 
   </body>
 
   </body>
 
 </html>
 
 </html>