Notification keycloak maintenance

_includes/frontpage/notification.html

 {% if include.title and include.description %}
-<div class="toast" data-autohide="false" id="notification" style="max-width: none !important;">
+<div class="toast" data-autohide="false" id="notification">
     <div class="toast-header">        
         <i class="fas fa-square text-danger"></i>&nbsp;
         <strong class="mr-auto">{{ include.title }}</strong>

_layouts/frontpage.html

@@ -13,6 +13,12 @@
         {%- include title_image.html content=title-content -%}
         <div class="frontpage-jumbotron">
             <section>
+                {% if page.notification.description and page.notification.title %}
+                {% include frontpage/notification.html
+                title=page.notification.title
+                description=page.notification.description %}
+                {% endif %}
+
                 <h1> HIFIS for...</h1>
                 <div class="info-col">
                     <a href="{{ 'hifisfor/scientists' | relative_url }}"><div class="info-box">
@@ -50,11 +56,6 @@
             <div class="frontpage-news-jumbotron">
 
                 <section>
-                    {% if page.notification.description and page.notification.title %}
-                    {% include frontpage/notification.html
-                    title=page.notification.title
-                    description=page.notification.description %}
-                    {% endif %}
                     <div class="info-col" style="grid-template-columns: 1fr !important;">
                         <div>
                             <h1><a href="{{ 'news/' | relative_url }}" >News</a></h1>

index.md

@@ -6,6 +6,10 @@ additional_css:
     - frontpage.css
     - title/service-title-buttons.css
 additional_js: frontpage.js
+notification:
+  title: "DESY Services maintenance"
+  description:
+    "Scheduled downtime for DESY Helmholtz Cloud Services on Tuesday, August 30th, 4 - 5 PM, due to planned maintenance of Keycloak. Note that existing sessions will not be affected if you log in beforehand."
 excerpt:
   "HIFIS aims to provide excellent, seamlessly accessible IT services for the
   whole Helmholtz Association."