WHAT:
- Complete 11ty static site generator project structure
- Homepage with hero and Fire/Frost path sections
- Master layout system (base + head + footer partials)
- Fire/Frost/Arcane branding CSS
- Critical .eleventy.js config from Gemini
- Ready-to-build test for Ghost CMS migration
STRUCTURE:
- _includes/layouts/base.njk (master template)
- _includes/head.njk (Fire/Frost branding, meta tags)
- _includes/footer.njk (complete footer from Ghost)
- src/css/firefrost.css (minimal responsive styles)
- index.njk (homepage with hero + path cards)
- .eleventy.js (passthrough config for CSS/images)
- package.json (11ty v3.0.0)
- README.md (complete test instructions)
GEMINI'S CRITICAL CONFIG:
eleventyConfig.addPassthroughCopy('src/css');
eleventyConfig.addPassthroughCopy('assets');
This prevents CSS/images from being ignored in build.
BUILD COMMANDS:
npm install
npx @11ty/eleventy
npx @11ty/eleventy --serve (local test at :8080)
DEPLOY TARGET:
Cloudflare Pages with:
- Build command: npx @11ty/eleventy
- Output directory: _site
- NODE_VERSION=20
ABORT CRITERIA:
- 15+ min on build errors
- CSS rewrite needed
- Mobile nav breaks
STATUS: Ready for 2-hour test on Ghost VPS
Signed-off-by: Chronicler #55 <claude@firefrostgaming.com>
32 lines
573 B
CSS
32 lines
573 B
CSS
/* Firefrost Gaming CSS - Fire/Frost/Arcane Branding */
|
|
|
|
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
body {
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
|
background: #0a0a1a;
|
|
color: #e8e8e8;
|
|
line-height: 1.6;
|
|
}
|
|
|
|
/* Responsive footer grid */
|
|
@media (max-width: 768px) {
|
|
footer .ffg-footer > div:first-child {
|
|
grid-template-columns: 1fr !important;
|
|
gap: 40px !important;
|
|
}
|
|
}
|
|
|
|
/* Link hover effects */
|
|
a {
|
|
transition: color 0.3s ease;
|
|
}
|
|
|
|
a:hover {
|
|
color: #4ecdc4 !important;
|
|
}
|