Two real rendering bugs, both confirmed via Playwright screenshots against the live page: - h1's line-height: 0.95 was tighter than the font's own ascender/ descender box, clipping the descender off lowercase g/y/p/q/j - visible as the tail of the 'g' in 'Coming' getting cut off. Bumped to 1.08 (still tight/modern, nothing clipped). - On mobile (<=480px), .form switches to flex-direction: column, but .form input's base-rule (meant for the row layout) computes flex-basis to 0% along the now-vertical main axis, overriding its explicit height: 50px and collapsing it to ~18px. Confirmed via getBoundingClientRect: input was rendering at 18px tall vs button's 50px. The 'text not visible against dark background' report wasn't a contrast issue - the input box itself had nearly collapsed, taking its placeholder text down with it. Added flex: none; height: 50px to the mobile media query's input override. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| assets | ||
| index.html | ||
| nginx.conf | ||
| README.md | ||
Nxtgauge — Coming Soon Page
Pre-launch page for nxtgauge.com.
Folder structure
nxtgauge-coming-soon/
├── index.html ← the page
├── nginx.conf ← nginx config for nxtgauge.com
├── assets/
│ ├── nxtgauge-logo.png ← Nxtgauge logo (white-filtered via CSS)
│ └── traceworks-trademark-white.svg ← Traceworks logo (footer)
└── README.md
Deploy with nginx (on your K3s server)
-
Copy the folder contents to the server:
scp -r nxtgauge-coming-soon/ user@your-server:/var/www/nxtgauge-coming-soon/ -
In your nginx config, point
nxtgauge.comto this folder:root /var/www/nxtgauge-coming-soon; -
Or use the included
nginx.confdirectly.
Deploy with Docker (static nginx)
FROM nginx:alpine
COPY . /usr/share/nginx/html
COPY nginx.conf /etc/nginx/conf.d/default.conf
docker build -t nxtgauge-coming-soon .
docker run -p 80:80 nxtgauge-coming-soon
Deploy via Flux / K3s (gitops)
Add this repo to your nxtgauge-gitops Kustomize setup and create a
Deployment + Service + Ingress pointing nxtgauge.com at the nginx container.
Waitlist email hook
The "Notify Me" form currently logs to console. To capture emails, wire it to
your backend by uncommenting the fetch block in index.html:
fetch('/api/waitlist', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ email })
});
Or point it to an external service (Brevo, Mailchimp, Resend, etc.).