trust

static/style.css

@@ -108,7 +108,7 @@ li a {
 }
 
 /* Specifics for reader */
-#b {
+.reader-btn {
   font-size: 1.5rem;
   padding: 20px 40px;
   margin-top: 20px;

templates/index.html

@@ -43,9 +43,13 @@
                     <a href="{{ route.path }}">{{ route.name }}</a>
                     <span>{{ route.path }}</span>
                 </div>
-                {% endmacro %} {% for route in routes %} {{ this(route) }} {%
+                {% endmacro %} {% for route in routes |
+                sort(attribute="__class__.__name__") %} {{ this(route) }} {%
                 endfor %}
             </div>
+            <script>
+                console.log(`{{ routes | safe }}`);
+            </script>
         </details>
     </body>
 </html>

templates/macros.html

@@ -1,4 +1,5 @@
 {% macro magic_link(url, text, unique_id='magic_link') %}
+{# Example Macro #}
 <a
     href="{{ url }}"
     target="_blank"

templates/multi.html

@@ -92,11 +92,7 @@
                 console.log("ts runs");
                 const arrlen = changeHandler();
                 for (const _ of Array(arrlen)) {
-                    const w = window.open(
-                        "/r",
-                        "_blank",
-                        "noopener, noreferrer"
-                    );
+                    const w = window.open("/r", "_blank");
                     console.log(w);
                 }
                 arrlen = 0;
@@ -113,11 +109,7 @@
                         .then((len) => {
                             console.log("ts runs", len);
                             for (const _ of Array(len)) {
-                                const w = window.open(
-                                    "/r",
-                                    "_blank",
-                                    "noopener, noreferrer"
-                                );
+                                const w = window.open("/r", "_blank");
                                 console.log(w);
                             }
                             bij.textContent = "everything idk";

templates/reader.html

@@ -18,7 +18,8 @@
             <div class="qrcode" id="current-qr"></div>
 
             <div class="actions" style="margin-top: 20px">
-                <button id="b" class="btn">Skip / Next</button>
+                <button id="b2" class="btn reader-btn">Open / Next</button>
+                <button id="b" class="btn reader-btn">Skip / Next</button>
             </div>
             <p style="margin-top: 10px; font-size: 0.8rem; color: #666">
                 {{ queue_length }} items remaining
@@ -42,6 +43,12 @@
                     window.location.reload();
                 });
             });
+            document.getElementById("b2").addEventListener("click", () => {
+                window.open("/r", "_blank");
+                setTimeout(() => {
+                    window.location.reload();
+                });
+            });
         </script>
         {% else %}
         <div class="card">

templates/trail.html

@@ -34,10 +34,9 @@
 
             <div class="trail-hint">Tap anywhere to open & next</div>
         </div>
-
         <script>
             if (window.opener) {
-                // new tab = window open no "noopener". this probs does exist
+                // new tab = window open no "noopener".
                 console.log(/** @type {Window} */ (window.opener)); // hi hello hi
             }
             window.addEventListener("load", () => {