ArmorOfGod.Life

Static website files served at armorofgod.life

Directory Structure

public/
├── index.html                              # Main single-page application
├── assets/
│   ├── css/
│   │   ├── styles.css                     # Core styles (2,130 lines)
│   │   ├── light-theme.css                # Light theme (484 lines)
│   │   └── dark-theme.css                 # Dark theme (407 lines)
│   ├── js/
│   │   ├── main.js                        # Core functionality (828 lines)
│   │   ├── sidebar-generator.js           # Navigation generation (265 lines)
│   │   ├── css-loader.js                  # Theme loading (59 lines)
│   │   └── worker-config.js               # API config (40 lines)
│   ├── fonts/                             # 8 WOFF2 font files
│   │   ├── ubuntu-regular.woff2
│   │   ├── ubuntu-500.woff2
│   │   ├── ubuntu-700.woff2
│   │   ├── ubuntu-mono-regular.woff2
│   │   ├── ubuntu-mono-700.woff2
│   │   ├── liberation-serif-regular.woff2
│   │   ├── liberation-serif-bold.woff2
│   │   └── (alternative casing variants)
│   └── images/                            # 28 themed PNG images
│       ├── [name]-blue.png               # Light theme variants
│       ├── [name]-light.png              # Dark theme variants
│       └── star-cross-shield.png         # Logo/favicon
└── articles/
    └── article-formatting-guide-FILTER.html

Key Features

• Theme System: Light/dark mode with localStorage persistence
• Responsive: Mobile-first with 768px breakpoint
• Typography: Ubuntu + Liberation Serif fonts
• Navigation: Auto-generated sidebar from page headings
• Image Theming: 14 image pairs switch based on theme
• No Dependencies: Pure HTML, CSS, JavaScript

Files Overview

File	Lines	Purpose
index.html	1,050+	Main content with 13+ sections
styles.css	2,130	Core styles, layout, components
light-theme.css	484	Light color scheme
dark-theme.css	407	Dark color scheme
main.js	828	Theme toggle, navigation, prayer form
sidebar-generator.js	265	Dynamic sidebar generation
css-loader.js	59	Theme CSS loading
worker-config.js	40	Prayer API configuration

Content Sections

1. Armor of God (Ephesians 6:10-19)
2. Who is Jesus?
3. What is the Bible?
4. Salvation
5. Surrender
6. Repentance
7. Heart Transformation
8. Life with Jesus
9. Shield of God
10. Prayer

API

Prayer request endpoint: https://prayer.armorofgod.life/api/prayer/submit

{
  "name": "string (required)",
  "email": "string (optional)",
  "prayerRequest": "string (required)"
}