From 00cb7892537fc95515025faa20fa574276571dff Mon Sep 17 00:00:00 2001
From: rizaldy <oss@rizaldy.club>
Date: Tue, 3 Sep 2024 14:18:08 +0700
Subject: [PATCH] feat: update

---
 src/flo/index.liquid | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/flo/index.liquid b/src/flo/index.liquid
index ca2c3ad..fbdece7 100644
--- a/src/flo/index.liquid
+++ b/src/flo/index.liquid
@@ -91,7 +91,7 @@ layout: layouts/flo
 
     <div class="c-faq__section">
         <h5>Any tutorial on running a Navidrome server?</h5>
-        <p>Great! I wrote one here.</p>
+        <p>Great! I wrote one <a target="_blank" rel="noopener norefer" href="https://dub.sh/flo-navidrome">here.</a></p>
     </div>
 
     <div class="c-faq__section">
@@ -120,7 +120,7 @@ layout: layouts/flo
         <h2>Join the waitlist</h2>
         <p>Currently flo is in early preview and we'll let you know when we're on the App Store.</p>
         <input id="email" type="email" placeholder="john@doe.com" required>
-        <button id="submit"">Submit</button>
+        <button id="submit">Submit</button>
     </div>
 </div>
 
@@ -135,22 +135,36 @@ const submitButton = document.getElementById('submit')
 
 openModal.onclick = function() {
     modal.style.display = 'block'
+
+    setTimeout(function() {
+      emailForm.focus()
+    }, 66)
 }
 
 openModal2.onclick = function() {
     modal.style.display = 'block'
+
+    setTimeout(function() {
+      emailForm.focus()
+    }, 66)
 }
 
 closeModal.onclick = function() {
   modal.style.display = 'none'
 }
 
-window.onclick = function () {
+document.onclick = function () {
   if (event.target === modal) {
     modal.style.display = 'none'
   }
 }
 
+document.addEventListener('keydown', function(e) {
+  if (e.key === 'Escape' || e.keyCode === 27) {
+    modal.style.display = 'none'
+  }
+})
+
 submitButton.onclick = function() {
   if (!emailForm.value.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) {
     window.alert("email doesnt seem valid")