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>
33 lines
1.2 KiB
Plaintext
33 lines
1.2 KiB
Plaintext
@page "/blog/{slug}"
|
|
@model SoroushAsadi.Pages.Blog.PostModel
|
|
@{
|
|
ViewData["Title"] = Model.Title + " - 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-2xl">
|
|
<a href="/blog" class="mb-10 inline-flex items-center gap-2 text-sm text-zinc-500 transition-colors hover:text-zinc-900 @(fa ? "flex-row-reverse" : "")">
|
|
<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.8" class="@(fa ? "" : "rotate-180")"><path d="M5 12H19"/><path d="M13 6L19 12L13 18"/></svg>
|
|
@(fa ? "بازگشت به بلاگ" : "Back to blog")
|
|
</a>
|
|
|
|
@if (Model.PostNotFound)
|
|
{
|
|
<p class="text-zinc-600">@(fa ? "مقاله پیدا نشد." : "Post not found.")</p>
|
|
}
|
|
else
|
|
{
|
|
<header class="mb-8">
|
|
<span class="kicker">@Model.Category</span>
|
|
<h1 class="mt-3 @(fa ? "font-fa" : "")" style="font-size:clamp(1.8rem,4vw,2.5rem)">@Model.Title</h1>
|
|
<p class="mt-3 text-sm text-zinc-500">@Model.ReadTime @(fa ? "دقیقه مطالعه" : "min read")</p>
|
|
</header>
|
|
|
|
<article class="prose-custom">
|
|
@Html.Raw(Model.BodyHtml)
|
|
</article>
|
|
}
|
|
</div>
|
|
</div>
|