WIP on messages

src/MyWebLog/themes/default/layout.liquid

@@ -35,6 +35,20 @@
       </nav>
     </header>
     <main class="mx-3">
+      {% if messages %}
+        <div class="messages">
+          {% for msg in messages %}
+            <div role="alert" class="alert alert-{{ msg.level }} alert-dismissible fade show">
+              {{ msg.message }}
+              <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+              {% if msg.detail %}
+                <hr>
+                <p>{{ msg.detail.value }}</p>
+              {% endif %}
+            </div>
+          {% endfor %}
+        </div>
+      {% endif %}
       {{ content }}  
     </main>
     <footer>
@@ -43,5 +57,8 @@
         <img src="/img/logo-dark.png" alt="myWebLog">
       </div>
     </footer>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
+            integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
+            crossorigin="anonymous"></script>
   </body>
 </html>