soroush.asadi
8896740895
deploy / deploy (push) Successful in 24s
Audited the site with the ui-ux-pro-max skill. It validated the brand blue (#2563EB == its SaaS primary) but flagged real high-severity gaps: - Contrast: muted grays were zinc-400 (~2.8:1, fails WCAG AA). Bumped the muted token + all text-zinc-400 to zinc-500 (#71717a, ~4.6:1). - Touch targets: social buttons 38px -> 44x44 (meets 44pt minimum). - Cursor + disabled: cursor-pointer on buttons; disabled state dims + blocks. - Form a11y: required-field asterisks (name/service/budget/message), autocomplete on name/company, and role=status aria-live=polite on the submit status so screen readers announce success/error. Kept Syne + system fonts and the blue accent (skill suggested Inter + an AI-purple palette its own anti-patterns reject). Rebuilt Tailwind bundles. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
34 lines
1.5 KiB
Plaintext
34 lines
1.5 KiB
Plaintext
@page "/blog"
|
|
@model SoroushAsadi.Pages.Blog.BlogIndexModel
|
|
@{
|
|
ViewData["Title"] = Model.IsFa ? "بلاگ - سروش اسعدی" : "Blog - Soroush Asadi";
|
|
var fa = Model.IsFa;
|
|
}
|
|
|
|
<div class="px-5 pt-28 pb-24 sm:px-8 sm:pt-32">
|
|
<div class="mx-auto max-w-4xl">
|
|
<div class="sec-head">
|
|
<h1 class="@(fa ? "font-fa" : "")" style="font-size:clamp(2rem,4vw,2.75rem)">
|
|
@(fa ? "یادداشتهای مهندسی" : "Engineering notes")
|
|
</h1>
|
|
<p class="lede mt-4">@(fa ? "درسهایی از پروژههای واقعی. نه ترجمهی مقاله، نه شعار توخالی." : "Findings from real engagements. Not translated articles, not hype lists.")</p>
|
|
</div>
|
|
|
|
<div class="border-b border-zinc-200">
|
|
@foreach (var post in Model.Posts)
|
|
{
|
|
<a href="/blog/@post.Slug" class="group reveal grid grid-cols-1 gap-2 border-t border-zinc-200 py-6 sm:grid-cols-[8rem_1fr] sm:gap-8">
|
|
<div class="flex items-baseline justify-between sm:flex-col sm:gap-1">
|
|
<span class="kicker">@post.Category</span>
|
|
<span class="text-[.78rem] text-zinc-500">@post.ReadTime @(fa ? "دقیقه" : "min")</span>
|
|
</div>
|
|
<div>
|
|
<h2 class="text-[1.1rem] font-semibold transition-colors group-hover:text-accent @(fa ? "font-fa" : "")">@post.Title</h2>
|
|
<p class="mt-1.5 text-[.9rem] leading-relaxed text-zinc-600">@post.Excerpt</p>
|
|
</div>
|
|
</a>
|
|
}
|
|
</div>
|
|
</div>
|
|
</div>
|