Footer: no red دیوان heading (the logo says it; its tall letters collided with the tagline); the tagline beside the logo

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Anas Rashid 2026-10-09 23:50:35 +02:00
parent 575ef530a7
commit 93ccabdf29
2 changed files with 1 additions and 3 deletions

View File

@ -133,7 +133,6 @@ import { brand } from '../lib/brand';
<div class="footer-brand">
<a class="footer-logo" href="/" title="سرورق"><img src="/logo/turanj.svg" width="64" height="64" alt={brand.name} /></a>
<div>
<p class="footer-name">{brand.name}</p>
<p class="footer-tagline">{brand.tagline}</p>
<p class="made-in">
<svg class="flag" viewBox="0 0 30 20" width="27" height="18" role="img" aria-label="پاکستان کا پرچم">

View File

@ -847,8 +847,7 @@ p, li { text-wrap: pretty; }
.footer-brand { display: flex; align-items: flex-start; gap: 14px; }
.footer-logo { flex: none; display: block; }
.footer-logo img { display: block; width: 64px; height: 64px; }
.footer-name { margin: 0; font: 700 1.7rem/1.7 'Noto Nastaliq Urdu', serif; color: var(--brand); }
.footer-tagline { margin: 0; font-family: 'Noto Nastaliq Urdu', serif; line-height: 2; color: var(--action); }
.footer-tagline { margin: 4px 0 0; font: 700 1.15rem/2.2 'Noto Nastaliq Urdu', serif; color: var(--action); } /* the logo says دیوان; the tagline beside it */
.made-in { margin: 8px 0 0; display: flex; align-items: center; gap: 8px; font-family: 'Noto Nastaliq Urdu', serif; font-size: .9rem; line-height: 2; color: var(--text); }
.made-in .flag { flex: none; border-radius: 2px; box-shadow: 0 0 0 1px rgb(0 0 0 / .15); }
.footer-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 24px; }