Simple Bytes Website

A minimalist website showcasing digital tools with a focus on simplicity and usability.

Features

• Clean, minimalist design
• Dark/Light mode toggle with system preference detection
• Responsive layout
• No external dependencies

File Structure

/
├── index.html          # Main HTML file
├── styles.css          # Stylesheet
├── script.js           # JavaScript functionality
├── svg/
│   ├── logo.svg       # Site logo
│   ├── sun-icon.svg   # Light mode icon
│   ├── moon-icon.svg  # Dark mode icon
│   └── og-image.png   # Social media preview image
└── README.md          # This file

Development

This website is a collection of simple bytes - the old school way. It uses vanilla HTML, CSS, and JavaScript. No build process or dependencies required.

CSS Structure

• Variables for theming
• Mobile-first responsive design
• Component-based organization
• BEM-inspired naming convention

JavaScript Features

• Dark mode toggle with local storage
• System theme preference detection
• Smooth animations

SEO

The site includes comprehensive meta tags for SEO and social media sharing, including:

• Open Graph meta tags
• Twitter Card meta tags
• Structured data for search engines
• Semantic HTML structure

Browser Support

Tested and supported in:

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

Performance

• Minimal CSS and JavaScript
• Optimized SVG icons
• No external dependencies
• Lighthouse score: 100/100

License

© 2024 Simple Bytes, a Meome company. All rights reserved.