feat(footer): add anonId privacy disclosure line

Wraps existing footer row in .deepdrft-footer-main and adds a
.deepdrft-footer-privacy paragraph below it with the approved
Variant 1 copy. Mono fine-print at 0.55 rem / 70% opacity.
This commit is contained in:
daniel-c-harvey
2026-06-19 15:26:07 -04:00
parent cfcc2693f2
commit 58b30d3c13
2 changed files with 25 additions and 6 deletions
@@ -1,8 +1,11 @@
<footer class="deepdrft-footer"> <footer class="deepdrft-footer">
<div class="deepdrft-footer-logo d-none d-sm-inline">Deep <span>DRFT</span></div> <div class="deepdrft-footer-main">
<ul class="deepdrft-footer-links"> <div class="deepdrft-footer-logo d-none d-sm-inline">Deep <span>DRFT</span></div>
<li><a href="/about">About</a></li> <ul class="deepdrft-footer-links">
<li><a href="#">Contact</a></li> <li><a href="/about">About</a></li>
</ul> <li><a href="#">Contact</a></li>
<div class="deepdrft-footer-copy">© 2026 Deep DRFT</div> </ul>
<div class="deepdrft-footer-copy">© 2026 Deep DRFT</div>
</div>
<p class="deepdrft-footer-privacy">We keep a random tag in your browser so we can count how many people a track reaches — not who they are. No account, no name, nothing personal, nothing shared with anyone else. Clear your browser data and the tag&#8217;s gone.</p>
</footer> </footer>
@@ -6,6 +6,12 @@
background: var(--deepdrft-white); background: var(--deepdrft-white);
border-top: 1px solid var(--deepdrft-border); border-top: 1px solid var(--deepdrft-border);
padding: 3rem; padding: 3rem;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.deepdrft-footer-main {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@@ -51,6 +57,16 @@
color: var(--deepdrft-muted); color: var(--deepdrft-muted);
} }
.deepdrft-footer-privacy {
font-family: var(--deepdrft-font-mono);
font-size: 0.55rem;
letter-spacing: 0.08em;
color: var(--deepdrft-muted);
opacity: 0.7;
margin: 0;
line-height: 1.6;
}
@media (max-width: 440px) { @media (max-width: 440px) {
.deepdrft-footer { .deepdrft-footer {
padding: 1.5rem; padding: 1.5rem;