Initial website creation && 3 Projects added

Author: julianengel

.gitignore

@@ -0,0 +1,2 @@
+.DS_Store
+*/.DS_Store

README.md

@@ -0,0 +1,67 @@
+# 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](https://www.simplebytes.com), a [Meome](https://www.meome.com/?ref=simplebytes) company. All rights reserved.

img/apple-touch-icon.png

@@ -0,0 +1,21 @@
+{
+  "name": "Simple Bytes",
+  "short_name": "Simple Bytes",
+  "icons": [
+    {
+      "src": "/img/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/img/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}