gator/autotq-modern-ejs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
autotq-modern-ejs/PROJECT.md

3.1 KiB
Raw Blame History

PROJECT.md — autotq-modern-ejs

1) Site overview

  • Stack: Node/Express + EJS templates + global CSS/JS.
  • Brand/entity: AutoTQ / Golden Hour Medical, Inc.
  • Content source remains site.config.js for factual data (team, literature, testimonials, news, contact).
  • This update focused on a stronger visual hierarchy, mixed section layouts, and reduced repetitive card patterns.

2) Updated file structure notes (files changed)

  • views/partials/header.ejs
  • views/partials/footer.ejs
  • views/index.ejs
  • views/company.ejs
  • views/research.ejs
  • views/literature.ejs
  • views/testimonials.ejs
  • views/news.ejs
  • views/contact.ejs
  • public/css/style.css

3) Navigation/routes

  • Primary nav: /, /about-autotq, /company, /research, /literature, /news, /testimonials, /contact.
  • Removed Company Gallery references from page structure and nav rendering behavior.

4) Design system (refresh)

  • Updated primary red toward requested tone: --brand-red: #d12020.
  • Complementary palette introduced with dark neutrals for contrast bands:
    • --dark: #111315
    • --dark-soft: #1e2124
    • white/light-gray surfaces for cleaner reading sections.
  • Larger red/dark surface usage in hero, strip bands, and CTA moments while keeping body sections clean.

5) Component patterns now used

  • Alternating split sections (.split, .split-reverse) for left/right rhythm.
  • Media-first blocks (.media-band, .media-stack, .video-grid).
  • Quote strip and quote row formats (.quote-strip, .quote-row) replacing repetitive equal cards.
  • Context list and research/doc rows (.context-list, .research-item, .doc-row).
  • News rows with left accent instead of repeated large cards.

6) Content/layout updates by page

  • Home (index.ejs): rebuilt with hero split, mission strip, challenge/context sections, use-case list, media band with video embeds, evidence orientation block, and mixed news/testimonial layout.
  • Company (company.ejs): removed Company Gallery block; replaced with mission/operations split + team presentation.
  • Research (research.ejs): added media-first section with video embed and clearer evidence reference rows.
  • News (news.ejs): added featured video band plus press row list.
  • Literature (literature.ejs): converted to structured document rows with stronger hierarchy.
  • Testimonials (testimonials.ejs): switched from uniform cards to quote rows.
  • Contact (contact.ejs): added media-supported hero and refined readiness-oriented intro.

7) Media inventory used in redesign

Reused existing configured assets (from config.assets.images) across pages:

  • hero, product
  • company1–company7
  • team headshots (company page team cards)

Added provided YouTube embeds:

  • z7VjjfdjIhU
  • l2ocd5el0Yc
  • 4PnhBm5WIg0
  • rI2n9TlMYIU

8) Known TODOs

  • If any legacy config.nav entries still include old/unused links, optionally clean that array in site.config.js for full parity with curated header/footer nav.
  • Consider per-page metadata and richer alt text pass for SEO/accessibility polishing.