JoeBot/HOALedgerIQ_Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

V2 fixes: full-size wordmark logo in nav/footer, legible legal pages

Browse Source 
- 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:
olsch01
2026-06-10 08:52:46 -04:00
parent 86a80deaf8
commit 7cdf96fbe9
4 changed files with 18 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@@ -96,8 +96,7 @@
<header class="nav" id="nav"> <header class="nav" id="nav">
<div class="nav-inner"> <div class="nav-inner">
<a href="#top" class="nav-logo" aria-label="HOA LedgerIQ home"> <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" /> <img src="logo_house_transparent.svg" alt="HOA LedgerIQ" class="logo-img" width="132" height="36" />
<span class="nav-brand">HOA LedgerIQ</span>
</a> </a>
<nav class="nav-links" id="navLinks" aria-label="Primary"> <nav class="nav-links" id="navLinks" aria-label="Primary">
@@ -421,8 +420,7 @@
<footer class="footer"> <footer class="footer">
<div class="container footer-inner"> <div class="container footer-inner">
<div class="footer-brand"> <div class="footer-brand">
<img src="logo_house.svg" alt="HOA LedgerIQ" class="logo-img" width="32" height="32" /> <img src="logo_house_transparent.svg" alt="HOA LedgerIQ" class="logo-img logo-img--footer" width="117" height="32" />
<span class="footer-brand-name">HOA LedgerIQ</span>
<p class="footer-tag">AI-powered HOA finance management.</p> <p class="footer-tag">AI-powered HOA finance management.</p>
</div> </div>
<div class="footer-cols"> <div class="footer-cols">

14
privacy.html
View File

@@ -10,16 +10,16 @@
<link rel="stylesheet" href="styles.css" /> <link rel="stylesheet" href="styles.css" />
<style> <style>
.legal-page { max-width: 800px; margin: 0 auto; padding: 60px 24px 100px; } .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-page h1 { font-size: 38px; font-weight: 900; color: #1d1d1f; margin-bottom: 8px; letter-spacing: -0.025em; }
.legal-meta { font-size: 13px; color: var(--gray-600); margin-bottom: 48px; } .legal-meta { font-size: 13px; color: #6e6e73; margin-bottom: 48px; }
.legal-page h2 { font-size: 20px; font-weight: 700; color: #fff; margin: 36px 0 10px; } .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: var(--gray-400); line-height: 1.75; margin-bottom: 12px; } .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 ul { padding-left: 20px; margin-bottom: 12px; }
.legal-page a { color: var(--blue); text-decoration: none; } .legal-page a { color: var(--blue); text-decoration: none; }
.legal-page a:hover { text-decoration: underline; } .legal-page a:hover { text-decoration: underline; }
.legal-divider { border: none; border-top: 1px solid rgba(255,255,255,0.07); margin: 40px 0; } .legal-divider { border: none; border-top: 1px solid #e5e5ea; 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 { 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: #fff; } .back-link:hover { color: #1d1d1f; }
</style> </style>
</head> </head>
<!-- Google tag (gtag.js) --> <!-- Google tag (gtag.js) -->

10
styles.css
View File

@@ -205,13 +205,7 @@ img { max-width: 100%; height: auto; display: block; }
text-decoration: none; text-decoration: none;
flex-shrink: 0; flex-shrink: 0;
} }
.logo-img { width: 36px; height: 36px; } .logo-img { height: 36px; width: auto; }
.nav-brand {
font-size: 17px;
font-weight: 700;
letter-spacing: -0.02em;
color: var(--ink);
}
.nav-links { .nav-links {
display: flex; display: flex;
align-items: center; 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 */ /* Legacy nav/footer aliases used by article pages */
.nav-btn { margin-left: 16px; padding: 9px 20px; font-size: 14px; } .nav-btn { margin-left: 16px; padding: 9px 20px; font-size: 14px; }
.nav-login { margin-left: 8px; } .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-logo p { font-size: 13.5px; color: var(--ink-muted); }
.footer-links { display: flex; gap: 48px; flex-wrap: wrap; } .footer-links { display: flex; gap: 48px; flex-wrap: wrap; }
.footer-col-title { .footer-col-title {

14
terms.html
View File

@@ -10,16 +10,16 @@
<link rel="stylesheet" href="styles.css" /> <link rel="stylesheet" href="styles.css" />
<style> <style>
.legal-page { max-width: 800px; margin: 0 auto; padding: 60px 24px 100px; } .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-page h1 { font-size: 38px; font-weight: 900; color: #1d1d1f; margin-bottom: 8px; letter-spacing: -0.025em; }
.legal-meta { font-size: 13px; color: var(--gray-600); margin-bottom: 48px; } .legal-meta { font-size: 13px; color: #6e6e73; margin-bottom: 48px; }
.legal-page h2 { font-size: 20px; font-weight: 700; color: #fff; margin: 36px 0 10px; } .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: var(--gray-400); line-height: 1.75; margin-bottom: 12px; } .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 ul { padding-left: 20px; margin-bottom: 12px; }
.legal-page a { color: var(--blue); text-decoration: none; } .legal-page a { color: var(--blue); text-decoration: none; }
.legal-page a:hover { text-decoration: underline; } .legal-page a:hover { text-decoration: underline; }
.legal-divider { border: none; border-top: 1px solid rgba(255,255,255,0.07); margin: 40px 0; } .legal-divider { border: none; border-top: 1px solid #e5e5ea; 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 { 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: #fff; } .back-link:hover { color: #1d1d1f; }
</style> </style>
</head> </head>
<!-- Google tag (gtag.js) --> <!-- Google tag (gtag.js) -->