better error handling for the follow goal

root.html

@@ -109,23 +109,28 @@ <h4 style="margin: 0;">&copy; 2023-2024 ThinLiquid</h4>
     </footer>
     <script type="module">
       const info = await fetch('https://nekoweb.org/api/site/info/thnlqd', {
-        cache: 'no-cache'
-      });
-      const data = await info.json();
-
-      const opp = async (username) => {
-        const info = await fetch('https://nekoweb.org/api/site/info/' + username, {
-          cache: 'no-cache'
-        });
+        cache: 'no-cache',
+        mode: 'no-cors'
+      }).catch(() => null);
+      if (info.ok) {
         const data = await info.json();
-        return data.followers
-      }
 
-      const goal = 'mars'
-      const _ = await opp(goal)
+        const opp = async (username) => {
+          const info = await fetch('https://nekoweb.org/api/site/info/' + username, {
+            cache: 'no-cache'
+          });
+          const data = await info.json();
+          return data.followers
+        }
 
-      document.getElementById('follow-text').innerText = `(thnlqd) ${data.followers}/${_} (${goal})`;
-      document.getElementById('follow-progress').value = (data.followers / _) * 100;
+        const goal = 'mars'
+        const _ = await opp(goal)
+
+        document.getElementById('follow-text').innerText = `(thnlqd) ${data.followers}/${_} (${goal})`;
+        document.getElementById('follow-progress').value = (data.followers / _) * 100;
+      } else {
+        document.getElementById('follow-text').innerText = 'unable to fetch data';
+      }
     </script>
   </body>
 </html>