V2 fixes: full-size wordmark logo in nav/footer, legible legal pages
- Nav and footer now use the logo SVG alone (it already contains the HOA LedgerIQ wordmark) at correct aspect ratio, dropping the redundant text spans and the 36x36 square sizing that shrank it - Privacy and Terms pages: replaced V1 dark-theme inline colors (white headings, light gray body) with dark ink colors for the V2 white background Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
@@ -96,8 +96,7 @@
|
||||
<header class="nav" id="nav">
|
||||
<div class="nav-inner">
|
||||
<a href="#top" class="nav-logo" aria-label="HOA LedgerIQ home">
|
||||
<img src="logo_house.svg" alt="HOA LedgerIQ" class="logo-img" width="36" height="36" />
|
||||
<span class="nav-brand">HOA LedgerIQ</span>
|
||||
<img src="logo_house_transparent.svg" alt="HOA LedgerIQ" class="logo-img" width="132" height="36" />
|
||||
</a>
|
||||
|
||||
<nav class="nav-links" id="navLinks" aria-label="Primary">
|
||||
@@ -421,8 +420,7 @@
|
||||
<footer class="footer">
|
||||
<div class="container footer-inner">
|
||||
<div class="footer-brand">
|
||||
<img src="logo_house.svg" alt="HOA LedgerIQ" class="logo-img" width="32" height="32" />
|
||||
<span class="footer-brand-name">HOA LedgerIQ</span>
|
||||
<img src="logo_house_transparent.svg" alt="HOA LedgerIQ" class="logo-img logo-img--footer" width="117" height="32" />
|
||||
<p class="footer-tag">AI-powered HOA finance management.</p>
|
||||
</div>
|
||||
<div class="footer-cols">
|
||||
|
||||
14
privacy.html
14
privacy.html
@@ -10,16 +10,16 @@
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
<style>
|
||||
.legal-page { max-width: 800px; margin: 0 auto; padding: 60px 24px 100px; }
|
||||
.legal-page h1 { font-size: 38px; font-weight: 900; color: #fff; margin-bottom: 8px; letter-spacing: -0.025em; }
|
||||
.legal-meta { font-size: 13px; color: var(--gray-600); margin-bottom: 48px; }
|
||||
.legal-page h2 { font-size: 20px; font-weight: 700; color: #fff; margin: 36px 0 10px; }
|
||||
.legal-page p, .legal-page li { font-size: 15px; color: var(--gray-400); line-height: 1.75; margin-bottom: 12px; }
|
||||
.legal-page h1 { font-size: 38px; font-weight: 900; color: #1d1d1f; margin-bottom: 8px; letter-spacing: -0.025em; }
|
||||
.legal-meta { font-size: 13px; color: #6e6e73; margin-bottom: 48px; }
|
||||
.legal-page h2 { font-size: 20px; font-weight: 700; color: #1d1d1f; margin: 36px 0 10px; }
|
||||
.legal-page p, .legal-page li { font-size: 15px; color: #424245; line-height: 1.75; margin-bottom: 12px; }
|
||||
.legal-page ul { padding-left: 20px; margin-bottom: 12px; }
|
||||
.legal-page a { color: var(--blue); text-decoration: none; }
|
||||
.legal-page a:hover { text-decoration: underline; }
|
||||
.legal-divider { border: none; border-top: 1px solid rgba(255,255,255,0.07); margin: 40px 0; }
|
||||
.back-link { display: inline-flex; align-items: center; gap: 8px; color: var(--gray-400); font-size: 14px; font-weight: 500; text-decoration: none; margin-bottom: 40px; transition: color 0.15s; }
|
||||
.back-link:hover { color: #fff; }
|
||||
.legal-divider { border: none; border-top: 1px solid #e5e5ea; margin: 40px 0; }
|
||||
.back-link { display: inline-flex; align-items: center; gap: 8px; color: #6e6e73; font-size: 14px; font-weight: 500; text-decoration: none; margin-bottom: 40px; transition: color 0.15s; }
|
||||
.back-link:hover { color: #1d1d1f; }
|
||||
</style>
|
||||
</head>
|
||||
<!-- Google tag (gtag.js) -->
|
||||
|
||||
10
styles.css
10
styles.css
@@ -205,13 +205,7 @@ img { max-width: 100%; height: auto; display: block; }
|
||||
text-decoration: none;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.logo-img { width: 36px; height: 36px; }
|
||||
.nav-brand {
|
||||
font-size: 17px;
|
||||
font-weight: 700;
|
||||
letter-spacing: -0.02em;
|
||||
color: var(--ink);
|
||||
}
|
||||
.logo-img { height: 36px; width: auto; }
|
||||
.nav-links {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@@ -1258,7 +1252,7 @@ a.feature-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg)
|
||||
/* Legacy nav/footer aliases used by article pages */
|
||||
.nav-btn { margin-left: 16px; padding: 9px 20px; font-size: 14px; }
|
||||
.nav-login { margin-left: 8px; }
|
||||
.logo-img--footer { width: 32px; height: 32px; }
|
||||
.logo-img--footer { height: 32px; width: auto; }
|
||||
.footer-logo p { font-size: 13.5px; color: var(--ink-muted); }
|
||||
.footer-links { display: flex; gap: 48px; flex-wrap: wrap; }
|
||||
.footer-col-title {
|
||||
|
||||
14
terms.html
14
terms.html
@@ -10,16 +10,16 @@
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
<style>
|
||||
.legal-page { max-width: 800px; margin: 0 auto; padding: 60px 24px 100px; }
|
||||
.legal-page h1 { font-size: 38px; font-weight: 900; color: #fff; margin-bottom: 8px; letter-spacing: -0.025em; }
|
||||
.legal-meta { font-size: 13px; color: var(--gray-600); margin-bottom: 48px; }
|
||||
.legal-page h2 { font-size: 20px; font-weight: 700; color: #fff; margin: 36px 0 10px; }
|
||||
.legal-page p, .legal-page li { font-size: 15px; color: var(--gray-400); line-height: 1.75; margin-bottom: 12px; }
|
||||
.legal-page h1 { font-size: 38px; font-weight: 900; color: #1d1d1f; margin-bottom: 8px; letter-spacing: -0.025em; }
|
||||
.legal-meta { font-size: 13px; color: #6e6e73; margin-bottom: 48px; }
|
||||
.legal-page h2 { font-size: 20px; font-weight: 700; color: #1d1d1f; margin: 36px 0 10px; }
|
||||
.legal-page p, .legal-page li { font-size: 15px; color: #424245; line-height: 1.75; margin-bottom: 12px; }
|
||||
.legal-page ul { padding-left: 20px; margin-bottom: 12px; }
|
||||
.legal-page a { color: var(--blue); text-decoration: none; }
|
||||
.legal-page a:hover { text-decoration: underline; }
|
||||
.legal-divider { border: none; border-top: 1px solid rgba(255,255,255,0.07); margin: 40px 0; }
|
||||
.back-link { display: inline-flex; align-items: center; gap: 8px; color: var(--gray-400); font-size: 14px; font-weight: 500; text-decoration: none; margin-bottom: 40px; transition: color 0.15s; }
|
||||
.back-link:hover { color: #fff; }
|
||||
.legal-divider { border: none; border-top: 1px solid #e5e5ea; margin: 40px 0; }
|
||||
.back-link { display: inline-flex; align-items: center; gap: 8px; color: #6e6e73; font-size: 14px; font-weight: 500; text-decoration: none; margin-bottom: 40px; transition: color 0.15s; }
|
||||
.back-link:hover { color: #1d1d1f; }
|
||||
</style>
|
||||
</head>
|
||||
<!-- Google tag (gtag.js) -->
|
||||
|
||||
Reference in New Issue
Block a user