1c7b96f723
- Add brand colours, fonts (Space Grotesk/Inter/Fira Code), box shadows to tailwind.config.js - Add bg-grid-pattern, text-gradient, scrollbar, selection styles to input.css - Add Google Fonts link and dark-mode body classes to base.html - Style nav, footer, cookie banner, newsletter form components - Style homepage: featured article, 12-col editorial grid, sidebar widgets - Style article list: header, tag filters, horizontal article cards, pagination - Style article page: hero header, prose body, share sidebar, related cards, comments - Style code blocks and callout blocks - CSS output grows from 4.8KB to 24KB with all brand utilities compiled Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
34 lines
1.9 KiB
HTML
34 lines
1.9 KiB
HTML
{% load core_tags %}
|
|
<footer class="border-t border-zinc-200 dark:border-zinc-800 bg-brand-light dark:bg-brand-dark mt-12 py-12 text-center md:text-left">
|
|
<div class="max-w-7xl mx-auto px-6 grid grid-cols-1 md:grid-cols-4 gap-8">
|
|
<div class="md:col-span-2">
|
|
<a href="/" class="font-display font-bold text-2xl tracking-tight mb-4 inline-block">NO HYPE AI</a>
|
|
<p class="text-zinc-500 font-mono text-sm max-w-sm mx-auto md:mx-0">
|
|
In-depth reviews and benchmarks of the latest AI coding tools.<br>
|
|
Honest analysis for developers.
|
|
</p>
|
|
</div>
|
|
<div>
|
|
<h4 class="font-display font-bold mb-4 uppercase text-sm tracking-widest text-zinc-400">Navigation</h4>
|
|
<ul class="space-y-2 font-mono text-sm text-zinc-500">
|
|
<li><a href="/" class="hover:text-brand-cyan transition-colors">Home</a></li>
|
|
<li><a href="/articles/" class="hover:text-brand-cyan transition-colors">Articles</a></li>
|
|
<li><a href="/about/" class="hover:text-brand-pink transition-colors">About</a></li>
|
|
{% get_legal_pages as legal_pages %}
|
|
{% for page in legal_pages %}
|
|
<li><a href="{{ page.url }}" class="hover:text-brand-pink transition-colors">{{ page.title }}</a></li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h4 class="font-display font-bold mb-4 uppercase text-sm tracking-widest text-zinc-400">Newsletter</h4>
|
|
<p class="text-zinc-500 font-mono text-sm mb-4">Get weekly AI tool reviews.</p>
|
|
{% include 'components/newsletter_form.html' with source='footer' label='Newsletter' %}
|
|
</div>
|
|
</div>
|
|
<div class="max-w-7xl mx-auto px-6 mt-12 pt-8 border-t border-zinc-200 dark:border-zinc-800 text-center font-mono text-xs text-zinc-500 flex flex-col md:flex-row justify-between items-center gap-4">
|
|
<p>© {% now "Y" %} No Hype AI. All rights reserved.</p>
|
|
<p>Honest AI tool reviews for developers.</p>
|
|
</div>
|
|
</footer>
|