138 lines
4.3 KiB
HTML
138 lines
4.3 KiB
HTML
<h1>Firefrost Gaming 11ty Website - Test Migration</h1>
|
|
<p><strong>Created:</strong> April 2, 2026<br>
|
|
<strong>Purpose:</strong> 2-hour test of Ghost CMS → 11ty static site migration<br>
|
|
<strong>Status:</strong> Ready to build and test</p>
|
|
<hr>
|
|
<h2>🚀 Quick Start</h2>
|
|
<h3>On Ghost VPS (as architect):</h3>
|
|
<pre><code class="language-bash"># Navigate to the test directory
|
|
cd /path/to/firefrost-operations-manual/website-11ty-test
|
|
|
|
# Install dependencies
|
|
npm install
|
|
|
|
# Build the site
|
|
npx @11ty/eleventy
|
|
|
|
# Serve locally for testing
|
|
npx @11ty/eleventy --serve
|
|
</code></pre>
|
|
<p>The site will be available at <code>http://localhost:8080</code></p>
|
|
<hr>
|
|
<h2>📁 Project Structure</h2>
|
|
<pre><code>website-11ty-test/
|
|
├── _includes/
|
|
│ ├── layouts/
|
|
│ │ └── base.njk # Master layout
|
|
│ ├── head.njk # <head> partial with Fire/Frost branding
|
|
│ └── footer.njk # Footer with all links
|
|
├── src/
|
|
│ └── css/
|
|
│ └── firefrost.css # Minimal Fire/Frost/Arcane styles
|
|
├── assets/
|
|
│ └── images/ # (empty for now - add images here)
|
|
├── _site/ # Build output (created after npm run build)
|
|
├── .eleventy.js # 11ty config (CRITICAL for CSS/images)
|
|
├── package.json # Dependencies
|
|
├── index.njk # Homepage
|
|
└── README.md # This file
|
|
</code></pre>
|
|
<hr>
|
|
<h2>🔧 Configuration</h2>
|
|
<h3>Critical .eleventy.js Config</h3>
|
|
<p>The <code>.eleventy.js</code> file contains <strong>critical passthrough copy settings</strong> from Gemini:</p>
|
|
<pre><code class="language-javascript">eleventyConfig.addPassthroughCopy("src/css");
|
|
eleventyConfig.addPassthroughCopy("assets");
|
|
</code></pre>
|
|
<p><strong>Without this, CSS and images won't copy to the build!</strong></p>
|
|
<hr>
|
|
<h2>✅ What's Included</h2>
|
|
<ul>
|
|
<li>✅ Complete layout system (master + head + footer)</li>
|
|
<li>✅ Homepage with hero and path sections</li>
|
|
<li>✅ Fire/Frost/Arcane branding colors</li>
|
|
<li>✅ Responsive footer grid</li>
|
|
<li>✅ All social links from Ghost</li>
|
|
<li>✅ Clean URLs (no .html extensions)</li>
|
|
</ul>
|
|
<hr>
|
|
<h2>🎯 Test Checklist</h2>
|
|
<h3>Phase 1: Build (10 min)</h3>
|
|
<ul>
|
|
<li>[ ] npm install runs successfully</li>
|
|
<li>[ ] npx @11ty/eleventy builds without errors</li>
|
|
<li>[ ] _site directory created with files</li>
|
|
</ul>
|
|
<h3>Phase 2: Local Test (10 min)</h3>
|
|
<ul>
|
|
<li>[ ] Site loads at localhost:8080</li>
|
|
<li>[ ] Fire/Frost branding visible</li>
|
|
<li>[ ] Footer displays correctly</li>
|
|
<li>[ ] All links work</li>
|
|
<li>[ ] Mobile responsive (test with browser dev tools)</li>
|
|
</ul>
|
|
<h3>Phase 3: Deploy Test (20 min)</h3>
|
|
<ul>
|
|
<li>[ ] Push to Git repo</li>
|
|
<li>[ ] Connect Cloudflare Pages</li>
|
|
<li>[ ] Set build command: <code>npx @11ty/eleventy</code></li>
|
|
<li>[ ] Set output directory: <code>_site</code></li>
|
|
<li>[ ] Set NODE_VERSION environment variable: <code>20</code></li>
|
|
<li>[ ] Deploy to test.firefrostgaming.com</li>
|
|
</ul>
|
|
<h3>Phase 4: Evaluate (20 min)</h3>
|
|
<ul>
|
|
<li>[ ] Compare to Ghost site visually</li>
|
|
<li>[ ] Test all CTAs and links</li>
|
|
<li>[ ] Check mobile responsive</li>
|
|
<li>[ ] Verify Fire/Frost branding intact</li>
|
|
</ul>
|
|
<hr>
|
|
<h2>🛑 Abort Criteria (From Gemini)</h2>
|
|
<p><strong>Pull the plug if:</strong></p>
|
|
<ul>
|
|
<li>15+ minutes fighting build errors</li>
|
|
<li>Need to rewrite CSS to match Ghost</li>
|
|
<li>Mobile navigation breaks and can't fix in 10 minutes</li>
|
|
</ul>
|
|
<hr>
|
|
<h2>📋 Next Steps (If Test Succeeds)</h2>
|
|
<ol>
|
|
<li>
|
|
<p>Port remaining 6 pages:</p>
|
|
<ul>
|
|
<li>About</li>
|
|
<li>Servers</li>
|
|
<li>Subscribe</li>
|
|
<li>Contact</li>
|
|
<li>Terms</li>
|
|
<li>Privacy</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<p>Download images from Ghost to /assets/images/</p>
|
|
</li>
|
|
<li>
|
|
<p>Set up Formspree for contact form</p>
|
|
</li>
|
|
<li>
|
|
<p>Add basic SEO meta tags</p>
|
|
</li>
|
|
<li>
|
|
<p>Deploy to production</p>
|
|
</li>
|
|
<li>
|
|
<p>Spin down Ghost</p>
|
|
</li>
|
|
</ol>
|
|
<hr>
|
|
<h2>🔗 Resources</h2>
|
|
<ul>
|
|
<li><strong>11ty Docs:</strong> https://www.11ty.dev/docs/</li>
|
|
<li><strong>Cloudflare Pages:</strong> https://pages.cloudflare.com/</li>
|
|
<li><strong>Formspree:</strong> https://formspree.io/</li>
|
|
<li><strong>Gemini Consultation:</strong> docs/planning/gemini-consultations/ghost-vs-static-website-2026-04-02.md</li>
|
|
</ul>
|
|
<hr>
|
|
<p><strong>Fire + Frost + Foundation = Where Love Builds Legacy</strong> 🔥❄️⚡</p>
|