Honson Luma · Personal Website & Profile

Official single-page website for Honson Luma, optimized and ready for deployment on GitHub Pages (100% Free) or Firebase Hosting.

---

🌟 Overview & Highlights

• Executive Aesthetic & Typography: Refined styling using Google Font Inter, clean hierarchy, and balanced whitespace.
• Theme Modes: Built-in Dark and Light mode toggle with persistent user preference storage.
• Content Authenticity: Incorporates all background, experience, leadership philosophy, education, and executive quote history from honsonluma.com.
• Ecosystem & Ventures Portfolio: Dedicated spotlight for Space Age Investment Group, Haitian Dollar, DIBCOIN, and semaiah.com.
• Direct Connect & Social Channels: Quick copy-to-clipboard email action and direct links to LinkedIn, Twitter / X, GitHub, Instagram, and Facebook.
• Search Engine Optimization (SEO): Pre-configured Open Graph tags, Twitter summary card, favicon, canonical tags, and structured Schema.org Person JSON-LD data.
• Dual Deployment Ready: Fully configured for GitHub Pages (via automated GitHub Actions) and Firebase Hosting.

---

📁 Project Architecture

honsonluma_webiste/
├── .github/
│   └── workflows/
│       └── deploy.yml           # Automated deployment workflow to GitHub Pages
├── public/
│   ├── css/
│   │   └── style.css            # Responsive styles & theme design tokens
│   ├── images/
│   │   └── honson-luma.jpg      # Official portrait asset & favicon
│   ├── js/
│   │   └── main.js              # Theme switcher, clipboard, smooth scroll
│   ├── CNAME                    # Custom domain mapping (honsonluma.com) for GitHub Pages
│   └── index.html               # Main production page
├── firebase.json                # Firebase Hosting caching & security headers
├── .gitignore                   # Standard ignore patterns
├── package.json                 # Convenience commands (npm start, npm run deploy)
└── README.md                    # Project documentation

---

🚀 Option 1: Hosting on GitHub Pages (100% Free)

GitHub Pages provides completely free hosting for static websites, includes a free custom domain with automated SSL/HTTPS, and requires zero maintenance.

Step 1: Initialize Git and Push to GitHub

# 1. Initialize local git repository
git init -b main

# 2. Stage all files and create first commit
git add .
git commit -m "Initial commit of Honson Luma profile website"

# 3. Create a new repository on github.com (e.g. 'honsonluma-website' or 'honsonluma.com')
# 4. Link your remote and push:
git remote add origin https://github.com/<YOUR-USERNAME>/<REPO-NAME>.git
git push -u origin main

Step 2: Enable GitHub Pages in Repository Settings

1. Open your repository on GitHub.com.
2. Go to Settings → Pages (in the left sidebar).
3. Under Build and deployment → Source, select GitHub Actions.
4. The workflow in .github/workflows/deploy.yml will automatically deploy your public/ folder on every push!

Step 3: Link Custom Domain (honsonluma.com)

1. In Settings → Pages, scroll down to Custom domain.
2. Enter honsonluma.com and save (your public/CNAME file is already in place).
3. Check the box for Enforce HTTPS (GitHub will provision a free SSL certificate).
4. Update your domain DNS records at your domain registrar (GoDaddy, Namecheap, Cloudflare, etc.):
   • Apex domain A records (point to GitHub's IPs):
     • 185.199.108.153
     • 185.199.109.153
     • 185.199.110.153
     • 185.199.111.153
   • WWW CNAME record:
     • Host: www → Points to: <YOUR-USERNAME>.github.io

---

🔥 Option 2: Hosting on Firebase Hosting

Firebase Hosting also provides a generous free tier (Spark plan) with global SSD CDN distribution.

1. Link Firebase Project

firebase use --add

2. Deploy

firebase deploy --only hosting

3. Connect Custom Domain on Firebase

1. Go to the Firebase Console → Hosting.
2. Click Add custom domain and enter honsonluma.com.
3. Follow the DNS instructions provided in the console.

---

💻 Local Testing & Preview

To preview the website locally:

# Option A: Using npx serve
npx serve public -l 3000

# Option B: Using Python
python -m http.server 3000 --directory public

Then visit http://localhost:3000 in your browser.