clients/maintenance.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.     <meta name="description" content="{% block meta_description %}{% endblock %}">
  8.     <title>{% block title %}{{ accountingFirm.name }}{% endblock %}</title>
  9.     <meta name="author" content="{% block author %}{{ cabinet.name | capitalize }}{% endblock %}">
  10.     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap" rel="stylesheet">
  11.     <style>
  12.         :root {
  13.             --agex-primary: {
  14.                     {
  15.                     cabinet.actuv2Colorprimary
  16.                 }
  17.             }
  19.             ;
  21.             --agex-secondary: {
  22.                     {
  23.                     cabinet.actuv2Colorsecondary
  24.                 }
  25.             }
  27.             ;
  28.             --agex-gray: #f6f5f2;
  29.             --agex-gray-text: #6c757d;
  30.         }
  32.         * {
  33.             margin: 0;
  34.             padding: 0;
  35.             box-sizing: border-box;
  36.         }
  38.         body {
  39.             min-height: 100vh;
  40.             display: flex;
  41.             align-items: center;
  42.             justify-content: center;
  43.             font-family: 'Inter', sans-serif;
  44.             background: linear-gradient(135deg, var(--agex-primary), var(--agex-secondary));
  45.             color: white;
  46.             padding: 1rem;
  47.         }
  49.         .maintenance-container {
  50.             max-width: 90%;
  51.             width: 800px;
  52.             padding: 2rem;
  53.             background: rgba(255, 255, 255, 0.1);
  54.             backdrop-filter: blur(10px);
  55.             border-radius: 20px;
  56.             box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  57.             animation: fadeIn 0.5s ease-out;
  58.             justify-content: center;
  59.             display: flex;
  60.             flex-direction: column;
  61.             align-items: center;
  62.         }
  64.         @keyframes fadeIn {
  65.             from {
  66.                 opacity: 0;
  67.                 transform: translateY(20px);
  68.             }
  70.             to {
  71.                 opacity: 1;
  72.                 transform: translateY(0);
  73.             }
  74.         }
  76.         .icon {
  77.             width: 80px;
  78.             height: 80px;
  79.             margin: 0 auto 2rem;
  80.             fill: white;
  81.             animation: rotate 3s linear infinite;
  83.         }
  85.         @keyframes rotate {
  86.             from {
  87.                 transform: rotate(0deg);
  88.             }
  90.             to {
  91.                 transform: rotate(360deg);
  92.             }
  93.         }
  95.         h1 {
  96.             font-size: clamp(2rem, 5vw, 3rem);
  97.             font-weight: 600;
  98.             margin-bottom: 1.5rem;
  99.             text-align: center;
  100.         }
  102.         p {
  103.             font-size: clamp(1rem, 3vw, 1.25rem);
  104.             line-height: 1.6;
  105.             margin-bottom: 1rem;
  106.             font-weight: 300;
  107.             text-align: center;
  108.         }
  110.         .footnote {
  111.             font-size: clamp(0.875rem, 2vw, 1rem);
  112.             opacity: 0.8;
  113.         }
  115.         @media (max-width: 480px) {
  116.             .maintenance-container {
  117.                 padding: 1.5rem;
  118.             }
  120.             .icon {
  121.                 width: 60px;
  122.                 height: 60px;
  123.             }
  124.         }
  125.     </style>
  126. </head>
  128. <body>
  129.     {% if parameters.construction == true %}
  130.     <main class="maintenance-container">
  131.         <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
  132.             <!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
  133.             <path
  134.                 d="M495.9 166.6c3.2 8.7 .5 18.4-6.4 24.6l-43.3 39.4c1.1 8.3 1.7 16.8 1.7 25.4s-.6 17.1-1.7 25.4l43.3 39.4c6.9 6.2 9.6 15.9 6.4 24.6c-4.4 11.9-9.7 23.3-15.8 34.3l-4.7 8.1c-6.6 11-14 21.4-22.1 31.2c-5.9 7.2-15.7 9.6-24.5 6.8l-55.7-17.7c-13.4 10.3-28.2 18.9-44 25.4l-12.5 57.1c-2 9.1-9 16.3-18.2 17.8c-13.8 2.3-28 3.5-42.5 3.5s-28.7-1.2-42.5-3.5c-9.2-1.5-16.2-8.7-18.2-17.8l-12.5-57.1c-15.8-6.5-30.6-15.1-44-25.4L83.1 425.9c-8.8 2.8-18.6 .3-24.5-6.8c-8.1-9.8-15.5-20.2-22.1-31.2l-4.7-8.1c-6.1-11-11.4-22.4-15.8-34.3c-3.2-8.7-.5-18.4 6.4-24.6l43.3-39.4C64.6 273.1 64 264.6 64 256s.6-17.1 1.7-25.4L22.4 191.2c-6.9-6.2-9.6-15.9-6.4-24.6c4.4-11.9 9.7-23.3 15.8-34.3l4.7-8.1c6.6-11 14-21.4 22.1-31.2c5.9-7.2 15.7-9.6 24.5-6.8l55.7 17.7c13.4-10.3 28.2-18.9 44-25.4l12.5-57.1c2-9.1 9-16.3 18.2-17.8C227.3 1.2 241.5 0 256 0s28.7 1.2 42.5 3.5c9.2 1.5 16.2 8.7 18.2 17.8l12.5 57.1c15.8 6.5 30.6 15.1 44 25.4l55.7-17.7c8.8-2.8 18.6-.3 24.5 6.8c8.1 9.8 15.5 20.2 22.1 31.2l4.7 8.1c6.1 11 11.4 22.4 15.8 34.3zM256 336a80 80 0 1 0 0-160 80 80 0 1 0 0 160z" />
  135.         </svg>
  136.         <h1>Site en cours de construction </h1>
  137.         <p>Découvrez prochainement notre site Internet.</p>
  138.         <p class="footnote">Merci pour votre patience.</p>
  139.     </main>
  140.     {% else %}
  141.     <main class="maintenance-container">
  142.         <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
  143.             <!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
  144.             <path
  145.                 d="M495.9 166.6c3.2 8.7 .5 18.4-6.4 24.6l-43.3 39.4c1.1 8.3 1.7 16.8 1.7 25.4s-.6 17.1-1.7 25.4l43.3 39.4c6.9 6.2 9.6 15.9 6.4 24.6c-4.4 11.9-9.7 23.3-15.8 34.3l-4.7 8.1c-6.6 11-14 21.4-22.1 31.2c-5.9 7.2-15.7 9.6-24.5 6.8l-55.7-17.7c-13.4 10.3-28.2 18.9-44 25.4l-12.5 57.1c-2 9.1-9 16.3-18.2 17.8c-13.8 2.3-28 3.5-42.5 3.5s-28.7-1.2-42.5-3.5c-9.2-1.5-16.2-8.7-18.2-17.8l-12.5-57.1c-15.8-6.5-30.6-15.1-44-25.4L83.1 425.9c-8.8 2.8-18.6 .3-24.5-6.8c-8.1-9.8-15.5-20.2-22.1-31.2l-4.7-8.1c-6.1-11-11.4-22.4-15.8-34.3c-3.2-8.7-.5-18.4 6.4-24.6l43.3-39.4C64.6 273.1 64 264.6 64 256s.6-17.1 1.7-25.4L22.4 191.2c-6.9-6.2-9.6-15.9-6.4-24.6c4.4-11.9 9.7-23.3 15.8-34.3l4.7-8.1c6.6-11 14-21.4 22.1-31.2c5.9-7.2 15.7-9.6 24.5-6.8l55.7 17.7c13.4-10.3 28.2-18.9 44-25.4l12.5-57.1c2-9.1 9-16.3 18.2-17.8C227.3 1.2 241.5 0 256 0s28.7 1.2 42.5 3.5c9.2 1.5 16.2 8.7 18.2 17.8l12.5 57.1c15.8 6.5 30.6 15.1 44 25.4l55.7-17.7c8.8-2.8 18.6-.3 24.5 6.8c8.1 9.8 15.5 20.2 22.1 31.2l4.7 8.1c6.1 11 11.4 22.4 15.8 34.3zM256 336a80 80 0 1 0 0-160 80 80 0 1 0 0 160z" />
  146.         </svg>
  147.         <h1>Site en maintenance</h1>
  148.         <p>Nous améliorons votre expérience. Le site sera de retour prochainement.</p>
  149.         <p class="footnote">Merci pour votre patience</p>
  150.     </main>
  151.     {% endif %}
  152. </body>
  154. </html>