<!-- Footer -->

<footer class="site-footer">
    <!-- Glow effect -->
    <div class="footer-glow"></div>

    <div class="footer-content">
        <!-- Left Column -->
        <div class="footer-left">
            <div class="footer-brand">
                <span class="copyleft">🄯</span> {{ .Site.Params.publihser }}
                <span class="year">{{ now.Format "2006" }}</span>
            </div>
            <div class="footer-tagline">
                <span>✦</span> No cookies, no trackers <span>✦</span>
            </div>
            <div class="footer-statement">
                {{ .Site.Params.description | default "A cyberpunk nostr experience" }}
            </div>
        </div>

        <!-- Right Column -->
        <div class="footer-right">
            <div class="footer-meta-item">
                <span class="icon">🕒</span>
                <span class="label">Last Built</span>
                <span class="value">{{ now.Format "Jan 2, 2006 · 15:04" }}</span>
            </div>
            <div class="footer-meta-item">
                <span class="icon">⚡</span>
                <span class="label">Powered by</span>
                <span class="value">
                    <a href="https://gohugo.io/" target="_blank" rel="noopener noreferrer">Hugo</a>
                    <span style="color:var(--accent-grey);opacity:0.3;margin:0 0.3rem;">&amp;</span>
                    <a href="https://nostr.org/" target="_blank" rel="noopener noreferrer">Nostr</a>
                </span>
            </div>
            <div class="footer-meta-item">
                <span class="icon">📡</span>
                <span class="label">Relay</span>
                <span class="value" style="font-size:0.65rem;opacity:0.7;">{{ .Site.Params.relay }}</span>
            </div>
        </div>
    </div>

    <!-- Bottom Bar -->
    <div class="footer-bottom">
        <div class="footer-bottom-text">
            <span>✦</span> Built with <span>♥</span> for the nostr community <span>✦</span>
        </div>
        <div class="footer-social">
            <a href="{{ .Site.Params.footlinks1_url }}" target="_blank" rel="noopener noreferrer">{{ .Site.Params.footlinks1_name }}</a>
            <a href="{{ .Site.Params.footlinks2_url }}" target="_blank" rel="noopener noreferrer">{{ .Site.Params.footlinks2_name }}</a>
            <a href="{{ .Site.Params.footlinks3_url }}" target="_blank" rel="noopener noreferrer">{{ .Site.Params.footlinks3_name }}</a>
            <a href="{{ .Site.Params.footlinks4_url }}" target="_blank" rel="noopener noreferrer">{{ .Site.Params.footlinks4_name }}</a>
        </div>
    </div>
</footer>
