Partee Website

Static website rebuild of parteeracing.com focused on replacing the WordPress and Elementor stack with a lightweight local codebase.

Version: 0.0.01

Project Purpose

This repository is the first release of a direct static clone effort for the Partee Racing website:

• Remove WordPress and Elementor runtime and hidden display logic.
• Keep the visual language and structure close to the live site.
• Keep owned media assets local in-repo.
• Maintain an editable, predictable HTML/CSS/JS codebase.

Tech Stack

• HTML5
• CSS3
• Vanilla JavaScript
• Local static server via Python

Current Scope in v0.0.01

• Hero section with dark overlay, logo, centered nav, account/cart area, and tabbed "What..." content.
• Intro section with hosted local MP4 and side copy.
• Full-width Store/Blog/Forum image grid.
• Footer columns and scroll-to-top button.
• Splash video overlay with "Enter Site" and fade-out behavior.
• Local media folder usage for all page images/videos currently used in the clone.

Local Run

From the repo root:

cd "c:\Users\info\OneDrive\Documents\GitHub\Partee Racing Website"
python -m http.server 8080

Open:

http://localhost:8080

File Structure

Partee Racing Website/
  index.html
  styles.css
  script.js
  media/
    favicon.png
    hero-track.jpg
    intro.mp4
    logo.png
    splash-desktop.mp4
    splash-mobile.mp4
    tile-blog.jpg
    tile-forum.jpg
    tile-store.jpg

Behavior Notes

• Splash overlay:
  • Shows once and can be dismissed with "Enter Site".
  • Uses localStorage key parteeSplashTimestamp to skip for 24 hours.
• Hero content tabs:
  • "What Is", "What Does", and "What Makes" are deterministic tab panels in static JS.
  • Hash links for these tabs are handled in JS and will activate the matching panel.
• Section links:
  • #store and #blog jump to dedicated feature-grid targets.

Design Replication Status

The clone currently targets visual parity for:

• Hero color and overlay tone.
• Nav panel color and hover/active link colors.
• Dark section backgrounds and separators.
• Feature card text and overlay treatment.
• Footer color palette and column structure.

Some pixel-level spacing and typography differences may still exist depending on viewport and browser rendering.

Next Iterations

• Complete final pixel pass for typography, line heights, and spacing across desktop breakpoints.
• Replace temporary cart/icon text with exact local SVG icons.
• Split into additional static pages as needed for Store, Blog, and account/portal flows.