epfl-elements 4.0.0 → 4.2.0

package/dist/components/pages/maintenance/maintenance.twig

@@ -0,0 +1,52 @@
+{% set isSpecial = true %}
+
+{% extends "@templates/base/base.twig" %}
+
+{% block header %}
+  <header role="banner" class="header">
+    <a class="logo" href="https://www.epfl.ch">
+      <img src="svg/epfl-logo.svg" alt="Logo EPFL, École polytechnique fédérale de Lausanne" class="img-fluid">
+    </a>
+  </header>
+{% endblock %}
+
+{% block breadcrumb %}
+  <div class="breadcrumb-container">
+    <nav aria-label="breadcrumb" class="breadcrumb-wrapper">
+      <ol class="breadcrumb">
+        <li class="breadcrumb-item">
+          <a href="#">
+            {% include '@atoms/icon/icon.twig' with { icon: 'icon-home' } %}
+          </a>
+        </li>
+        <li class="breadcrumb-item">Maintenance</li>
+      </ol>
+    </nav>
+  </div>
+{% endblock %}
+
+{% block main %}
+  <main id="main" role="main" class="content container">
+
+    {% block content %}
+      <h1 class="my-5">Maintenance</h1>
+      <p>
+        The site is currently under maintenance. Please come back a little later.
+      </p>
+      <p>
+        Le site est actuellement en maintenance. Merci de revenir un peu plus tard.
+      </p>
+    {% endblock %}
+
+  </main>
+{% endblock %}
+
+{% block footer_container %}
+  <div class="bg-gray-100 pt-5">
+    <div class="container">
+      {% block footer %}
+        {% include '@organisms/footer/footer-light.twig' %}
+      {% endblock %}
+    </div>
+  </div>
+{% endblock %}

package/dist/components/pages/maintenance/maintenance.yml

@@ -0,0 +1,2 @@
+title: Maintenance
+name: maintenance

package/dist/css/elements.css

@@ -16326,17 +16326,17 @@ ol.flickity-page-dots li:before {
   .question .custom-control-label-content {
     margin-bottom: -1px;
   }
-  .question-content {
-    padding: 1rem 0;
-  }
-  .custom-control-input:checked + .custom-control-label {
+  .question .custom-control-input:checked + .custom-control-label {
     padding-left: 0.5rem;
     margin-right: -0.5rem;
     z-index: 10;
   }
-  .custom-control-input:checked + .custom-control-label .trapeze-vertical {
+  .question .custom-control-input:checked + .custom-control-label .trapeze-vertical {
     border-right-width: 0.5rem;
   }
+  .question-content {
+    padding: 1rem 0;
+  }
 }
 @media (min-width: 992px) {
   .question {
@@ -16384,6 +16384,13 @@ ol.flickity-page-dots li:before {
     height: 100%;
     margin-left: -1px;
   }
+  .question .custom-control-input:checked + .custom-control-label {
+    margin-top: -0.5rem !important;
+    padding-bottom: 0.5rem;
+  }
+  .question .custom-control-input:checked + .custom-control-label .trapeze-horizontal {
+    border-top-width: 0.5rem;
+  }
   .question-img {
     -webkit-box-flex: 0;
         -ms-flex: 0 0 45%;
@@ -16407,13 +16414,6 @@ ol.flickity-page-dots li:before {
   .question-content {
     padding: 0 4rem;
   }
-  .custom-control-input:checked + .custom-control-label {
-    margin-top: -0.5rem !important;
-    padding-bottom: 0.5rem;
-  }
-  .custom-control-input:checked + .custom-control-label .trapeze-horizontal {
-    border-top-width: 0.5rem;
-  }
 }
 .social-share-container {
   display: -webkit-box;
@@ -18969,6 +18969,10 @@ a.cc-btn {
   text-decoration: none;
 }
 
+a.cc-link {
+  padding: 0.2em 0;
+}
+
 .epfl-faq-header {
   margin-bottom: 2rem;
 }
@@ -19269,6 +19273,11 @@ a.cc-btn {
 }
 
 .list-group.list-events-featured .list-group-teaser {
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+  -ms-flex-preferred-size: 0;
+      flex-basis: 0;
   background: transparent;
   margin-bottom: 1rem;
 }