A modern, accessible website designed to help older adults and non‑technical community members stay safe online. CyberSafe combines clear explanations, practical checklists, and downloadable guides to make cybersecurity simple, visual, and actionable.
(I wrote this readme for random people so when they find this repo and want to use it so it sounds more professional. I built this project because I love cybersecurity and I have seen my grandma have a lot of problems with her computer and viruses. I used MkDocs to build the first version because its Python‑based and I was learning Python at the time. I wanted to get the site online fast because I wanted to start sharing the information with older people, but the layout was just mid. My friend rebuilt it in HTML/CSS so it looked better.)
- Primary (GitHub Pages): https://cybersnackcat.github.io/CyberSafe/
- Public Domain: https://cybersafeforseniors.org
CyberSafe is a student‑led community initiative created to support older adults in understanding and navigating online risks. The site provides nine structured lessons, each with a downloadable PDF guide and presentation, plus practical steps anyone can follow.
The project is built with clean HTML, CSS, and JavaScript, optimized for fast loading and easy navigation on all devices.
- Why is Fraud a Problem? — Understanding the scale and impact of online fraud
- Recognizing & Preventing Common Scams — Spot phishing, tech‑support scams, romance fraud, and more
- Password Safety & 2FA — Create strong passwords and enable two‑factor authentication
- Keeping Devices Updated — Why updates matter and how to stay current
- Antivirus & Security Software — Protect devices from malware and viruses
- Wi‑Fi & Home Network Security — Secure your router and home network
- Safe Social Media Use — Privacy settings and safe sharing habits
- Practical Steps for Protection — Daily habits to reduce online risk
Each topic includes:
- A PDF guide
- A PDF presentation
- Clear, actionable checklists
- Modern, responsive design — Works on desktop, tablet, and mobile
- Clean navigation — Smooth scrolling and intuitive layout
- Accessibility‑minded — Built with readability and clarity in mind
- Performance optimized — Fast loading, GitHub Pages‑friendly
- Completely free — No tracking, no ads, no data collection
``` CyberSafe/ ├── index.html # Main homepage ├── downloads.html # Downloads page ├── styles.css # Styles and animations ├── script.js # Interactive features ├── assets/ │ ├── images/ # Logos and graphics │ └── pdfs/ # All guides and presentations ├── .github/ │ └── workflows/ # Deployment workflow └── README.md # This file ```
- HTML5 — Semantic, accessible markup
- CSS3 — Modern styling with Flexbox, Grid, and animations
- JavaScript — Interactive features and smooth scrolling
- GitHub Pages — Free hosting and deployment
CyberSafe collects no personal data.
All tools run locally in the browser.
No ads, no analytics, no tracking.
This is a community‑driven project. Contributions are welcome:
- 🌍 Translations
- ♿ Accessibility improvements
- 💡 New lesson ideas
- 🐛 Bug reports
- 📝 Documentation updates
How to contribute:
- Fork the repository
- Create a new branch (`git checkout -b feature/improvement`)
- Make your changes
- Submit a Pull Request
Created by high school students passionate about cybersecurity education and community impact.
CyberSafe in the Community — Helping people feel confident using technology so they can stay connected with their families without fear.
For questions or feedback, please open an issue on GitHub:
https://github.com/CyberSnackCat/CyberSafe/issues