nxtgauge-gitops/coming-soon
sync-test 1de8dcf0d2 fix: coming-soon page text clipping and mobile form collapse
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>
2026-08-14 04:30:22 +05:30
..
assets Add nxtgauge.com coming soon page 2026-08-06 19:31:59 +02:00
index.html fix: coming-soon page text clipping and mobile form collapse 2026-08-14 04:30:22 +05:30
nginx.conf Add nxtgauge.com coming soon page 2026-08-06 19:31:59 +02:00
README.md Add nxtgauge.com coming soon page 2026-08-06 19:31:59 +02:00

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)

  1. Copy the folder contents to the server:

    scp -r nxtgauge-coming-soon/ user@your-server:/var/www/nxtgauge-coming-soon/
    
  2. In your nginx config, point nxtgauge.com to this folder:

    root /var/www/nxtgauge-coming-soon;
    
  3. Or use the included nginx.conf directly.

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.).