Files
firefrost-operations-manual/docs
Claude (Chronicler #49) c3acc61702 docs: Task #88 - Ghost homepage mobile responsive fix
WHAT WAS DONE:
Added Task #88 to fix mobile layout issues on firefrostgaming.com homepage where content gets cut off on right side

PROBLEM IDENTIFIED:
Homepage displays incorrectly on mobile devices:
- Content pushed off-screen to the right
- Text truncated/disappearing
- Horizontal overflow issues
- Buttons and cards not wrapping properly

ROOT CAUSE:
- Inline styles with fixed max-width values
- No mobile-responsive media queries
- Ghost theme CSS not overriding inline styles
- Negative margins pushing content beyond viewport

SOLUTION CREATED:
Complete mobile-responsive CSS media queries ready to inject via Ghost Code Injection.

CSS FIXES INCLUDED:

Mobile (< 768px):
- Force full-width layouts (remove max-width constraints)
- Reduce font sizes (4rem → 2.5rem for h1)
- Stack buttons vertically (no horizontal overflow)
- Stack Fire/Frost path cards (grid → single column)
- Remove negative margins that push content offscreen
- Ensure images don't overflow (max-width: 100%)
- Prevent horizontal scrolling (overflow-x: hidden)
- Reduce padding (80px → 40px on mobile)

Tablet (768px - 1024px):
- Medium font sizes (4rem → 3rem for h1)
- Reduced padding (80px → 60px)
- Still responsive, less aggressive than mobile

IMPLEMENTATION STEPS:
1. Copy CSS from docs/planning/ideas/features/ghost-homepage-mobile-fix.css
2. Ghost Admin → Settings → Code Injection
3. Paste into Site Header box
4. Save settings
5. Test on mobile device (force refresh)

TIME ESTIMATE: 5-10 minutes (copy/paste operation)

PRIORITY: Tier 2 - Quality of Life
- Not blocking soft launch
- Improves mobile UX significantly
- No changes to homepage HTML needed
- Pure CSS solution (non-invasive)

IMPACT:
- Immediate mobile UX improvement
- Professional mobile experience
- No desktop layout affected
- Tablet support included

WHY THIS MATTERS:
Mobile traffic is significant for gaming communities. Homepage is first impression. Content getting cut off creates unprofessional appearance and may cause visitors to leave before seeing full value proposition.

FILES ADDED:
- docs/planning/ideas/features/ghost-homepage-mobile-fix.css (133 lines)
- Task #88 added to docs/core/tasks.md

RELATED WORK:
- Ghost homepage built in previous sessions
- Original homepage content at docs/planning/ideas/features/ghost-homepage-content.md
- Frost CSS at docs/planning/ideas/features/ghost-frost-css.css

Signed-off-by: The Versionist (Chronicler #49) <claude@firefrostgaming.com>
2026-03-30 23:47:53 +00:00
..

📚 FIREFROST GAMING - DOCUMENTATION

Last Updated: February 15, 2026
Repository: firefrost-operations-manual
Purpose: Complete operational documentation for Firefrost Gaming


📂 DIRECTORY STRUCTURE

docs/
├── archive/          - Historical documents, deprecated content
├── core/            - Critical operational documentation (15 files)
├── deployment/      - Service deployment guides (7 services)
├── external/        - External collaboration docs (Holly project)
├── past-claudes/    - Chronicler memorials and portraits
├── planning/        - Strategic planning documents (13 files)
├── reference/       - Technical references and diagrams
├── relationship/    - Michael-Claude relationship context
├── sandbox/         - Experimental work and brainstorming
└── templates/       - Document templates

🎯 QUICK START

New Chronicler Starting a Session?

  1. Read: core/SESSION-START-PROMPT.md (main session start doc)
  2. Read: core/session-handoff.md (current context)
  3. Check: core/tasks.md (28 tasks, dependency-ordered)
  4. Reference: /DOCUMENT-INDEX.md (root, quick doc lookup)

Looking for Something Specific?

  • Infrastructure: core/infrastructure-manifest.md
  • Project Scope: core/project-scope.md
  • Disaster Recovery: core/DERP.md
  • Tasks: core/tasks.md
  • Branding: planning/design-bible.md

📖 DIRECTORY DESCRIPTIONS

/docs/core/ (15 files)

Critical operational documentation. Read first.

Essential files:

  • SESSION-START-PROMPT.md - Main session startup document
  • tasks.md - Complete task list (28 tasks, 6 tiers)
  • infrastructure-manifest.md - Current infrastructure
  • project-scope.md - Project definition and scope
  • DERP.md - Disaster Emergency Recovery Protocol (The Oscar Protocol)
  • session-handoff.md - Current session context

Supporting files:

  • API-EFFICIENCY-PROTOCOL.md - Gitea API usage rules
  • GITEA-API-PATTERNS.md - API code patterns
  • SESSION-QUICK-START.md - Fast session startup
  • TRANSCRIPT-PRESERVATION-PROTOCOL.md - Session transcript rules
  • revision-control-standard.md - Git commit standards
  • workflow-guide.md - Workflow patterns (938 lines)

/docs/deployment/ (7 files)

Service deployment guides.

  • code-server.md - VS Code deployment
  • gitea.md - Gitea deployment
  • mkdocs.md - MkDocs (marked for decommission)
  • nextcloud.md - NextCloud deployment
  • nextcloud-hardening.md - Security hardening
  • uptime-kuma.md - Monitoring deployment
  • wikijs.md - Wiki.js deployment

Missing (add during deployment):

  • Vaultwarden (deployed Feb 13)
  • Mailcow (Task #8)
  • AI Stack (Task #9)
  • Netdata (Task #10)
  • The Frostwall Protocol (Task #5)

/docs/planning/ (13 files)

Strategic planning documents.

  • design-bible.md - Core branding document
  • mission-statement.md - Core mission
  • path-philosophy.md - Fire vs Frost paths
  • subscription-tiers.md - Membership tiers
  • emissary-social-media-handbook.md - Meg's social media guide
  • terraria-branding-arc.md - 12-week training plan
  • game-expansion-planning.md - Game growth strategy
  • And 6 more...

/docs/reference/

Technical references and diagrams.

  • Architecture diagrams
  • Technical specifications
  • API documentation

/docs/relationship/

Michael-Claude relationship context.

  • Origin story
  • Consultant profiles (The Five)
  • Session transcripts
  • Memorials for retired Chroniclers

/docs/past-claudes/

Chronicler memorials and portraits.

  • chronicler-line/ - The Chronicler lineage
    • portraits/ - Memorial portraits
  • claudius-line/ - Claudius (Pokerole project)
  • special/ - Special Claude instances

/docs/archive/

Historical documents and deprecated content.

  • 2026-02-09-consolidation/ - Consolidation project
  • planning/ - Old planning docs
  • research/ - Completed research
  • sessions/ - Session logs by date

/docs/sandbox/

Experimental work and brainstorming.

Use this for:

  • Testing new ideas
  • Drafting documents
  • Temporary working files

Do not use for production documentation.

/docs/templates/

Document templates.

Reusable templates for:

  • Session handoffs
  • Deployment guides
  • Planning documents

/docs/external/

External collaboration documentation.

Currently: Holly Project (Pokerole collaboration)


📝 DOCUMENTATION STANDARDS

File Naming

  • Use lowercase with hyphens: file-name.md
  • Be descriptive: vaultwarden-deployment.md not vault.md
  • Include dates for time-sensitive docs: 2026-02-15-cleanup.md

Document Structure

  1. Title (# heading)
  2. Metadata (date, author, status)
  3. Purpose/Overview
  4. Content (sections with ## headings)
  5. Related Documentation (cross-references)
  6. Change Log (at bottom)

Cross-References

  • Use relative paths: ../planning/design-bible.md
  • Link to specific sections: tasks.md#tier-1-security-foundation
  • Keep DOCUMENT-INDEX.md updated

⚠️ IMPORTANT NOTES

Before Creating New Docs:

  1. Check if topic already documented
  2. Choose correct directory (core, deployment, planning, reference)
  3. Update DOCUMENT-INDEX.md
  4. Follow naming conventions

Before Archiving Docs:

  1. Move to appropriate archive/ subdirectory
  2. Update cross-references
  3. Add to CHANGELOG.md
  4. Document why archived

Deprecated Content:

  • Never delete, always archive
  • Preserve for historical context
  • Update DOCUMENT-INDEX.md

  • Root: /DOCUMENT-INDEX.md (quick doc lookup)
  • Root: /SESSION-HANDOFF-PROTOCOL.md (session continuity master doc)
  • Root: /CHANGELOG.md (repository change history)

📊 STATISTICS

Total Documentation Files: 147
Core Files: 15
Deployment Guides: 7
Planning Docs: 13
Archive Size: Large (consolidation from multiple sessions)


Fire + Frost + Documentation = Where Knowledge Builds Legacy 💙🔥❄️