51 lines
1.7 KiB
Markdown
51 lines
1.7 KiB
Markdown
# Apex Vehicle Registration — Final Embeddable Snippet
|
|
|
|
**File:** `/root/.hermes/references/apex-vreg-final.html`
|
|
**Format:** Self-contained HTML with inline vehicle data JSON + CSS + JS
|
|
**Size:** ~16KB
|
|
**Target:** Elementor HTML widget on `http://apextrackexperience.com/nasa`
|
|
|
|
## Usage
|
|
|
|
1. Open the NASA page in Elementor
|
|
2. Add an **HTML** widget
|
|
3. Open `apex-vreg-final.html` in a text editor
|
|
4. Copy the entire contents
|
|
5. Paste into the Elementor HTML widget
|
|
6. Save
|
|
|
|
## Features
|
|
|
|
- Cascading make → model → year dropdowns (50+ makes, 200+ models)
|
|
- Factory horsepower ratings inline for every make/model/year
|
|
- Color selector (16 presets + "Other" with free-text input)
|
|
- Specs panel locked until color is selected
|
|
- Light theme (white bg, blue accent #2563eb) matching the Apex site
|
|
- **Email field omitted** — part of overall driver registration
|
|
- No external dependencies (vehicle data is embedded as JSON)
|
|
- Button has 18px margin-top (equidistant with field gaps)
|
|
|
|
## Vehicle Database
|
|
|
|
The snippet includes ~200 exotic/sports car entries with factory HP. The data is embedded in the `<script>` tag as `vrData`. To add/update:
|
|
|
|
```javascript
|
|
const vrData = {
|
|
"Porsche": {
|
|
"911 GT3 RS": {"2023": 518, "2024": 518}
|
|
},
|
|
"Ferrari": {
|
|
"296 GTB": {"2023": 819, "2024": 819}
|
|
}
|
|
};
|
|
```
|
|
|
|
A daily cron job (`exotic-vehicle-scout`) checks for new 2025-2026 exotic vehicle announcements and reports them here.
|
|
|
|
## Maintenance
|
|
|
|
- **Data updates:** Edit the JSON object in the `<script>` tag
|
|
- **Theme changes:** CSS is namespaced under `#apex-vreg`
|
|
- **To rebuild from scratch:** See `portal-ui-mockups` skill for the vehicle registration pattern
|
|
- **Live preview available at:** `https://vaultwarden.tailc2f3b0.ts.net/portal/apex-vreg-final.html`
|