- HTML 100%
|
|
||
|---|---|---|
| .editorconfig | ||
| .gitignore | ||
| .gitlab-ci.yml | ||
| CLAUDE.md | ||
| index.html | ||
| README.md | ||
askmebet2026
The 2026 redesign of the Askmebet marketing site — a single-page
presentation of the team, services, products, and contact funnel.
Copy mirrors the live site (www.askmebet.com) and stays factual; the
visual treatment is the new layer. Deployed to a VPS on every push to
main (Gitea origin + git pull on the box).
- Live: https://www.askmeaiva.com/askmebet2026/
- Repo: https://gitea.com/fargeiw/askmebet2026
- Status: Initial drop landed, baseline live. Iterating on copy + sections.
What it is
One self-contained index.html (~1500 lines) with inline CSS + JS. No
framework, no build step, no node_modules — open the file in a browser
and it works. Same shape as the AIVA dashboard repo: a single HTML file
served at the root.
The page is built for B2B operators evaluating Askmebet's iGaming infrastructure: a hero with live stats, three pillars, product verticals, platform features, the 150+ provider ecosystem, security & compliance, an exclusive-distributor banner, a contact form, and a closing CTA.
Brand system
Forest Green × Gold × White, defined as CSS custom properties in
:root near the top of index.html.
| Token | Hex / value | Role |
|---|---|---|
--green-deep |
#030f06 |
Page background (dark theme) |
--green-dark |
#061a0c |
Section bands |
--green |
#1a8a3a |
Primary brand color |
--green-bright |
#2ebd54 |
Accent / glow |
--green-lime |
#5edb7e |
Highlight pops |
--yellow |
#ffd700 |
Italic accents, primary CTA |
--yellow-warm |
#ffbf00 |
CTA hover |
--white |
#f0f0eb |
Text on dark |
Type stack:
| Var | Family | Use |
|---|---|---|
--fs |
Outfit | Body & UI |
--ff |
Instrument Serif (italic) | Italic accent words in headings ("excellence." / "platform.") |
--fm |
JetBrains Mono | Eyebrow / section labels |
All three are loaded from Google Fonts via a single <link> in
<head>. Easing functions and timing variables are also in :root
(--ease, --ease-spring).
Theme — light is the default
A theme toggle in the nav flips between light and dark. Light is the
default for first-time visitors; the preference persists to
localStorage under askmebet-theme. On boot the page reads the stored
value and switches to dark only when explicitly set; everything else
stays light. CSS overrides live under html.light selectors throughout
the stylesheet.
Sections (in order)
Nav Sticky top bar — Services / Products / About / Contact
+ Contact-us CTA, theme toggle.
Hero "We are a team based in Thailand developing online
gambling solutions." — 4 stat counters (5,000+ Slot
Games · 7 Services · 4 Verticals · 3 Languages).
Services "What We Do" — 7 services as bento cards (White Label
Solution, Games API Integration, Custom Game Development,
Gambling License, Payment Gateway, Coin Payment Gateway,
Auto Deposit / Withdraw System).
Products "Six products. One SEA team." — Sportsbook, Game Slot,
Live Casino, Lotto, Sportsbook Template, Landing Page.
About Single verbatim paragraph from the real site —
"We are the leading SEA team that develops online games,
online payment solutions, agent and customer management
systems and live stream systems."
Contact Lead form (name / company / email / interest / message)
CTA Closing "Want to talk to us?" card pointing back to
the form above.
Footer Two columns (Products + Services) listing the actual
offerings plus a Company column (About / Contact) and
modal-linked legals (Privacy / Terms / RG / Cookies).
Content sourcing — only what is on www.askmebet.com
The redesign deliberately does not invent: no fabricated stats, no made-up provider logo grid, no testimonial quotes, no comparison table, no FAQ answers stating specific licenses / pricing / SLAs. Earlier iterations carried all of those; a fact-check against www.askmebet.com on 2026-05-12 stripped everything that wasn't verifiable on the live site. If the live site adds new claims they get mirrored here; this site never originates business claims.
Each <section> carries an HTML id so the nav links can deep-scroll
to it. The active nav link is highlighted automatically as you scroll
(IntersectionObserver, .nav-links li a.active).
Layout
.
├── index.html ← The site (HTML + inline CSS + JS)
├── .gitlab-ci.yml ← Pages deploy: copy index.html → public/
├── .gitignore
├── .editorconfig
├── README.md ← This file
└── CLAUDE.md ← Guidance for Claude Code working in this repo
Local preview
No build step — just open the file:
open ~/Desktop/askmebet2026/index.html
Or run a quick static server if you want a real http:// origin (some
features behave differently from file://):
python3 -m http.server -d ~/Desktop/askmebet2026 8000
# → http://localhost:8000
Deployment
.gitlab-ci.yml defines a single pages job that runs on every push to
main: it copies index.html into public/, which GitLab uploads as a
Pages artifact. First-time Pages deploys can take a few minutes to
propagate; subsequent runs are near-instant. Pipeline status:
https://gitea.com/fargeiw/askmebet2026
No Vercel link yet — adding one later is a vercel link + vercel --prod
away if a CDN/preview-deployment workflow is wanted.
Interactive bits
- Theme toggle — light is default; preference persists to
localStorage(askmebet-theme). - Modal system — Privacy / Terms / Responsible Gaming / Cookies open as overlays from the footer; Esc + backdrop click + × close.
- Cookie consent banner — appears once at the bottom with
Accept / Reject; choice persists to
localStorage(askmebet-cookies) with a 12-month resurface window. - Active nav highlight — the current section's nav link is highlighted as you scroll (IntersectionObserver).
- Back-to-top button — fades in after 420px of scroll, smooth
scrollTo({top:0})on click. - FAQ accordion — multi-open, animated max-height transition.
- Mobile menu — hamburger toggle, locks body scroll while open.
Roadmap
Open candidates — every item below is the kind of change that needs material from the live site or the team before it lands. No more inventing content.
Logo strip of operator clients under the hero— removed 2026-05-12. Revisit when licensed partner logos exist.Visible provider logo grid— removed 2026-05-12 (no provider names listed on www.askmebet.com to mirror)."Why Askmebet" comparison block— removed 2026-05-12 (numbers were all invented).Testimonials block— removed 2026-05-12 (quotes were synthetic).How it works / Platform / Security / Exclusive / FAQ— all removed in the 2026-05-12 fact-check pass; their content was originating claims the live site doesn't make.- Add a Chinese (中文) language toggle to match the real www.askmebet.com (currently only dark/light is toggled).
- Drop JetBrains Mono — Outfit + Instrument Serif is enough now that
no
.mono-modifier tiles remain. - Wire the contact form to a real lead-capture backend (Formspree or a Vercel /api/contact function).
License
Proprietary. © 2026 Askmebet. All rights reserved.