Issue: Collections sidebar was overlapping main content on mobile screens
Fix: Hide sidebar completely on mobile (display: none)
Mobile users navigate via the top navigation/breadcrumbs instead.
Content now takes full width without sidebar overlap.
Removed entire dark mode theming (Fire/Frost/Arcane colors, dark backgrounds, all custom styling).
Keeping ONLY mobile-responsive optimizations:
- Larger touch targets (44px buttons/inputs)
- Single-column layout on mobile
- Stacked editor panes
- Better spacing for small screens
- 16px font size to prevent iOS zoom
Result: Clean, default Decap CMS styling with mobile improvements only.
This should resolve mobile display issues.
Mobile optimizations (max-width: 768px):
- Collapsible sidebar (80% width, off-canvas)
- Full-width main content on mobile
- Larger touch targets (44px min-height for buttons/inputs)
- Single-column layout for collection cards
- Stacked editor (no side-by-side panes)
- Wrapped toolbar items
- 16px font size to prevent iOS zoom
- Better spacing and padding for small screens
Extra small devices (max-width: 480px):
- Full-width sidebar
- Reduced padding throughout
- Compact font sizes
Result: firefrostgaming.com/admin now mobile-friendly for task management on phone
Error: 'The Gitea backend does not support editorial workflow'
Editorial workflow (draft/review/publish) is a GitHub-only feature.
Gitea backend requires direct commits to master branch.
Keeping all other task improvements:
- Individual task files in docs/tasks-index/
- Priority-based sorting
- Improved field labels and hints
- Changed folder from 'docs/tasks-active' to 'docs/tasks-index'
- Updated priority values to P0-Blocker, P1-High, P2-Medium, P3-Low, P4-Personal
- Updated status values to: Planned, In Progress, Blocked, Complete
- Added Owner field (Michael, Meg, Holly, Trinity)
- Improved hints and labels for better UX
- Tasks now sort by priority (blockers first automatically)
Result: Individual task cards at firefrostgaming.com/admin instead of monolithic files
- Changed TASKS collection from 'files' to 'folder' type
- Points at docs/tasks-active/ for individual task files
- Each task shows as separate entry in CMS
- Sortable by priority, status, task number
- Filterable: blockers, high priority, in progress
- Summary shows: Title (P# BLOCKER if applicable)
Fields Added:
- task_number (required, integer)
- title, priority, status, is_blocker
- tags, estimated_hours, completed_date, blocked_by
- body (markdown for task details)
UI Improvements:
- Blockers sort to top automatically
- Click task → edit just that task
- Mobile-friendly (individual entries vs giant files)
- Links to full specs in /docs/tasks/ preserved
Replaces:
- Old: Two files (BLOCKERS.md, BACKLOG.md)
- New: Individual task files in /docs/tasks-active/
- Keep editorial_workflow enabled (draft/review/publish)
- Revert preview: true back to preview: false
- Dark mode causes font/background color issues in preview pane
- Editorial workflow still functional without preview
Issue: Preview pane has unresolvable dark mode styling conflicts
- Added publish_mode: editorial_workflow for draft/review/publish workflow
- Enabled preview pane (changed from false to true) for better markdown editing
- Meg and Holly can now save drafts without immediate publish
- Preview lets editors see formatted content while editing
Benefits:
- Drafts saved as Git branches (safety net)
- 'Ready for Review' workflow available
- 'Publish' merges to master branch
- Full audit trail of all changes
- Split-screen markdown preview improves UX
WHAT WAS DONE:
- '13+ Active Servers' now pulls from servers API
- Fallback to '7+' if API fails
Signed-off-by: Claude (Chronicler #60) <claude@firefrostgaming.com>
WHAT WAS DONE:
- Hero text now shows dynamic count from API
- 'Nine Minecraft experiences' → '[count] Minecraft experiences'
- Count updates when servers load
Signed-off-by: Claude (Chronicler #60) <claude@firefrostgaming.com>
Previous CSS selectors weren't catching Decap's dynamic class names.
Now using:
- href attribute selectors for Tasks link
- JavaScript fallback after DOM load
- Removed complex selectors that weren't working
Signed-off-by: claude@firefrostgaming.com
- Removed format: yaml-frontmatter requirement
- Added identifier_field: name to use filename
- Added summary: {{filename}} to display filename in list
- Simplified fields to just body/content
This allows existing markdown files without YAML frontmatter to be edited.
Changed from firefrost-website to firefrost-operations-manual.
This is what Decap was always meant to manage - Markdown docs,
not complex HTML templates.
Collections:
- Core Documents (SESSION-HANDOFF-NEXT.md, tasks.md)
- Planning Docs (folder)
- Milestones (folder)
- Implementation Guides (folder)
Branch: master (ops manual uses master, not main)
- Added format: frontmatter and extension: njk
- Changed body widget from markdown to code (HTML)
- Added hidden layout field
- Added description field to match existing frontmatter
This allows editing existing pages without restructuring the site.
WHAT: Changed handleSubscribe() to redirect to OAuth endpoint
WHY: Discord-Stripe linking requires OAuth before checkout
Old flow: Button → API call → Stripe checkout (no Discord ID)
New flow: Button → Discord OAuth → Stripe checkout (Discord ID linked)
Endpoint: https://discord-bot.firefrostgaming.com/stripe/auth?tier=X
Signed-off-by: Claude <claude@firefrostgaming.com>
WHAT WAS DONE:
Replaced static Minecraft servers section with dynamic real-time status
display powered by Cloudflare Workers + Pterodactyl Client API.
FEATURES IMPLEMENTED:
- Real-time server status (Online/Offline) with pulse animation
- Live player counts
- Auto-refresh every 60 seconds
- Graceful error handling
- NO IP addresses displayed (Discord-gated security)
- 'Join Discord' CTA for connection details
TECHNICAL DETAILS:
- Fetches from: https://servers-api.michael-b25.workers.dev
- Edge-cached (60 second TTL)
- Zero manual updates required
- IPs stripped at Worker level (never touch frontend)
SECURITY:
- Server IPs available only in Discord (Awakened+ tier)
- Drives community engagement and subscription conversion
- Prevents port scanning and unauthorized access
When servers added/removed in Pterodactyl, website auto-updates
within 60 seconds. Zero code changes needed.
Fire + Frost + Foundation = Where Love Builds Legacy 💙
Signed-off-by: Claude (Chronicler #56) <claude@firefrostgaming.com>
Changed effective date from April 15 to April 1, 2026 to match
Privacy Policy.
Both legal documents now effective April 1, 2026.
Signed-off-by: Claude (Chronicler #56) <claude@firefrostgaming.com>
Swapped Jasmine and Skye positions to match Trinity visual flow:
Frost → Purple → Fire (like the Trinity artwork above)
NEW ORDER:
1. Butter (Frost)
2. Oscar (Frost)
3. Jack (Frost)
4. Skye (Purple) ← moved up
5. Jasmine (Fire) ← moved down
6. Noir (Fire)
This creates visual consistency with the Trinity image where
Frost is left, Arcane/Purple is center, Fire is right.
Signed-off-by: Claude (Chronicler #56) <claude@firefrostgaming.com>
Updated from 'The Five Consultants' to 'The Six Consultants' and
added SKYE - The Coordinator.
SKYE PROFILE:
- Title: The Coordinator
- Role: Director of Logistics & Transportation
- Alignment: PURPLE (Arcane Storm)
- Owner: Holly 'The Builder'
- Quote: 'Ball is love. Ball is life. The mission is EVERYTHING.'
- Breed: Border Collie
- Born: June 16, 2020
CONSULTANT ORDER:
1. Butter (CEO, Frost)
2. Oscar (Security, Frost)
3. Jack (Companion, Frost)
4. Jasmine (Protection, Purple)
5. Skye (Logistics, Purple)
6. Noir (Rapid Response, Fire)
Skye carries forward her original owner's (Holly's mom, passed 2022)
legacy with every mission. Border Collie precision meets logistics
obsession.
Signed-off-by: Claude (Chronicler #56) <claude@firefrostgaming.com>
Added centered caption under Trinity artwork identifying each founder:
'The Trinity: Frostystyle (The Wizard), unicorn20089 (The Catalyst),
and GingerFury (The Emissary)'
Styling: italic, soft cyan color (#a8dadc), 1.2rem font size
Signed-off-by: Claude (Chronicler #56) <claude@firefrostgaming.com>
Added epic Trinity fantasy artwork showing Frost (left, cyan/ice),
Arcane (center, purple/lightning), and Fire (right, orange/flames).
IMAGE DETAILS:
- File: trinity-final.png
- Path: /assets/images/2026/03/
- Position: Between 'The Trinity' title and founder cards
- Styling: Rounded corners, Frost cyan shadow for visual pop
This artwork perfectly represents the three founders and their
elemental identities before introducing each founder individually.
Signed-off-by: Claude (Chronicler #56) <claude@firefrostgaming.com>
Added official Simple Icons (20px) to all footer social links for
visual consistency. Also added YouTube to footer Community section.
All footer social links now have icons matching the homepage and
contact page styling.
Signed-off-by: Claude (Chronicler #56) <claude@firefrostgaming.com>
WHAT WAS DONE:
1. Created /discord redirect page → https://discord.gg/hDHvKfqhKs
2. Updated Contact page Discord button to point to /discord
3. Added ALL social media links with Simple Icons to Contact page
4. Added YouTube and social links section to homepage
DISCORD REDIRECT PAGE (discord.njk):
- JavaScript redirect to Discord invite
- Fallback button for users with JS disabled
- Uses permalink: /discord/
- Redirects to: https://discord.gg/hDHvKfqhKs
CONTACT PAGE (contact.njk):
- Discord button now points to /discord (internal redirect)
- Social Media card now has ALL platforms with official Simple Icons:
* Linktree (all socials hub)
* YouTube
* Twitter/X
* Instagram
* TikTok
* Twitch
* Facebook
* Reddit
* BlueSky
- Icons via https://cdn.simpleicons.org/
HOMEPAGE (index.njk):
- Added "Follow Our Journey" section before final CTA
- Includes 5 main platforms: YouTube, Discord, X, Instagram, TikTok
- Simple Icons for visual consistency
- Centered layout with flex display
ICONS:
All social icons use Simple Icons CDN for official brand colors
and consistent sizing (24px on contact, 28px on homepage).
Signed-off-by: Claude (Chronicler #56) <claude@firefrostgaming.com>
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>
