# andrewarzola/badhabitgarage architecture

> Architecture diagram of the GitHub repository andrewarzola/badhabitgarage, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-29). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/andrewarzola/badhabitgarage
- Repository: https://github.com/andrewarzola/badhabitgarage

## Overview

BadHabitGarage appears to be a small website; the README provides no product description. The sampled JavaScript supports a page with navigation, scroll effects, pricing display, a builds carousel, and an FAQ accordion. HTML was not sampled, so page-to-script wiring and the purpose of timer.html cannot be confirmed.

Main entry points: [`templatemo-621-luminary-script.js`](https://github.com/andrewarzola/badhabitgarage/blob/main/templatemo-621-luminary-script.js) (Page interactions), [`index.html`](https://github.com/andrewarzola/badhabitgarage/blob/main/index.html) (Main page), [`templatemo-621-luminary-style.css`](https://github.com/andrewarzola/badhabitgarage/blob/main/templatemo-621-luminary-style.css) (Page styling), [`timer.html`](https://github.com/andrewarzola/badhabitgarage/blob/main/timer.html) (Timer page)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_pages["Website pages"]
  node_index["Main page<br/>[index.html]"]
  node_timer["Timer page<br/>[timer.html]"]
end

subgraph group_interactions["Page interactions"]
  node_script["Page interactions"]
  node_styles["Page styling"]
  node_navigation["Navigation"]
  node_scroll["Scroll effects"]
  node_pricing["Pricing toggle"]
  node_carousel["Builds carousel"]
  node_faq["FAQ accordion"]
end

node_visitor(("Visitor"))

node_visitor -->|"visits"| node_index
node_visitor -->|"visits"| node_timer
node_script -->|"handles"| node_navigation
node_script -->|"updates"| node_scroll
node_script -->|"toggles"| node_pricing
node_script -->|"controls"| node_carousel
node_script -->|"toggles"| node_faq
node_styles -->|"styles"| node_index

click node_index "https://github.com/andrewarzola/badhabitgarage/blob/main/index.html"
click node_timer "https://github.com/andrewarzola/badhabitgarage/blob/main/timer.html"
click node_script "https://github.com/andrewarzola/badhabitgarage/blob/main/templatemo-621-luminary-script.js"
click node_styles "https://github.com/andrewarzola/badhabitgarage/blob/main/templatemo-621-luminary-style.css"
click node_navigation "https://github.com/andrewarzola/badhabitgarage/blob/main/templatemo-621-luminary-script.js"
click node_scroll "https://github.com/andrewarzola/badhabitgarage/blob/main/templatemo-621-luminary-script.js"
click node_pricing "https://github.com/andrewarzola/badhabitgarage/blob/main/templatemo-621-luminary-script.js"
click node_carousel "https://github.com/andrewarzola/badhabitgarage/blob/main/templatemo-621-luminary-script.js"
click node_faq "https://github.com/andrewarzola/badhabitgarage/blob/main/templatemo-621-luminary-script.js"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_index,node_timer toneBlue
class node_script,node_styles,node_navigation,node_scroll,node_pricing,node_carousel,node_faq toneAmber
class node_visitor toneIndigo
```

## Components

### Website pages

- [Main page](https://github.com/andrewarzola/badhabitgarage/blob/main/index.html): `index.html`
- [Timer page](https://github.com/andrewarzola/badhabitgarage/blob/main/timer.html): `timer.html`

### Page interactions

- [Page interactions](https://github.com/andrewarzola/badhabitgarage/blob/main/templatemo-621-luminary-script.js): `templatemo-621-luminary-script.js`
- [Page styling](https://github.com/andrewarzola/badhabitgarage/blob/main/templatemo-621-luminary-style.css): `templatemo-621-luminary-style.css`
- [Navigation](https://github.com/andrewarzola/badhabitgarage/blob/main/templatemo-621-luminary-script.js): `templatemo-621-luminary-script.js`
- [Scroll effects](https://github.com/andrewarzola/badhabitgarage/blob/main/templatemo-621-luminary-script.js): `templatemo-621-luminary-script.js`
- [Pricing toggle](https://github.com/andrewarzola/badhabitgarage/blob/main/templatemo-621-luminary-script.js): `templatemo-621-luminary-script.js`
- [Builds carousel](https://github.com/andrewarzola/badhabitgarage/blob/main/templatemo-621-luminary-script.js): `templatemo-621-luminary-script.js`
- [FAQ accordion](https://github.com/andrewarzola/badhabitgarage/blob/main/templatemo-621-luminary-script.js): `templatemo-621-luminary-script.js`

### Other components

- **Visitor**

## Connections

- Visitor → Main page: visits
- Visitor → Timer page: visits
- Page interactions → Navigation: handles
- Page interactions → Scroll effects: updates
- Page interactions → Pricing toggle: toggles
- Page interactions → Builds carousel: controls
- Page interactions → FAQ accordion: toggles
- Page styling → Main page: styles