Update index.html

moved modal at the end of body
leg-aman · Mar 22, 2024 · e69210f · e69210f
1 parent 8111cca
commit e69210f
Showing 1 changed file with 34 additions and 36 deletions.
diff --git a/index.html b/index.html
@@ -149,42 +149,6 @@
 </head>
 
 <body class="p-3 m-0 border-0 bd-example m-0 border-0">
-<!-- Button trigger modal (remove this button since we're triggering the modal automatically) -->
-<!--<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
-  Launch demo modal
-</button>-->
-
-<!-- Modal -->
-<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
-  <div class="modal-dialog">
-    <div class="modal-content tm-bg-dark">
-      <div class="modal-header">
-        <h1 class="modal-title fs-5" id="exampleModalLabel">reminder</h1>
-        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-      </div>
-      <div class="modal-body">
-        <span id="cur_week" class="display-6" text-dark"></span>
-      </div>
-      <div class="modal-footer">
-        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
-
-      </div>
-    </div>
-  </div>
-</div>
-
-<!-- JavaScript to trigger the modal automatically -->
-<script>
-  // Wait for the DOM content to be fully loaded
-  document.addEventListener("DOMContentLoaded", function() {
-    // Get the modal element
-    var myModal = new bootstrap.Modal(document.getElementById('exampleModal'));
-
-    // Show the modal
-    myModal.show();
-  });
-</script>
-
     <header class="tm-site-header-box tm-bg-dark">
         <h1>Hudade | Lent</h1>
         <hr>
@@ -314,7 +278,41 @@ <h2 editable="inline" class="fw-bold rfs-12">Easter | Fasika | Tinsae | Resurrec
         </div>
     </div>
 
+<!-- Button trigger modal (remove this button since we're triggering the modal automatically) -->
+<!--<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
+  Launch demo modal
+</button>-->
 
+<!-- Modal -->
+<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content tm-bg-dark">
+      <div class="modal-header">
+        <h1 class="modal-title fs-5" id="exampleModalLabel">reminder</h1>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body">
+        <span id="cur_week" class="display-6" text-dark"></span>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+
+      </div>
+    </div>
+  </div>
+</div>
+
+<!-- JavaScript to trigger the modal automatically -->
+<script>
+  // Wait for the DOM content to be fully loaded
+  document.addEventListener("DOMContentLoaded", function() {
+    // Get the modal element
+    var myModal = new bootstrap.Modal(document.getElementById('exampleModal'));
+
+    // Show the modal
+    myModal.show();
+  });
+</script>
 
     <script defer src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
         integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"