From 4e67efe531da35e5766e14e203cdc59cec90e599 Mon Sep 17 00:00:00 2001
From: jae <jae@jaeswift.xyz>
Date: Wed, 1 Apr 2026 22:47:39 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20brighten=20globe=20land,=20fix=20panel?=
 =?UTF-8?q?=20widths,=203-column=20blog=20grid=20-=20Globe=20hex=20polygon?=
 =?UTF-8?q?s=20opacity=200.12=20=E2=86=92=200.45,=20brighter=20atmosphere?=
 =?UTF-8?q?=20-=20Post=20cards=20stacked=20vertically=20with=202-col=20sta?=
 =?UTF-8?q?ts=20grid=20-=20Blog=20posts=20in=203-column=20responsive=20gri?=
 =?UTF-8?q?d=20-=20Chat=20sub-row=20panels=20full=20width?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/blog.css  | 32 +++++++++++++++++++++++---------
 css/style.css |  2 ++
 js/globe.js   | 10 +++++-----
 3 files changed, 30 insertions(+), 14 deletions(-)

diff --git a/css/blog.css b/css/blog.css
index ce55dcc..7e5d258 100644
--- a/css/blog.css
+++ b/css/blog.css
@@ -76,9 +76,9 @@
 }
 
 .blog-posts-grid {
-    display: flex;
-    flex-direction: column;
-    gap: 2rem;
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 1.5rem;
 }
 
 /* Loading */
@@ -109,8 +109,8 @@
    POST CARD
    ============================ */
 .post-card {
-    display: grid;
-    grid-template-columns: 1fr 200px;
+    display: flex;
+    flex-direction: column;
     border: 1px solid var(--border);
     background: rgba(10, 14, 20, 0.6);
     position: relative;
@@ -228,14 +228,15 @@
 /* Right: Stat Bars */
 .post-card-stats {
     padding: 1rem;
-    border-left: 1px solid var(--border);
+    border-top: 1px solid var(--border);
     background: rgba(255, 255, 255, 0.008);
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 0.4rem 0.5rem;
 }
 
 .post-card-stats .stats-header {
+    grid-column: 1 / -1;
     font-family: var(--font-mono);
     font-size: 0.5rem;
     letter-spacing: 2px;
@@ -572,3 +573,16 @@
     }
     .sidebar-panel { flex: 1; min-width: 200px; }
 }
+
+
+/* Blog grid responsive */
+@media (max-width: 1024px) {
+    .blog-posts-grid {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}
+@media (max-width: 768px) {
+    .blog-posts-grid {
+        grid-template-columns: 1fr;
+    }
+}
diff --git a/css/style.css b/css/style.css
index c30fa37..db0e403 100644
--- a/css/style.css
+++ b/css/style.css
@@ -2231,6 +2231,8 @@ a:hover { color: #fff; text-shadow: none; }
     display: flex;
     gap: 0.5rem;
     margin-top: 0.5rem;
+    width: 100%;
+    box-sizing: border-box;
 }
 
 .chat-sub-panel {
diff --git a/js/globe.js b/js/globe.js
index bc036e4..3a58219 100644
--- a/js/globe.js
+++ b/js/globe.js
@@ -30,7 +30,7 @@
             .height(size)
             .showAtmosphere(true)
             .atmosphereColor('#00cc33')
-            .atmosphereAltitude(0.15)
+            .atmosphereAltitude(0.2)
             // Hex polygons for land masses
             .hexPolygonsData([])
             // Points - server location
@@ -78,9 +78,9 @@
                     return c.type === 'Mesh' && c.geometry && c.geometry.type === 'SphereGeometry';
                 });
                 if (globeMesh && globeMesh.material) {
-                    globeMesh.material.color.setHex(0x1a1a2e);
-                    globeMesh.material.emissive.setHex(0x003a00);
-                    globeMesh.material.emissiveIntensity = 0.4;
+                    globeMesh.material.color.setHex(0x0a1a0a);
+                    globeMesh.material.emissive.setHex(0x006600);
+                    globeMesh.material.emissiveIntensity = 0.6;
                 }
             })
             (container);
@@ -106,7 +106,7 @@
                     .hexPolygonResolution(3)
                     .hexPolygonMargin(0.4)
                     .hexPolygonColor(function () {
-                        return 'rgba(0, 204, 51, 0.12)';
+                        return 'rgba(0, 204, 51, 0.45)';
                     })
                     .hexPolygonAltitude(0.005);
             })