From c583181899ec5d7148f9b18eeb0dd13d9c363fde Mon Sep 17 00:00:00 2001
From: s950tx16wasr10 <hazzaalsuwaidi@gmail.com>
Date: Fri, 22 May 2026 12:36:50 +0400
Subject: [PATCH] fix: drop banner-body indent, swap connected/logs icons,
 scale asteroids

Server-status card: the joystick-4 icon stays beside the first two lines
(name + version) but `.banner-body` no longer carries the 42px left
padding, so the address / map / status / revision lines start at the
card's left edge instead of being indented under the text column. Only
the head's two lines are pushed right by the icon; nothing else.

Connection bar: status-bar icon changed from joystick-3 to
direct_cable_conn-0 so the metaphor matches "Connected to".

Shortcuts nav: Logs icon changed from globe_map-0 (reused with WebMap,
visually identical) to network_drive-2 so each shortcut has its own
silhouette.

Parallax: asteroid tile scaled from 480x480 native to 960x960 background
size, so the repeat happens at a much larger interval and the tiling is
less visible at standard viewport widths.
---
 _data/nav.yaml                    |   2 +-
 img/icons/direct_cable_conn-0.png | Bin 0 -> 484 bytes
 img/icons/network_drive-2.png     | Bin 0 -> 481 bytes
 index.njk                         |   2 +-
 sass/parallax.scss                |   4 ++++
 sass/pda.scss                     |   5 ++---
 6 files changed, 8 insertions(+), 5 deletions(-)
 create mode 100644 img/icons/direct_cable_conn-0.png
 create mode 100644 img/icons/network_drive-2.png

diff --git a/_data/nav.yaml b/_data/nav.yaml
index 5872bb8..9e00ca1 100644
--- a/_data/nav.yaml
+++ b/_data/nav.yaml
@@ -15,7 +15,7 @@
   icon: chart1-4.png
 - label: Logs
   url: https://logs.reduxstation.com
-  icon: globe_map-0.png
+  icon: network_drive-2.png
 - label: WebMap
   url: https://map.reduxstation.com
   icon: globe_map-0.png
diff --git a/img/icons/direct_cable_conn-0.png b/img/icons/direct_cable_conn-0.png
new file mode 100644
index 0000000000000000000000000000000000000000..2c5d03519a782a0e4ca9fa43fc93bb8f1fcecd20
GIT binary patch
literal 484
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnF3?v&v(vJfvmUKs7M+SzC{oH>NSwWJ?9znhg
z3{`3j3=J&|48MRv4KElNN(~qoUL`OvSj}Ky5HFasE6@fgAs65i;tEpG&~V_u0U(3n
z|9=pt0Z0P@kjoIReXb8E&R7!U7tG-B>_!@hljQC0!Y-EB@fyfsFY)wsWq-sbA<oDz
zTfuw>D74Mf#W6(VeDB25yoVKd9D0?W#++c8!K#oazH$nqkyFvbIflD(druyJa%tb=
z$p@dX9*B6xD9$(2ky}Yh`s18s=G=C-I_l2ty!Rw7G^hJ}?+o$&P3Kgz@7gs=oZFgu
z=<<oA2V18k?O(gbmtiuu_nRLnA{*-rCiGtrY~;{B@=HU^fhlIuL;H&?Mi0e2TKH6)
z*n<|a2`yyKRBVj-A=>dsH{fQ^A-NSDDsLKRI9f2t{+GHMem&v(0rA&wOoHw_7ZV5i
zK()j*q9i4;B-JXpC>2OC7#SE^=o*;m8kvL`8Cw|`S{a(^8kkra7-*@OZ9>tIo1c=I
XR*73fbY&kOPy>UftDnm{r-UW|d&8rN

literal 0
HcmV?d00001

diff --git a/img/icons/network_drive-2.png b/img/icons/network_drive-2.png
new file mode 100644
index 0000000000000000000000000000000000000000..0c4bbe00abec43399ae63c77d4884ed0aa420e98
GIT binary patch
literal 481
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE3?yBabR7dyEa{HEjtmSN`?>!lvVtU&J%W50
z7^>757#dm_7=8hT8eT9klo~KFyh>nTu$sZZAYL$MSD+10!YRNf#1%-FmzPhQHjRaa
zrLC=P)22=T|Nnpd`0?GlcduW+e&)=X0|yQ)Sg?fQKhPkCnKNe^r!h1%F#P{N^Z$Q_
z|7X(9%ryS-G%y=z3S&u-UoeBivm0q3PLj8~3tM8^j#?mxy~NYkmHiQ$6oZcPo>w00
zfI|JAE{-7<r|(X@$ahGA$JP3_<^?{NyZ`^MYG^6pG&THqup;jK(l1O0?r)e;Qoku;
zLsgXS3f31nhD_qm_wp+m6kBU3-4>hN(~!OE*TjyGRXkr9lbe<-VZPjEWf1#uweXRI
zxBQu(J~3n%{R~%W**@X7jYHPy7{|To7kO+>Z2z6?9wySe%2lt<{+q?UjA_41=e5Ri
zPf@-hwHW9$)e_f;l9a@fRIB8oR3OD*WMF8aYhb2pWENszU}a)rWo)WzU}9xp@boJS
fCyIvL{FKbJO57Tztk|;^sDZ)L)z4*}Q$iB}d~~pI

literal 0
HcmV?d00001

diff --git a/index.njk b/index.njk
index a2c344b..bdcb904 100644
--- a/index.njk
+++ b/index.njk
@@ -127,7 +127,7 @@
 
   <div class="status-bar">
     <div class="status-left">
-      <img class="status-icon" src="/assets/img/icons/joystick-3.png?v={% buildId %}" alt="" aria-hidden="true" width="16" height="16">
+      <img class="status-icon" src="/assets/img/icons/direct_cable_conn-0.png?v={% buildId %}" alt="" aria-hidden="true" width="16" height="16">
       <span class="status-text">Connected to <strong>{{ site.domain }}</strong></span>
     </div>
     <div class="status-right">
diff --git a/sass/parallax.scss b/sass/parallax.scss
index 1795a27..cbcbf04 100644
--- a/sass/parallax.scss
+++ b/sass/parallax.scss
@@ -60,6 +60,10 @@
 }
 .parallax-layer[data-layer="7"] {
   background-image: url("../img/parallax/parallax_asteroids.png");
+  // Source PNG is 480x480; doubling it to 960x960 makes the repeat
+  // happen at a much larger interval so the tile pattern is far less
+  // obvious to the eye on wide / tall viewports.
+  background-size: 960px 960px;
   z-index: 7;
   opacity: 0.4;
 }
diff --git a/sass/pda.scss b/sass/pda.scss
index 93f9ff8..ead6c3e 100644
--- a/sass/pda.scss
+++ b/sass/pda.scss
@@ -416,9 +416,8 @@ body {
     display: flex;
     flex-direction: column;
     gap: 2px;
-    // Zig-zag: indent the lower rows so they align with the text column
-    // sitting to the right of the 32px icon + 10px gap.
-    padding-left: 42px;
+    // No indent. The joystick icon only displaces the two head lines
+    // (name + version); body lines start back at the card's left edge.
   }
 
   .version { color: $log-say; }