brod3000.com

Source code for my personal website and digital resume.

I built this site from scratch using plain HTML, CSS, and JavaScript. No frameworks, page builders, or build tools. Just a fast, lightweight website that showcases my work, experience, and approach to digital marketing.

Performance Notes

• Cloudflare Bot Fight Mode injects a challenge-platform script (cdn-cgi/challenge-platform/scripts/jsd/main.js) that accounts for ~2.7s of main-thread scripting time in Lighthouse audits. This is not site code, it's a Cloudflare dashboard setting. If TBT spikes in future audits, check whether Bot Fight Mode is enabled before investigating the site's own JS.
• Font swap CLS is handled via a @font-face fallback (Playfair Fallback) with ascent-override/descent-override matching Playfair Display's metrics to Georgia's. The @font-face block lives in the inline <style> in index.html.

Live Site

https://brod3000.com

Tech Stack

• HTML5
• CSS3
• JavaScript

Project Structure

brod3000.com/
├── index.html          # Main SPA with 4 sections (About, Resume, Concepts, Contact)
├── 404.html            # Custom 404 page
├── privacy.html        # Privacy notice
├── terms.html          # Terms of use
├── README.md
├── CNAME
├── site.webmanifest    # PWA manifest
├── styles-digital.css  # Main stylesheet
├── digital-runtime.js  # SPA runtime, canvas, animations, form handling
├── gtag-init.js        # Google Analytics init
├── robots.txt
├── sitemap.xml         # Update when pages change
├── .gitignore
└── images/
    ├── background.webp
    ├── background.png
    ├── ben-portrait.svg
    ├── profile.jpg
    └── ben_rodriguez_resume.pdf

Running Locally

Since this is a static website, there's nothing to install.

Open index.html in your browser, or start a simple local server:

python3 -m http.server 8080

Then visit:

http://localhost:8080

Deployment

The site is hosted with GitHub Pages and automatically deploys from the main branch whenever I push changes.

git add .
git commit -m "Describe your changes"
git push origin main

Search Engines

The site includes:

• robots.txt
• sitemap.xml
• Open Graph metadata
• Twitter/X cards
• Canonical URLs

Images

Most images live in the /images folder.

Whenever possible I try to keep assets lightweight so the site loads quickly.

Goals

A few things I keep in mind while working on this site:

• Keep it fast.
• Keep it simple.
• Write clean, maintainable code.
• Avoid unnecessary dependencies.
• Make the experience work well on both desktop and mobile.

Future Improvements

Some things I'd still like to add:

• Additional case studies
• More project write-ups
• Continued accessibility improvements

---

Built and maintained by Ben Rodriguez.