Replace the flat minimal sections with a bento layout (ui-ux-pro-max "Bento
Box Grid" style) while keeping the light theme and single blue accent.
- Bento grid system in CSS: 4-col -> 2-col -> 1-col, varied spans (span-2,
row-2), 22px tiles, hover lift, dark/accent/tint tile variants
- Hero is now a bento: dark name/anchor tile + value-prop tile + accent
availability tile + social tile
- Services: bento tiles with a tinted featured tile and a dark AI tile
- Stack: four category tiles (AI/ML tinted)
- Portfolio: featured 2x2 tile + colored covers per project
- Pipeline / expertise / blog / contact kept as different layouts for rhythm
Verified: 4-col desktop, clean 1-col mobile with no horizontal overflow,
no console errors. Tailwind bundle rebuilt.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
The 6 blog post bodies were English-only even in Persian mode. Add natural
Persian translations and select the body by locale (IsFa ? BodyFa : BodyEn),
so a Persian reader gets a fully Persian article. Also removed the em/en
dashes from the English bodies (taste compliance) and stripped stray bidi
control chars (kept ZWNJ).
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
The budget options were English/USD even in Persian mode. Make them
locale-aware (stable option values) so the FA form is fully Persian.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
The site sits behind a CDN and shipped static assets with no Cache-Control
and no versioning, so browsers/CDN kept serving stale css/js after a deploy
(the "design didn't change" symptom).
- HTML responses now send Cache-Control: no-cache, no-store, must-revalidate
so the page itself is always revalidated.
- Static assets get a long cache and are fingerprinted via asp-append-version
(/css/site.css?v=<contenthash>), so they bust automatically on every change.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
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>
Broaden the messaging so AI is one strong pillar, not the whole story
(matches the real portfolio: web/SaaS, mobile, a game, plus AI tools).
- Hero: "software, enterprise apps, and AI solutions"; role is now
"Software & AI Engineer, Solution Architect"
- Services reframed: Web & enterprise apps, Mobile apps, Solution
architecture & cloud, AI solutions, Automation & integrations, Strategy
(replaces the six AI-centric ones; new "apps" icon)
- Expertise areas lead with architecture + web/enterprise apps, AI as one
- Contact service options, meta description, title, footer blurb updated
English and Persian both. No CSS/JS changes.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Rewrite the FA strings sitewide in natural, human Persian (English unchanged),
removing translation calques like «معمار راهکار», «هوش مصنوعی تولیدی»,
«موارد کاربری», «چرخههای هیجان», «استقرار در تولید», «محیط تولید».
Covers: hero, services, pipeline, stack, expertise, portfolio, blog, contact
(Index), nav/meta/footer (_Layout), the /blog list + per-post FA titles
(BlogIndexModel, PostModel). Also removed two stray English em-dashes in the
blog excerpts.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
The FA hero read as machine-translated calque. Replace with natural Persian:
- subhead: «هوش مصنوعیای میسازم که فقط روی کاغذ نمیماند؛ از طراحی تا اجرا، در مقیاس سازمانی.»
- role: «مهندس هوش مصنوعی و معمار نرمافزار.» (was the calque «معمار راهکار»)
English copy unchanged.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Swap the fabricated case studies (Atlas/Sentinel/etc. with invented metrics)
for the four real shipped products, each linking to its live site:
- Hamkadr (hamkadr.ir) - healthcare staffing marketplace
- Meezi (meezi.ir) - cafe/restaurant management SaaS
- Barge Vasat (bargevasat.ir) - online Hokm card game
- Flatrender (flatrender.ir) - AI video/image studio
Cards are now external links (2x2 grid), no invented numbers or clients.
Regenerated the purged Tailwind bundle for the new classes.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
The runtime CDN (cdn.tailwindcss.com) is not production-grade: FOUC, no
purging, and an external request that is slow/blocked from some networks.
- Add Tailwind v3 build (package.json `npm run build`) with two scoped configs:
public (accent + zinc) -> wwwroot/css/tailwind.css, and admin (dark base/
electric/violet/emerald, separate to avoid the emerald flat-vs-scale clash)
-> wwwroot/css/tailwind-admin.css. Both minified + content-purged.
- Layouts now link the built CSS instead of the CDN script; built artifacts
are committed so Docker/CI need no Node step. node_modules stays ignored.
- Verified: utilities (incl. arbitrary values like aspect-[16/9], grid-cols-
[8rem_1fr]) resolve; public + admin render; no console errors.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Redesign-preserve pass on the light editorial theme (dials 7/5/3):
- Hero: live availability status, accent value-prop, role line, social row,
staggered entrance
- Motion (all motivated, reduced-motion safe): CSS scroll-driven reading
progress bar, scrollspy nav with animated underline, CTA/blog arrow nudges,
service hover accent rule, portfolio cover scale, card lift
- Shared multi-column footer across home + blog (brand, nav, contact, social)
- Fix anchor scroll offset under the fixed navbar (scroll-margin-top)
- Wire real social: LinkedIn, Instagram, email (code.soroush@gmail.com)
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Full rewrite of the portfolio site from Next.js 14 to .NET 10:
- ASP.NET Core 10 Razor Pages, no Node.js dependency
- EF Core 10 + SQLite (same schema as before — data survives upgrade)
- Cookie authentication (same single-password model)
- Resend contact form via HttpClient
- Bilingual FA/EN via locale cookie + BasePageModel
- All UI ported to Razor Pages with Tailwind CDN + custom CSS
- Vanilla JS: particles, typewriter, cursor, animations, portfolio modal
- Dockerfile: SDK 10.0-alpine → aspnet 10.0-alpine (no npm/Node needed)
- CI/CD: dropped NPM_TOKEN, ADMIN_SESSION_SECRET — pure dotnet publish
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
soroush.asadi