docs

README.md

@@ -20,7 +20,7 @@ Now it is also possible to load mastodon content, in the settings of the app you
 - open rss feedlink
 - offline use (caching)
 
-![feedolin_mockup](/images/feedolin_mockup.png)
+![feedolin_mockup](/image/mockup.png)
 
 ## Installation
 

application/assets/css/main.css

@@ -65,6 +65,9 @@ body {
   max-width: 100vw;
   overflow: hidden;
   background: white;
+
+  background-image: radial-gradient(circle, #e2dddd 10%, transparent 11%);
+  background-size: 5px 5px;
 }
 
 #app {
@@ -279,6 +282,8 @@ div#intro img {
 
 article {
   min-width: 100%;
+  background-image: radial-gradient(circle, #e2dddd 10%, transparent 11%);
+  background-size: 5px 5px;
 }
 
 #start {
@@ -355,6 +360,8 @@ article {
 .text {
   word-break: break-all; /* Breaks the URL at any character */
   padding: 0px 0px 50px 0px;
+  background-image: radial-gradient(circle, #e2dddd 10%, transparent 11%);
+  background-size: 5px 5px;
 }
 
 #optionsView {
@@ -679,6 +686,9 @@ video {
     max-width: 100vw;
     overflow: hidden;
     background: white;
+
+    background-image: radial-gradient(circle, #e2dddd 10%, transparent 11%);
+    background-size: 5px 5px;
   }
 
   #wrapper {
@@ -742,6 +752,9 @@ video {
     max-width: 100vw;
     overflow: hidden;
     background: white;
+
+    background-image: radial-gradient(circle, #e2dddd 10%, transparent 11%);
+    background-size: 5px 5px;
   }
 
   h2 {
@@ -772,6 +785,9 @@ video {
 
   #article {
     padding: 0px;
+
+    background-image: radial-gradient(circle, #e2dddd 10%, transparent 11%);
+    background-size: 25px 25px;
   }
 
   #start article {

application/index.js

@@ -137,45 +137,45 @@ let mastodon_connect = () => {
     var currentUrl = window.location.href;
     const params = new URLSearchParams(currentUrl.split("?")[1]);
     const code = params.get("code");
-    if (!code) return false;
-
-    let result = code.split("#")[0];
     if (code) {
-      localforage.setItem("mastodon_code", result);
-      var myHeaders = new Headers();
-      myHeaders.append("Content-Type", "application/x-www-form-urlencoded");
-
-      var urlencoded = new URLSearchParams();
-      urlencoded.append("code", result);
-      urlencoded.append("scope", "read");
-
-      urlencoded.append("grant_type", "authorization_code");
-      urlencoded.append("redirect_uri", process.env.redirect);
-      urlencoded.append("client_id", process.env.clientId);
-      urlencoded.append("client_secret", process.env.clientSecret);
-
-      var requestOptions = {
-        method: "POST",
-        headers: myHeaders,
-        body: urlencoded,
-        redirect: "follow",
-      };
+      let result = code.split("#")[0];
+      if (code) {
+        localforage.setItem("mastodon_code", result);
+        var myHeaders = new Headers();
+        myHeaders.append("Content-Type", "application/x-www-form-urlencoded");
+
+        var urlencoded = new URLSearchParams();
+        urlencoded.append("code", result);
+        urlencoded.append("scope", "read");
+
+        urlencoded.append("grant_type", "authorization_code");
+        urlencoded.append("redirect_uri", process.env.redirect);
+        urlencoded.append("client_id", process.env.clientId);
+        urlencoded.append("client_secret", process.env.clientSecret);
+
+        var requestOptions = {
+          method: "POST",
+          headers: myHeaders,
+          body: urlencoded,
+          redirect: "follow",
+        };
 
-      fetch(settings.mastodon_server_url + "/oauth/token", requestOptions)
-        .then((response) => response.json()) // Parse the JSON once
-        .then((data) => {
-          console.log(data); // Log the parsed data
+        fetch(settings.mastodon_server_url + "/oauth/token", requestOptions)
+          .then((response) => response.json()) // Parse the JSON once
+          .then((data) => {
+            console.log(data); // Log the parsed data
 
-          settings.mastodon_token = data.access_token; // Access the token
-          localforage.setItem("settings", settings);
-          m.route.set("/start?index=0");
+            settings.mastodon_token = data.access_token; // Access the token
+            localforage.setItem("settings", settings);
+            m.route.set("/start?index=0");
 
-          side_toaster("Successfully connected", 10000);
-        })
-        .catch((error) => {
-          console.error("Error:", error);
-          side_toaster("Connection failed");
-        });
+            side_toaster("Successfully connected", 10000);
+          })
+          .catch((error) => {
+            console.error("Error:", error);
+            side_toaster("Connection failed");
+          });
+      }
     }
   });
 };
@@ -897,17 +897,22 @@ var article = {
             },
           },
           [
-            m("time", dayjs(h.isoDate).format("DD MMM YYYY")),
             m(
-              "h2",
+              "time",
               {
-                id: "top",
                 oncreate: () => {
                   setTimeout(() => {
                     document.querySelector("#top").scrollIntoView();
                   }, 1000);
                 },
               },
+              dayjs(h.isoDate).format("DD MMM YYYY")
+            ),
+            m(
+              "h2",
+              {
+                id: "top",
+              },
               h.title
             ),
             m("div", { class: "text" }, [m.trust(clean(h.content))]),
@@ -2091,9 +2096,7 @@ document.addEventListener("DOMContentLoaded", function (e) {
 
       case "Backspace":
         if (r.startsWith("/article")) {
-          history.back();
-          const index = m.route.param("index"); // Get 'index' param from the current URL
-          console.log(index);
+          const index = m.route.param("index");
           m.route.set("/start?index=" + index);
         }
 
@@ -2174,7 +2177,7 @@ document.addEventListener("DOMContentLoaded", function (e) {
   }
 
   document.addEventListener("visibilitychange", () => {
-    if (document.visibilityState === "visible") {
+    if (document.visibilityState === "visible" && settings.last_update) {
       status.visibility = true;
       let dif = new Date() / 1000 - settings.last_update / 1000;
       if (dif > 36000) {

application/sw.js

@@ -45,7 +45,7 @@ self.onsystemmessage = (evt) => {
   } catch (e) {}
 };
 
-const CACHE_NAME = "pwa-cache-v0.1014";
+const CACHE_NAME = "pwa-cache-v0.1016";
 const urlsToCache = [
   "/assets/icons/link.svg",
   "/assets/icons/option.svg",