Skip to content
View mathaes33's full-sized avatar

Block or report mathaes33

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
mathaes33/README.md

👋 Hello, I’m Mathaes33!

“Building elegant tools that blend simplicity, speed, and modern design.”

Matthew Danielson avatar

Welcome to Mathaes33 —

My personal

🌟 Static Portfolio & Prompt Library — Single HTML File

built entirely with HTML, CSS, and vanilla JavaScript.

A fully static, elegant, modern single‑file website built with pure HTML, CSS, and vanilla JavaScript — no frameworks, no backend, and no build tools.

All user changes are persistent thanks to localStorage, so your customizations stay saved across page reloads.

✅ Features

🎨 Theme Toggle

  • Switch between Light, Dark, or Custom themes.
  • Preferences are saved automatically to localStorage.

🗂️ Project Cards

  • Add, edit, or remove project cards.
  • Each card includes:
    ✅ Project title
    ✅ Picture (URL or inline base64)
    ✅ Link to your live project or repo
  • Entire project list is saved locally.

✏️ Prompt Library

  • Create, edit, and delete your favorite AI prompts.
  • Displayed in clean, stylish cards.
  • Prompts are stored in localStorage.

⚡ Quick Link Tools

  • Customize quick‑access buttons to tools like:
    • GitHub
    • Netlify
    • Amazon
    • PayPal
    • Google AI Studio
    • Visual Studio Code
  • Change URLs and labels to fit your workflow.
  • Config is saved locally.

🔄 Reset to Defaults

  • Revert all saved data and settings in one click.

🛠️ Tech & Design

  • Single HTML file (no external dependencies)
  • Embedded CSS: clean, responsive layout using Flexbox & CSS Grid
  • Vanilla JavaScript: small scripts for interactivity & saving data
  • Smooth animations for adding/removing content
  • Modular, commented code: easy to customize
  • Works offline and loads instantly

📦 How to Use

  1. Clone or download the index.html file.
  2. Open it in any modern browser.
  3. Customize:
    • Add your projects
    • Store your AI prompts
    • Set quick links
    • Choose your theme
  4. Your data stays saved across sessions (using localStorage).
  5. Click Reset anytime to clear your saved config.

✨ Why This Project Stands Out

  • Truly zero dependencies: deploy anywhere (GitHub Pages, Netlify, S3, etc.)
  • Fully offline‑capable: works without internet
  • No build tools: edit HTML directly
  • Elegant UX: modern design and smooth UI
  • Ideal for: portfolios, personal dashboards, or prompt libraries

📄 License

MIT — free to use, modify, and share.

🙏

Crafted with ❤️ using pure HTML, CSS, and JavaScript.

@mathaes33's activity is private