Responsiveness adjustements, source link

public/index.html

@@ -22,20 +22,35 @@
         <span class="live"><span class="pulse"></span>LIVE_FEED</span>
       </div>
 
+      <aside class="terminal-strip" aria-live="polite">
+        <span>STATUS: <strong data-stat="status">SYNCING</strong></span>
+        <span>LATENCY: <strong data-stat="latency">--MS</strong></span>
+        <span>NODES: <strong data-stat="nodes">--</strong></span>
+        <span>MEMES: <strong data-stat="memes">--</strong></span>
+        <span class="active">MEMETICALLY_ACTIVE</span>
+      </aside>
+
       <section class="meme-grid" id="meme-grid" aria-label="Meme feed"></section>
 
       <div class="feed-loader" id="feed-loader" aria-live="polite">
         <div class="loader-ring" aria-hidden="true"></div>
         <span id="feed-loader-label">FETCHING_NEXT_BLOCK...</span>
       </div>
+
+      <footer class="repo-footer">
+        <a href="https://git.yoonect.com/Nautilus/bitsforfree" rel="noopener noreferrer" target="_blank">
+          <img src="/assets/yoonect-logo.png" alt="" aria-hidden="true">
+          <span>SOURCE</span>
+        </a>
+      </footer>
     </main>
 
     <aside class="side-terminal" aria-live="polite">
-      <div>STATUS: <span id="stat-status">SYNCING</span></div>
-      <div>LATENCY: <span id="stat-latency">--MS</span></div>
-      <div>NODES: <span id="stat-nodes">--</span></div>
-      <div>MEMES: <span id="stat-memes">--</span></div>
-      <div class="active" id="stat-pun">MEMETICALLY_ACTIVE</div>
+      <div>STATUS: <span data-stat="status">SYNCING</span></div>
+      <div>LATENCY: <span data-stat="latency">--MS</span></div>
+      <div>NODES: <span data-stat="nodes">--</span></div>
+      <div>MEMES: <span data-stat="memes">--</span></div>
+      <div class="active">MEMETICALLY_ACTIVE</div>
     </aside>
 
     <div class="scroll-indicator" id="scroll-indicator" aria-hidden="true">