WHAT WAS DONE:
Created mobile-responsive.css with fixes for all mobile layout issues
observed in testing on actual mobile device.
MOBILE FIXES (up to 768px):
- All 2-column and 3-column grids stack vertically
- Font sizes reduced (h1: 2.5rem, h2: 2rem, h3: 1.5rem)
- Excessive padding reduced (100px → 40px, 80px → 40px, etc.)
- Footer columns stack vertically instead of side-by-side overflow
- Fire/Frost path cards stack on mobile
- Why Firefrost cards (Security/Community/Legacy) stack
- Buttons sized appropriately for mobile (15px 30px)
- Images constrained to 100% width
- Horizontal overflow prevented
TABLET FIXES (769px - 1024px):
- 3-column grids become 2-column
- Moderate padding reduction
- Font size optimization
INTEGRATION:
- Added to head.njk so it applies to all pages site-wide
- Uses media queries with !important to override inline styles
- Targets specific style patterns from our inline-styled pages
TESTING:
Based on actual mobile screenshots showing:
- Fire/Frost cards cutting off (Image 4)
- Why Firefrost cards side-overflow (Image 3)
- Footer 3-column overflow (Images 1-2)
STATUS:
Ready for mobile testing after deploy
Signed-off-by: Claude (Chronicler #56) <claude@firefrostgaming.com>
My mistake earlier - Subscribe shows tier information, not Ghost CMS
subscription. The page displays all 6 tiers and links to Paymenter
billing portal. This is important nav link for users to see pricing.
Signed-off-by: Claude (Chronicler #56) <claude@firefrostgaming.com>
WHAT WAS DONE:
Removed Subscribe button from header navigation.
WHY:
Subscribe is now gated behind Discord - users must join Discord first,
then get subscriber roles there. No direct web subscription flow.
NAV LINKS NOW:
- Home
- Servers
- About
- Contact
Subscribe CTAs remain in page content (homepage, etc.) which link to
/subscribe page explaining Discord requirement.
Signed-off-by: Claude (Chronicler #56) <claude@firefrostgaming.com>
WHAT WAS DONE:
Created header.njk component with announcement banner and navigation bar.
Added header to base.njk layout so it appears on all pages.
COMPONENTS:
- Announcement banner (Fire/Frost/Arcane gradient)
Text: 'Soft Launch April 2026 - Join the Trinity. Built for children not yet born.'
- Navigation bar with logo and links
Links: Home, Servers, About, Contact, Subscribe (gradient CTA button)
- Logo: /assets/images/2026/02/Dark-Logo.png
STYLING:
- Dark background (#0a0a1a) matching site theme
- Frost cyan border bottom
- Fire/Frost/Arcane gradient on announcement and Subscribe button
- Responsive spacing and typography
FILES:
- _includes/header.njk (new)
- _includes/layouts/base.njk (modified - added header include)
STATUS:
Header now appears site-wide on all pages
Signed-off-by: Claude (Chronicler #56) <claude@firefrostgaming.com>
