{{define "content"}}
<article class="blog-page">
    <header class="page-header">
        <h1>Blog</h1>
        {{if .BlogSummary}}<p class="page-summary">{{.BlogSummary}}</p>{{end}}
    </header>
    
    <nav class="blog-nav" aria-label="Blog articles">
        <h2>Articles</h2>
        <ul class="article-menu">
            {{range .BlogItems}}
            <li>
                <a href="/blog#{{.DTag}}" id="{{.DTag}}">
                    <h3>{{.Title}}</h3>
                    {{if .Summary}}<p>{{.Summary}}</p>{{end}}
                </a>
            </li>
            {{end}}
        </ul>
    </nav>
    
    {{range .BlogItems}}
    <section class="blog-article" id="article-{{.DTag}}">
        <h2>{{.Title}}</h2>
        {{if .Summary}}<p class="article-summary">{{.Summary}}</p>{{end}}
        <div class="article-content">
            {{.Content}}
        </div>
    </section>
    {{end}}
</article>
{{end}}

{{define "feed"}}
<div class="feed-container">
    <h3>Recent Notes</h3>
    <div class="feed-items">
        {{range .FeedItems}}
        <div class="feed-item">
            <div class="feed-author">{{.Author}}</div>
            <div class="feed-content">{{.Content}}</div>
            <div class="feed-time">{{.Time}}</div>
            <a href="{{.Link}}" class="feed-link">View on Alexandria</a>
        </div>
        {{else}}
        <p class="feed-empty">No recent notes available.</p>
        {{end}}
    </div>
</div>
{{end}}