demo update

web/templates/mainpage.html

@@ -19,13 +19,13 @@
     </main>
 
     <footer class="footer mt-auto py-3 bg-body-tertiary ">
-        <ul class="nav justify-content-center border-bottom pb-3 mb-3">
+        <!-- <ul class="nav justify-content-center border-bottom pb-3 mb-3">
             <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Home</a></li>
             <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Features</a></li>
             <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Pricing</a></li>
             <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">FAQs</a></li>
             <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">About</a></li>
-        </ul>
+        </ul> -->
         <p class="text-center text-muted">
             © 2023 Crispi
             <br/>
@@ -35,6 +35,7 @@
 
     <script src="/js/htmx.min.js"></script>
     <script src="/js/bootstrap.bundle.min.js"></script>
+    <script src="/js/color-modes.js"></script>
 </body>
 
 </html>

web/templates/partials/error.html

@@ -1,4 +1,4 @@
-<div class="alert alert-danger" role="alert">
+<div class="alert alert-danger animate__animated animate__headShake" role="alert">
   <?php if($errorTitle) : ?>
     <h4 class="alert-heading"><?= $errorTitle ?></h4>
   <?php endif; ?>

web/templates/partials/info.html

@@ -1,4 +1,4 @@
-<div class="alert alert-info" role="alert">
+<div class="alert alert-info animate__animated animate__flash" role="alert">
   <?php if($infoTitle) : ?>
     <h4 class="alert-heading"><?= $infoTitle ?></h4>
   <?php endif; ?>

web/templates/partials/notice.html

@@ -1,4 +1,4 @@
-<div class="alert alert-warning" role="alert">
+<div class="alert alert-warning animate__animated animate__jello" role="alert">
   <?php if($noticeTitle) : ?>
     <h4 class="alert-heading"><?= $noticeTitle ?></h4>
   <?php endif; ?>

web/templates/partials/success.html

@@ -1,4 +1,4 @@
-<div class="alert alert-success" role="alert">
+<div class="alert alert-success animate__animated animate__fadeInDown" role="alert">
   <?php if($successTitle) : ?>
     <h4 class="alert-heading"><?= $successTitle ?></h4>
   <?php endif; ?>