feat: maintenance page for off2 reverse proxy on openfoodfacts

openfoodfacts · Nov 22, 2023 · 7df8d2f · 7df8d2f
1 parent a14e384
commit 7df8d2f
Show file tree

Hide file tree

Showing 4 changed files with 108 additions and 0 deletions.
diff --git a/confs/proxy-off/nginx/openfoodfacts.org b/confs/proxy-off/nginx/openfoodfacts.org
@@ -50,7 +50,14 @@ server {
         proxy_set_header X-Forwarded-Proto https;
         proxy_set_header Host $host;
         client_max_body_size 512M;
+
+ 	proxy_intercept_errors on;
+        error_page 502 /502.html;
+    }
+    location ~* 502\.(html|jpg)  {
+       root /opt/openfoodfacts-infrastructure/html/;
     }
+
 }
 
 

diff --git a/confs/proxy-off/nginx/pro.openfoodfacts.org b/confs/proxy-off/nginx/pro.openfoodfacts.org
@@ -50,6 +50,12 @@ server {
         proxy_set_header X-Forwarded-Proto https;
         proxy_set_header Host $host;
         client_max_body_size 512M;
+
+ 	proxy_intercept_errors on;
+        error_page 502 /502.html;
+    }
+    location ~* 502\.(html|jpg)  {
+       root /opt/openfoodfacts-infrastructure/html/;
     }
 }
 

diff --git a/html/502.html b/html/502.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>🍊 Service Downtime Notification - Open Food Facts 🍊</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            text-align: center;
+            padding: 20px;
+            background-color: #f4f4f4;
+        }
+        .alert {
+            background-color: #ffcc00;
+            color: black;
+            padding: 20px;
+            margin-bottom: 15px;
+        }
+        .main-content {
+            background-color: white;
+            padding: 20px;
+            border-radius: 10px;
+            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+            margin-bottom: 30px;
+        }
+    </style>
+</head>
+<body>
+    <div class="alert">
+        🍊🚧 Service Downtime Alert for Open Food Facts 🚧🍊
+    </div>
+
+    <img src="./502.jpg">
+
+    <!-- English Section -->
+    <div class="main-content" lang="en">
+        <h1>Open Food Facts Maintenance</h1>
+        <p>We are currently undergoing a major migration, and our services, including the Web platform, mobile app, API, and Producer Platform, are temporarily unavailable.</p>
+        <p>The downtime is expected to last for approximately 1 hour. We apologize for any inconvenience this may cause and appreciate your understanding as we work to improve our services.</p>
+        <p>Thank you for your patience!</p>
+    </div>
+
+    <!-- Dutch Section -->
+    <div class="main-content" lang="nl">
+        <h1>Onderhoud Open Food Facts</h1>
+        <p>We zijn momenteel bezig met een grote migratie, en onze diensten, inclusief het webplatform, de mobiele app, API en het producentenplatform, zijn tijdelijk niet beschikbaar.</p>
+        <p>De verwachte downtime is ongeveer 1 uur. Onze excuses voor het ongemak en bedankt voor uw begrip terwijl we werken aan het verbeteren van onze diensten.</p>
+        <p>Bedankt voor uw geduld!</p>
+    </div>
+
+    <!-- German Section -->
+    <div class="main-content" lang="de">
+        <h1>Wartungsarbeiten bei Open Food Facts</h1>
+        <p>Wir führen derzeit eine große Migration durch, und unsere Dienste, einschließlich der Webplattform, der mobilen App, der API und der Produzentenplattform, sind vorübergehend nicht verfügbar.</p>
+        <p>Die Ausfallzeit wird voraussichtlich etwa 1 Stunde betragen. Wir entschuldigen uns für die Unannehmlichkeiten und danken Ihnen für Ihr Verständnis, während wir unsere Dienste verbessern.</p>
+        <p>Vielen Dank für Ihre Geduld!</p>
+    </div>
+
+    <!-- French Section -->
+    <div class="main-content" lang="fr">
+        <h1>Maintenance d'Open Food Facts</h1>
+        <p>Nous procédons actuellement à une importante migration, et nos services, y compris la plateforme Web, l'application mobile, l'API et la plateforme des producteurs, sont temporairement indisponibles.</p>
+        <p>La durée de l'interruption est estimée à environ 1 heure. Nous nous excusons pour tout inconvénient que cela pourrait causer et vous remercions de votre compréhension alors que nous travaillons à l'amélioration de nos services.</p>
+        <p>Merci de votre patience !</p>
+    </div>
+
+    <!-- Italian Section -->
+    <div class="main-content" lang="it">
+        <h1>Manutenzione di Open Food Facts</h1>
+        <p>Stiamo attualmente effettuando una grande migrazione e i nostri servizi, inclusa la piattaforma Web, l'app mobile, l'API e la piattaforma dei produttori, sono temporaneamente non disponibili.</p>
+        <p>Il tempo di inattività previsto è di circa 1 ora. Ci scusiamo per l'inconveniente e apprezziamo la vostra comprensione mentre lavoriamo per migliorare i nostri servizi.</p>
+        <p>Grazie per la vostra pazienza!</p>
+    </div>
+
+    <!-- Spanish Section -->
+    <div class="main-content" lang="es">
+        <h1>Mantenimiento de Open Food Facts</h1>
+        <p>Actualmente estamos realizando una migración importante, y nuestros servicios, incluyendo la plataforma web, la aplicación móvil, la API y la Plataforma de Productores, están temporalmente no disponibles.</p>
+        <p>Se espera que el tiempo de inactividad dure aproximadamente 1 hora. Pedimos disculpas por cualquier inconveniente que esto pueda causar y agradecemos su comprensión mientras trabajamos para mejorar nuestros servicios.</p>
+        <p>¡Gracias por su paciencia!</p>
+    </div>
+
+    <!-- Portuguese Section -->
+    <div class="main-content" lang="pt">
+        <h1>Manutenção do Open Food Facts</h1>
+        <p>Estamos atualmente em processo de uma grande migração, e nossos serviços, incluindo a plataforma web, aplicativo móvel, API e Plataforma do Produtor, estão temporariamente indisponíveis.</p>
+        <p>O tempo de inatividade previsto é de aproximadamente 1 hora. Pedimos desculpas por qualquer inconveniente e agradecemos sua compreensão enquanto trabalhamos para melhorar nossos serviços.</p>
+        <p>Obrigado pela sua paciência!</p>
+    </div>
+
+</body>
+</html>
+
diff --git a/html/502.jpg b/html/502.jpg