+5

src/css/app.css

reviewed

··· 1754 1754 white-space: nowrap; 1755 1755 } 1756 1756 1757 1757 + #username-modal { 1758 1758 + background: var(--color-bg); 1759 1759 + } 1757 1760 .username-modal { 1758 1761 overflow: visible; 1759 1762 max-width: 440px; 1763 1763 + border: none; 1764 1764 + box-shadow: none; 1760 1765 } 1761 1766 .welcome-tagline { 1762 1767 color: var(--color-text-secondary);

+1 -1

src/index.html

reviewed

··· 177 177 <div class="modal-backdrop" id="username-modal" style="display:none;"> 178 178 <div class="modal username-modal" role="dialog" aria-modal="true" aria-labelledby="username-modal-title"> 179 179 <h2 id="username-modal-title">Sign in</h2> 180 180 - <p class="welcome-signin-label">Sign in with your Bluesky account</p> 180 180 + <p class="welcome-signin-label">Sign in with your Atmosphere account</p> 181 181 <input type="text" class="username-input" id="username-input" placeholder="you.bsky.social" maxlength="100" autofocus /> 182 182 <div class="username-modal-actions"> 183 183 <button class="btn-secondary" id="username-skip" style="display:none;">Skip</button>

+6

src/landing-events-identity.ts

reviewed

··· 17 17 } 18 18 deps.userBadge.title = `Signed in as ${name} — click to sign out`; 19 19 deps.userBadge.style.display = 'flex'; 20 20 + 21 21 + const brandName = document.querySelector('.brand-name'); 22 22 + if (brandName) { 23 23 + const firstName = name.split(/[\s.]+/)[0]; 24 24 + brandName.textContent = `Welcome, ${firstName}`; 25 25 + } 20 26 } 21 27 22 28 function escapeHtml(s: string): string {