Compliance Framework Compare

A side-by-side learning view for NIST, ISO, SOC 2, and CIS concepts.

What it is

A static comparison tool that helps learners see where major compliance and security frameworks overlap, differ, and serve different purposes without pretending they are interchangeable checklists. This stays buildless on purpose so the repo reads clearly and deploys cleanly to GitHub Pages.

What it demonstrates

• Comparative security/compliance thinking rather than isolated framework summaries
• Structured side-by-side UI design in vanilla JavaScript
• A static site that communicates serious subject matter clearly

Live demo

https://mtfucf.github.io/compliance-framework-compare/

Screenshot

How to run locally

cd projects/compliance-framework-compare
python -m http.server 8080

Push to GitHub

This project ships as its own standalone repo. To push it to a GitHub account (e.g., a separate cybersecurity-portfolio account), follow these steps.

1) Authenticate with the target account

Preferred: use GitHub CLI multi-account auth.

gh auth login
gh auth switch
gh auth status

Per-repo git config keeps commits under the right identity even if your global git config points at another account:

git config user.name "Matthew Faber"
git config user.email "<your-github-username>@users.noreply.github.com"

The noreply email keeps your personal email private. Replace <your-github-username> with the target account username.

2) Initialize, commit, and push

From the workspace root:

cd projects/compliance-framework-compare
git init -b main
git config user.name "Matthew Faber"
git config user.email "<your-github-username>@users.noreply.github.com"
git add .
git commit -m "Initial commit"
gh repo create <your-github-username>/compliance-framework-compare --public --source=. --remote=origin --push --description "A side-by-side learning view for NIST, ISO, SOC 2, and CIS concepts."

3) Enable GitHub Pages

• Go to repo Settings → Pages.
• Under Build and deployment, set Source to GitHub Actions (not Deploy from a branch).
• The first push triggers .github/workflows/deploy-pages.yml; wait about 30 seconds, then visit https://<your-github-username>.github.io/compliance-framework-compare/.

4) Updating later

git add . && git commit -m "Describe the change" && git push

Deploy your own

This repo includes .github/workflows/deploy-pages.yml for the modern GitHub-native Pages flow.

1. Push the repo to GitHub.
2. Open Settings → Pages and set Build and deployment → Source to GitHub Actions.
3. Push to main or run the workflow manually with workflow_dispatch.
4. After the workflow finishes, open https://<your-github-username>.github.io/compliance-framework-compare/.

Tech stack

• HTML5
• CSS3
• Vanilla JavaScript
• GitHub Pages

Project structure

.
├── .github/
│   ├── ISSUE_TEMPLATE/
│   │   ├── bug_report.md
│   │   └── feature_request.md
│   ├── PULL_REQUEST_TEMPLATE.md
│   └── copilot-instructions.md
├── data/
│   └── compliance-frameworks.json
├── src/
│   └── app.js
├── styles/
│   └── main.css
├── CONTRIBUTING.md
├── LICENSE
├── README.md
├── TESTING.md
└── index.html

Roadmap

• Add comparison views for goals, audiences, evidence expectations, and common misconceptions
• Support quick toggles between framework pairs and full-grid view
• Capture a screenshot once the first comparison table is ready

Author

Matthew Faber
<<<<<<< Updated upstream Matthew Faber builds hands-on cybersecurity portfolio projects.

Matthew Faber builds hands-on cybersecurity portfolio projects that turn study material into practical demos.

Stashed changes