No description
- HTML 49.5%
- CSS 30.3%
- JavaScript 20.2%
- Add static/images/ with hero + gallery shots for 20 cars - Update all fleet content files: switch image field from external URLs to local paths; add photos[] array with full gallery list - Update fleet/single.html: replace 4 hardcoded thumb placeholders with dynamic loop over hero + photos array; show real photo count - Remove 1962-bentley-cloud.md - Add CLAUDE.md and README.md Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> |
||
|---|---|---|
| content | ||
| data | ||
| static | ||
| themes/acc/layouts | ||
| .gitignore | ||
| CLAUDE.md | ||
| hugo.toml | ||
| README.md | ||
| vercel.json | ||
Always Classic Cars
Website for Always Classic Cars — Melbourne's largest collection of vintage and classic wedding cars. Family-owned chauffeur service since 1987, based in Box Hill, VIC.
Tech Stack
| Layer | Tool |
|---|---|
| Static site generator | Hugo |
| CSS / JS | Vanilla — single flat files, no preprocessor or bundler |
Local Development
Requires Hugo installed.
hugo server # dev server at http://localhost:1313 with hot reload
hugo --gc --minify # production build → public/
There is no npm install step.
Adding or Editing a Car
Create a Markdown file in content/fleet/ named YEAR-make-model.md:
---
title: "1961 Rolls Royce Phantom V"
year: 1961
decade: "1960s" # 1930s | 1940s | 1950s | 1960s | 1970s | 2000s+
make: "Rolls Royce" # Rolls Royce | Bentley | Austin | Mercedes
model: "Phantom V"
nickname: "Lady Jane" # optional — shown in italics
passengers: 6
colour: "White" # Black | White | Two-Tone
engine: "6.23 L V8"
transmission: "Automatic"
image: "" # URL to photo; leave empty for placeholder
tagline: "One-line hero description shown on the fleet card."
notable: # optional bullet points shown in the history section
- "Notable fact one"
weight: 100 # controls sort order within the decade group
---
History paragraph rendered below the specs on the car detail page.
Updating Site Content
| What | Where |
|---|---|
| Contact details, phone, address, hours | data/company.yaml |
| Testimonials | data/testimonials.yaml |
| FAQ answers | data/faqs.yaml |
| Service pillars (home page) | data/pillars.yaml |
| Supplier logos | data/suppliers.yaml |
Project Structure
content/fleet/ ← one .md file per car
data/ ← YAML: company info, testimonials, FAQs, pillars
themes/acc/
layouts/
_default/baseof.html ← shell: nav, footer, sticky CTA, compare tray
partials/nav.html
partials/footer.html
fleet/list.html ← fleet grid with filters and view switcher
fleet/single.html ← car detail: gallery, specs, history, related cars
contact/single.html ← enquiry form (client-side only)
gallery/single.html
faq/single.html
static/
css/main.css ← all styles (Heritage Estate theme: burgundy on cream)
js/main.js ← all interactivity (filtering, compare, lightbox, carousel)
Contact
360 Elgar Road, Box Hill VIC 3128
(03) 9898 2889 · info@alwaysclassiccars.com.au