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 {
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;
}
}

2
css/style.css
View file

@ -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 {

10
js/globe.js
View file

@ -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);
})