35 lines
1.9 KiB
Plaintext
35 lines
1.9 KiB
Plaintext
|
@page "/blog"
|
||
|
|
@model SoroushAsadi.Pages.Blog.BlogIndexModel
|
||
|
|
@{
|
||
|
|
ViewData["Title"] = Model.IsFa ? "بلاگ — سروش اسعدی" : "Blog — Soroush Asadi";
|
||
|
|
var fa = Model.IsFa;
|
||
|
|
}
|
||
|
|
|
||
|
|
<div class="min-h-screen pt-28 pb-20 px-5 sm:px-8">
|
||
|
|
<div class="mx-auto max-w-7xl">
|
||
|
|
<div class="section-header mb-14">
|
||
|
|
<div class="eyebrow mb-4"><span class="chip">@(fa ? "بلاگ" : "Journal")</span></div>
|
||
|
|
<h1 class="font-display text-4xl font-extrabold text-white @(fa ? "font-fa" : "")">
|
||
|
|
@(fa ? "یادداشتهای مهندسی" : "Engineering notes")
|
||
|
|
</h1>
|
||
|
|
<p class="mt-4 text-slate-400">@(fa ? "یافتهها از پروژههای واقعی — نه ترجمهی مقاله، نه فهرست hype." : "Findings from real engagements — not translated articles, not hype lists.")</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
|
||
|
|
@foreach (var post in Model.Posts)
|
||
|
|
{
|
||
|
|
<a href="/blog/@post.Slug" class="group glass block p-6 transition-all duration-300 hover:-translate-y-1 hover:border-electric/40 reveal">
|
||
|
|
<span class="label-mono text-electric mb-3 block">@post.Category</span>
|
||
|
|
<h2 class="font-display font-semibold leading-snug text-white group-hover:text-electric transition-colors @(fa ? "font-fa" : "")"
|
||
|
|
style="font-size:clamp(1rem,1.4vw,1.15rem)">@post.Title</h2>
|
||
|
|
<p class="mt-3 text-[.88rem] leading-relaxed text-slate-400 line-clamp-3">@post.Excerpt</p>
|
||
|
|
<div class="mt-4 flex items-center justify-between">
|
||
|
|
<span class="label-mono">@post.ReadTime @(fa ? "دقیقه" : "min") @(fa ? "مطالعه" : "read")</span>
|
||
|
|
<svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" class="text-electric @(fa ? "rotate-180" : "")"><path d="M5 12H19"/><path d="M13 6L19 12L13 18"/></svg>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|