# howitdoit/bbbcmolino architecture

> Architecture diagram of the GitHub repository howitdoit/bbbcmolino, 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/howitdoit/bbbcmolino
- Repository: https://github.com/howitdoit/bbbcmolino

## Overview

BBBC Molino is a static, multi-site church and education website. Visitors browse church information, activities, sermons and resources, while separate Academy and College sites present their programs and admissions information. The publishing workflow lets an administrator manage posts and resource files in browser localStorage; public feed and resource pages read that same storage. The church homepage also fetches local weather data. README documentation establishes the site capabilities and education sites; source excerpts verify the browser-storage and weather behavior, but do not show HTML wiring or page-to-page navigation.

Main entry points: [`js/view-posts.js`](https://github.com/howitdoit/bbbcmolino/blob/main/js/view-posts.js) (Resource Viewer), [`index.html`](https://github.com/howitdoit/bbbcmolino/blob/main/index.html) (Church Homepage), [`js/blog-admin.js`](https://github.com/howitdoit/bbbcmolino/blob/main/js/blog-admin.js) (Content Admin), [`js/blogger-feed.js`](https://github.com/howitdoit/bbbcmolino/blob/main/js/blogger-feed.js) (Sermon Feed)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_church["Church Website"]
  node_church_home["Church Homepage<br/>[index.html]"]
  node_ministries["Ministries<br/>[ministries.html]"]
  node_church_life["Church Life<br/>[church-life.html]"]
  node_sermons["Sermons and Word<br/>[the-word.html]"]
  node_highlights["News and Events<br/>[highlights.html]"]
end

subgraph group_publishing["Publishing and Resources"]
  node_blog_admin["Content Admin<br/>[blog-admin.js]"]
  node_browser_storage[("Browser Storage")]
  node_sermon_feed["Sermon Feed<br/>[blogger-feed.js]"]
  node_resource_view["Resource Viewer<br/>[view-posts.js]"]
  node_view_page["Posts Page<br/>[view-posts.html]"]
end

subgraph group_education["Education Sites"]
  node_academy["Berean Academy<br/>[index.html]"]
  node_academy_pages["Academy Information"]
  node_college["Bible College<br/>[index.html]"]
  node_college_pages["College Information"]
end

subgraph group_shared["Shared Experience"]
  node_shared_ui["Navigation and Page Behavior<br/>[base.js]"]
  node_weather_widget["Weather Widget<br/>[homepage.js]"]
end

node_visitor(("Visitor"))
node_administrator(("Administrator"))
node_weather_service{{"Open-Meteo"}}

node_administrator -.->|"manages content"| node_blog_admin
node_blog_admin -->|"reads and writes"| node_browser_storage
node_sermon_feed -->|"reads posts"| node_browser_storage
node_resource_view -->|"reads resources"| node_browser_storage
node_view_page -.->|"hosts viewer"| node_resource_view
node_visitor -.->|"opens site"| node_church_home
node_visitor -.->|"browses ministries"| node_ministries
node_visitor -.->|"browses activities"| node_church_life
node_visitor -.->|"reads teachings"| node_sermons
node_visitor -.->|"browses updates"| node_highlights
node_visitor -.->|"opens academy"| node_academy
node_visitor -.->|"opens college"| node_college
node_church_home -.->|"presents weather"| node_weather_widget
node_weather_widget -->|"fetches forecast"| node_weather_service
node_visitor -.->|"views preachings"| node_sermon_feed
node_visitor -.->|"views resources"| node_resource_view

click node_church_home "https://github.com/howitdoit/bbbcmolino/blob/main/index.html"
click node_ministries "https://github.com/howitdoit/bbbcmolino/blob/main/ministries.html"
click node_church_life "https://github.com/howitdoit/bbbcmolino/blob/main/church-life.html"
click node_sermons "https://github.com/howitdoit/bbbcmolino/blob/main/the-word.html"
click node_highlights "https://github.com/howitdoit/bbbcmolino/blob/main/highlights.html"
click node_blog_admin "https://github.com/howitdoit/bbbcmolino/blob/main/js/blog-admin.js"
click node_sermon_feed "https://github.com/howitdoit/bbbcmolino/blob/main/js/blogger-feed.js"
click node_resource_view "https://github.com/howitdoit/bbbcmolino/blob/main/js/view-posts.js"
click node_view_page "https://github.com/howitdoit/bbbcmolino/blob/main/view-posts.html"
click node_academy "https://github.com/howitdoit/bbbcmolino/blob/main/academy/index.html"
click node_academy_pages "https://github.com/howitdoit/bbbcmolino/tree/main/academy"
click node_college "https://github.com/howitdoit/bbbcmolino/blob/main/college/index.html"
click node_college_pages "https://github.com/howitdoit/bbbcmolino/tree/main/college"
click node_shared_ui "https://github.com/howitdoit/bbbcmolino/blob/main/js/base.js"
click node_weather_widget "https://github.com/howitdoit/bbbcmolino/blob/main/js/homepage.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_church_home,node_ministries,node_church_life,node_sermons,node_highlights toneBlue
class node_blog_admin,node_browser_storage,node_sermon_feed,node_resource_view,node_view_page toneAmber
class node_academy,node_academy_pages,node_college,node_college_pages toneMint
class node_shared_ui,node_weather_widget toneRose
class node_visitor,node_administrator,node_weather_service toneIndigo
```

## Components

### Church Website

- [Church Homepage](https://github.com/howitdoit/bbbcmolino/blob/main/index.html): `index.html`
- [Ministries](https://github.com/howitdoit/bbbcmolino/blob/main/ministries.html): `ministries.html`
- [Church Life](https://github.com/howitdoit/bbbcmolino/blob/main/church-life.html): `church-life.html`
- [Sermons and Word](https://github.com/howitdoit/bbbcmolino/blob/main/the-word.html): `the-word.html`
- [News and Events](https://github.com/howitdoit/bbbcmolino/blob/main/highlights.html): `highlights.html`

### Publishing and Resources

- [Content Admin](https://github.com/howitdoit/bbbcmolino/blob/main/js/blog-admin.js): `js/blog-admin.js`
- **Browser Storage**
- [Sermon Feed](https://github.com/howitdoit/bbbcmolino/blob/main/js/blogger-feed.js): `js/blogger-feed.js`
- [Resource Viewer](https://github.com/howitdoit/bbbcmolino/blob/main/js/view-posts.js): `js/view-posts.js`
- [Posts Page](https://github.com/howitdoit/bbbcmolino/blob/main/view-posts.html): `view-posts.html`

### Education Sites

- [Berean Academy](https://github.com/howitdoit/bbbcmolino/blob/main/academy/index.html): `academy/index.html`
- [Academy Information](https://github.com/howitdoit/bbbcmolino/tree/main/academy): `academy`
- [Bible College](https://github.com/howitdoit/bbbcmolino/blob/main/college/index.html): `college/index.html`
- [College Information](https://github.com/howitdoit/bbbcmolino/tree/main/college): `college`

### Shared Experience

- [Navigation and Page Behavior](https://github.com/howitdoit/bbbcmolino/blob/main/js/base.js): `js/base.js`
- [Weather Widget](https://github.com/howitdoit/bbbcmolino/blob/main/js/homepage.js): `js/homepage.js`

### Other components

- **Visitor**
- **Administrator**
- **Open-Meteo**

## Connections

- Administrator → Content Admin: manages content
- Content Admin → Browser Storage: reads and writes (evidence: `js/blog-admin.js`)
- Sermon Feed → Browser Storage: reads posts (evidence: `js/blogger-feed.js`)
- Resource Viewer → Browser Storage: reads resources (evidence: `js/view-posts.js`)
- Posts Page → Resource Viewer: hosts viewer
- Visitor → Church Homepage: opens site
- Visitor → Ministries: browses ministries
- Visitor → Church Life: browses activities
- Visitor → Sermons and Word: reads teachings
- Visitor → News and Events: browses updates
- Visitor → Berean Academy: opens academy
- Visitor → Bible College: opens college
- Church Homepage → Weather Widget: presents weather
- Weather Widget → Open-Meteo: fetches forecast (evidence: `js/homepage.js`)
- Visitor → Sermon Feed: views preachings
- Visitor → Resource Viewer: views resources