jae/jaeswift-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: brighten globe land, fix panel widths, 3-column blog grid - Globe hex polygons opacity 0.12 → 0.45, brighter atmosphere - Post cards stacked vertically with 2-col stats grid - Blog posts in 3-column responsive grid - Chat sub-row panels full width

Browse source
This commit is contained in:
jae 2026-04-01 22:47:39 +00:00
parent da7518d3bf
commit 4e67efe531
3 changed files with 30 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
css/blog.css
View file

@ -76,9 +76,9 @@
} }
.blog-posts-grid { .blog-posts-grid {
display: flex; display: grid;
flex-direction: column; grid-template-columns: repeat(3, 1fr);
gap: 2rem; gap: 1.5rem;
} }
/* Loading */ /* Loading */
@ -109,8 +109,8 @@
POST CARD POST CARD
============================ */ ============================ */
.post-card { .post-card {
display: grid; display: flex;
grid-template-columns: 1fr 200px; flex-direction: column;
border: 1px solid var(--border); border: 1px solid var(--border);
background: rgba(10, 14, 20, 0.6); background: rgba(10, 14, 20, 0.6);
position: relative; position: relative;
@ -228,14 +228,15 @@
/* Right: Stat Bars */ /* Right: Stat Bars */
.post-card-stats { .post-card-stats {
padding: 1rem; padding: 1rem;
border-left: 1px solid var(--border); border-top: 1px solid var(--border);
background: rgba(255, 255, 255, 0.008); background: rgba(255, 255, 255, 0.008);
display: flex; display: grid;
flex-direction: column; grid-template-columns: 1fr 1fr;
gap: 0.5rem; gap: 0.4rem 0.5rem;
} }
.post-card-stats .stats-header { .post-card-stats .stats-header {
grid-column: 1 / -1;
font-family: var(--font-mono); font-family: var(--font-mono);
font-size: 0.5rem; font-size: 0.5rem;
letter-spacing: 2px; letter-spacing: 2px;
@ -572,3 +573,16 @@
} }
.sidebar-panel { flex: 1; min-width: 200px; } .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;
}
}

2
css/style.css
View file

@ -2231,6 +2231,8 @@ a:hover { color: #fff; text-shadow: none; }
display: flex; display: flex;
gap: 0.5rem; gap: 0.5rem;
margin-top: 0.5rem; margin-top: 0.5rem;
width: 100%;
box-sizing: border-box;
} }
.chat-sub-panel { .chat-sub-panel {

10
js/globe.js
View file

@ -30,7 +30,7 @@
.height(size) .height(size)
.showAtmosphere(true) .showAtmosphere(true)
.atmosphereColor('#00cc33') .atmosphereColor('#00cc33')
.atmosphereAltitude(0.15) .atmosphereAltitude(0.2)
// Hex polygons for land masses // Hex polygons for land masses
.hexPolygonsData([]) .hexPolygonsData([])
// Points - server location // Points - server location
@ -78,9 +78,9 @@
return c.type === 'Mesh' && c.geometry && c.geometry.type === 'SphereGeometry'; return c.type === 'Mesh' && c.geometry && c.geometry.type === 'SphereGeometry';
}); });
if (globeMesh && globeMesh.material) { if (globeMesh && globeMesh.material) {
globeMesh.material.color.setHex(0x1a1a2e); globeMesh.material.color.setHex(0x0a1a0a);
globeMesh.material.emissive.setHex(0x003a00); globeMesh.material.emissive.setHex(0x006600);
globeMesh.material.emissiveIntensity = 0.4; globeMesh.material.emissiveIntensity = 0.6;
} }
}) })
(container); (container);
@ -106,7 +106,7 @@
.hexPolygonResolution(3) .hexPolygonResolution(3)
.hexPolygonMargin(0.4) .hexPolygonMargin(0.4)
.hexPolygonColor(function () { .hexPolygonColor(function () {
return 'rgba(0, 204, 51, 0.12)'; return 'rgba(0, 204, 51, 0.45)';
}) })
.hexPolygonAltitude(0.005); .hexPolygonAltitude(0.005);
}) })