feat: redirect /flo

src/_data/things.js

@@ -4,7 +4,7 @@ const things = {
     description: "an open source Navidrome client written in Swift",
     logo: "/assets/img/flo.png",
     ctaTitle: "Try flo",
-    ctaLink: "/flo/"
+    ctaLink: "https://client.flooo.club"
   }],
   runs: [
     {

src/_includes/layouts/flo.liquid

@@ -4,6 +4,7 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <meta http-equiv="X-UA-Compatible" content="ie=edge">
+        <meta http-equiv="refresh" content="0; URL=https://client.flooo.club" />
 
         <title>flo</title>
 

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")