Integrate Simcoe Trades Journal Jekyll site with DigitalOcean App Platform spec

This commit is contained in:
Your Name
2026-07-31 11:12:33 -04:00
commit c5993bce0d
26 changed files with 1246 additions and 0 deletions
+46
View File
@@ -0,0 +1,46 @@
<footer class="bg-slate-950 border-t border-slate-800 text-slate-400 py-12 mt-20">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-1 md:grid-cols-4 gap-8">
<!-- Col 1 -->
<div class="md:col-span-2">
<div class="flex items-center gap-3 mb-4">
<div class="w-8 h-8 rounded bg-amber-500 flex items-center justify-center text-slate-950 font-extrabold text-base">
STJ
</div>
<span class="text-lg font-bold text-white font-heading">
SIMCOE <span class="text-amber-400">TRADES JOURNAL</span>
</span>
</div>
<p class="text-sm text-slate-400 max-w-md leading-relaxed">
An independent trade journal showcasing local construction, roofing, and custom carpentry work in Barrie, Orillia, Severn, and Simcoe County. Highlighting craftsmanship, project specifications, and verified contractor profiles.
</p>
</div>
<!-- Col 2 -->
<div>
<h4 class="text-white font-semibold text-sm tracking-wider uppercase mb-4 font-heading">Featured Contractors</h4>
<ul class="space-y-2.5 text-sm">
<li><a href="https://midhurstroofing.ca" target="_blank" rel="noopener" class="hover:text-amber-400 transition-colors">Midhurst Roofing Barrie</a></li>
<li><a href="https://severnroofing.ca" target="_blank" rel="noopener" class="hover:text-amber-400 transition-colors">Severn Roofing Orillia</a></li>
<li><a href="https://www.instagram.com/seanprocontracting/" target="_blank" rel="noopener" class="hover:text-amber-400 transition-colors">Sean Pro Contracting</a></li>
</ul>
</div>
<!-- Col 3 -->
<div>
<h4 class="text-white font-semibold text-sm tracking-wider uppercase mb-4 font-heading">Coverage Areas</h4>
<ul class="space-y-2 text-sm text-slate-400">
<li>Barrie & Innisfil</li>
<li>Orillia & Severn Township</li>
<li>Midhurst & Springwater</li>
<li>Collingwood & Muskoka</li>
</ul>
</div>
</div>
<div class="border-t border-slate-800/80 mt-10 pt-6 flex flex-col md:flex-row items-center justify-between text-xs text-slate-500">
<p>© {{ 'now' | date: "%Y" }} Simcoe Trades Journal. All contractor case studies are curated for community reference.</p>
<p class="mt-2 md:mt-0">Built with Jekyll & Tailwind CSS</p>
</div>
</div>
</footer>