diff --git a/templates/index.html b/templates/index.html
index de1b4b7..555de50 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -243,6 +243,23 @@
       {{ end }}
     </main>
     <script>
+      document.addEventListener('keydown', function(event) {
+        if (event.key === 'Escape') {
+          document.querySelectorAll('.modal.show').forEach(modal => {
+            modal.classList.remove('show');
+          });
+        }
+      });
+
+      document.addEventListener('click', function(event) {
+        const modal = event.target.closest('.modal');
+        if (!modal && document.querySelectorAll('.modal.show').length > 0 && !event.target.closest('.more-link')) {
+          document.querySelectorAll('.modal.show').forEach(modal => {
+            modal.classList.remove('show');
+          });
+        }
+      });
+
       [...document.querySelectorAll('.more-link')].forEach(more => {
         const toggleModal = function(event) {
           event.preventDefault();