WHAT WAS DONE:
Added complete contact form section using Formspree integration.
FORM FIELDS:
- Name (required)
- Email (required)
- Subject (required)
- Message (textarea, required)
- Submit button with Fire/Frost/Arcane gradient
STYLING:
- Dark theme matching site aesthetic
- Frost cyan borders and labels
- Responsive form layout
- Fire/Frost/Arcane gradient submit button
ACTION REQUIRED:
Replace 'YOUR_FORM_ID' in the form action URL with actual Formspree form ID:
1. Sign up at https://formspree.io
2. Create new form
3. Get form endpoint ID
4. Replace in: action="https://formspree.io/f/YOUR_FORM_ID"
FORM ENDPOINT:
Currently set to: https://formspree.io/f/YOUR_FORM_ID (placeholder)
Form will not work until Formspree ID is configured.
Signed-off-by: Claude (Chronicler #56) <claude@firefrostgaming.com>
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>
Added The-Trinity-3.png hero image at top of subscribe page showing
Fire (orange), Arcane (purple), and Frost (cyan) Minecraft characters.
Image path: /assets/images/2026/03/The-Trinity-3.png
This matches the Ghost CMS layout and visually represents the three
paths before users choose their subscription tier.
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>
Changed margin from '60px auto 40px' to '0 auto 40px' to properly
center the logo. The 60px top margin was unnecessary inside the already
padded hero container.
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>
WHAT WAS DONE:
Rebuilt index.njk with ALL missing sections from Ghost CMS backup,
including the gorgeous Fire/Frost split background image and logo.
SECTIONS ADDED:
- Hero with Fire/Frost background image (/assets/images/2026/03/Firefrost-background-1.png)
- Logo overlay (/assets/images/2026/03/Dark-Logo---Copy.png)
- Origin Story section (The Trinity founding story)
- Why Firefrost section (Security/Community/Legacy 3-column cards)
- Community Stats section (13+ servers, Growing, 99.9% uptime)
BRANDING:
- Fire/Frost/Arcane color scheme intact
- All image paths updated to /assets/images/ (no external URLs)
- Trinity gradient overlays preserved
CONTENT SOURCE:
Restored from docs/website/ghost-pages/homepage.html (saved by The Migrator)
STATUS:
Ready for Cloudflare Pages auto-deploy → GitHub → LIVE
All 5 major homepage sections now complete
Signed-off-by: Claude (Chronicler #56) <claude@firefrostgaming.com>
