v0.2.91

static/home.html

@@ -13,7 +13,9 @@
 </head>
 
 <body class="home-page" data-registration-enabled="__REGISTRATION_ENABLED__">
-  <header class="site-header home-header"><a class="brand home-brand" href="/">RustPad</a><div class="header-preferences" data-header-preferences></div></header>
+  <header class="site-header home-header"><a class="brand home-brand" href="/">RustPad</a>
+    <div class="header-preferences" data-header-preferences></div>
+  </header>
   <main class="home-layout home-layout--wide">
     <section class="home-intro">
       <h1>Write. Share. Collaborate.</h1>
@@ -73,18 +75,27 @@
 
   <footer class="home-footer">
     <div class="home-footer__inner">
-      <div id="footer-account-guest" class="home-footer__account">
-        <button id="footer-login" class="footer-action footer-action--primary" type="button">Log in</button>
-        <button id="footer-register" class="footer-action footer-action--primary" type="button">Register</button>
-      </div>
-      <div id="footer-account-user" class="home-footer__account" hidden>
-        <span id="footer-user-label" class="home-footer__user">
-          <span class="home-footer__user-primary" data-account-primary></span>
-          <small class="home-footer__user-secondary" data-account-secondary hidden></small>
-        </span>
-        <button id="footer-resources" class="footer-action footer-action--primary" type="button">My notes</button>
-        <button id="footer-profile" class="footer-action" type="button">Profile</button>
-        <button id="footer-logout" class="footer-action" type="button">Log out</button>
+      <div id="footer-account-slot" class="home-footer__account-slot" data-state="loading" aria-busy="true">
+        <div id="footer-account-pending" class="home-footer__account-pending" role="status">
+          <span class="home-footer__loading-line" aria-hidden="true"></span>
+          <span class="home-footer__loading-action" aria-hidden="true"></span>
+          <span class="sr-only" data-i18n="home.account.loading">Checking your account...</span>
+        </div>
+        <a id="footer-account-retry" href="/" class="footer-action" data-i18n="home.account.retry" hidden>Reload
+          page</a>
+        <div id="footer-account-guest" class="home-footer__account" hidden>
+          <button id="footer-login" class="footer-action footer-action--primary" type="button">Log in</button>
+          <button id="footer-register" class="footer-action footer-action--primary" type="button">Register</button>
+        </div>
+        <div id="footer-account-user" class="home-footer__account" hidden>
+          <span id="footer-user-label" class="home-footer__user">
+            <span class="home-footer__user-primary" data-account-primary></span>
+            <small class="home-footer__user-secondary" data-account-secondary hidden></small>
+          </span>
+          <button id="footer-resources" class="footer-action footer-action--primary" type="button">My notes</button>
+          <button id="footer-profile" class="footer-action" type="button">Profile</button>
+          <button id="footer-logout" class="footer-action" type="button">Log out</button>
+        </div>
       </div>
       <button id="footer-about" class="footer-action home-footer__about" type="button">About</button>
     </div>
@@ -107,7 +118,8 @@
           <p>Copyright (C) 2026 Mateusz Gruszczyński @linuxiarz.pl</p>
           <p>This software is available under GNU GPLv3, which also permits commercial use provided that its terms are
             followed.</p>
-          <p><strong>COMMERCIAL LICENSING NOTICE:</strong> If you want to distribute this software or a derivative work as
+          <p><strong>COMMERCIAL LICENSING NOTICE:</strong> If you want to distribute this software or a derivative work
+            as
             part of a proprietary (closed-source) product without the obligations imposed by GPLv3, contact us about a
             separate commercial license. <br>Contact: linuxiarz&lt;at&gt;linuxiarz.pl</p>
         </div>
@@ -161,7 +173,8 @@
       <section class="resources-category resources-category--favorites">
         <header class="resources-category__header">
           <h3>Favorites</h3>
-          <p>Favorite notes are shown only while your current account, share link, or password access can still open them. If access is lost, they are hidden and return automatically when access is restored.</p>
+          <p>Favorite notes are shown only while your current account, share link, or password access can still open
+            them. If access is lost, they are hidden and return automatically when access is restored.</p>
         </header>
         <div id="favorites-list" class="resources-list resources-list--favorites"></div>
       </section>
@@ -239,6 +252,18 @@
       <p id="profile-message" class="form-message" role="status"></p>
     </form>
   </dialog>
+  <script>
+    // If initial account scripts/network never finish, offer a local retry rather
+    // than leaving the footer placeholder indefinitely (without blocking home).
+    setTimeout(() => {
+      const slot = document.getElementById("footer-account-slot");
+      if (slot?.dataset.state !== "loading") return;
+      slot.dataset.state = "error";
+      slot.setAttribute("aria-busy", "false");
+      const retry = document.getElementById("footer-account-retry");
+      if (retry) retry.hidden = false;
+    }, 15000);
+  </script>
   <div id="toast" class="toast-region" aria-live="polite" aria-label="Notifications" aria-relevant="additions removals">
   </div>