@using Markdig
@model List<VmTimeline>

<div class="timeline-page">
    <div class="timeline-page__header">
        <h1 class="timeline-page__title">时光轴</h1>
        <p class="timeline-page__subtitle">记录点滴，见证成长</p>
    </div>
    
    <div class="timeline">
        @foreach (var item in Model)
        {
            <div class="timeline__item">
                <div class="timeline__marker"></div>
                <div class="timeline__content">
                    <div class="timeline__date">@item.Date.ToString("yyyy-MM-dd")</div>
                    <h2 class="timeline__title">@item.Title</h2>
                    @if (!string.IsNullOrEmpty(item.Content))
                    {
                        <div class="timeline__body markdown-body">
                            @Html.Raw(Markdown.ToHtml(item.Content))
                        </div>
                    }
                    @if (!string.IsNullOrEmpty(item.More))
                    {
                        <a href="@item.More" target="_blank" class="timeline__more">阅读更多</a>
                    }
                </div>
            </div>
        }
    </div>
</div>