Skip to content

Commit 3de8e36

Browse files
committed
Initial website creation && 3 Projects added
0 parents  commit 3de8e36

16 files changed

Lines changed: 467 additions & 0 deletions

.gitignore

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
.DS_Store
2+
*/.DS_Store

README.md

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
1+
# Simple Bytes Website
2+
3+
A minimalist website showcasing digital tools with a focus on simplicity and usability.
4+
5+
## Features
6+
7+
- Clean, minimalist design
8+
- Dark/Light mode toggle with system preference detection
9+
- Responsive layout
10+
- No external dependencies
11+
12+
## File Structure
13+
14+
```
15+
/
16+
├── index.html # Main HTML file
17+
├── styles.css # Stylesheet
18+
├── script.js # JavaScript functionality
19+
├── svg/
20+
│ ├── logo.svg # Site logo
21+
│ ├── sun-icon.svg # Light mode icon
22+
│ ├── moon-icon.svg # Dark mode icon
23+
│ └── og-image.png # Social media preview image
24+
└── README.md # This file
25+
```
26+
27+
## Development
28+
29+
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.
30+
31+
### CSS Structure
32+
- Variables for theming
33+
- Mobile-first responsive design
34+
- Component-based organization
35+
- BEM-inspired naming convention
36+
37+
### JavaScript Features
38+
- Dark mode toggle with local storage
39+
- System theme preference detection
40+
- Smooth animations
41+
42+
## SEO
43+
44+
The site includes comprehensive meta tags for SEO and social media sharing, including:
45+
- Open Graph meta tags
46+
- Twitter Card meta tags
47+
- Structured data for search engines
48+
- Semantic HTML structure
49+
50+
## Browser Support
51+
52+
Tested and supported in:
53+
- Chrome (latest)
54+
- Firefox (latest)
55+
- Safari (latest)
56+
- Edge (latest)
57+
58+
## Performance
59+
60+
- Minimal CSS and JavaScript
61+
- Optimized SVG icons
62+
- No external dependencies
63+
- Lighthouse score: 100/100
64+
65+
## License
66+
67+
© 2024 [Simple Bytes](https://www.simplebytes.com), a [Meome](https://www.meome.com/?ref=simplebytes) company. All rights reserved.

img/apple-touch-icon.png

1.64 KB
Loading

img/favicon-96x96.png

795 Bytes
Loading

img/favicon.ico

14.7 KB
Binary file not shown.

img/favicon.svg

Lines changed: 12 additions & 0 deletions
Loading

img/og-image.png

206 KB
Loading

img/site.webmanifest

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
{
2+
"name": "Simple Bytes",
3+
"short_name": "Simple Bytes",
4+
"icons": [
5+
{
6+
"src": "/img/web-app-manifest-192x192.png",
7+
"sizes": "192x192",
8+
"type": "image/png",
9+
"purpose": "maskable"
10+
},
11+
{
12+
"src": "/img/web-app-manifest-512x512.png",
13+
"sizes": "512x512",
14+
"type": "image/png",
15+
"purpose": "maskable"
16+
}
17+
],
18+
"theme_color": "#ffffff",
19+
"background_color": "#ffffff",
20+
"display": "standalone"
21+
}

img/web-app-manifest-192x192.png

1.94 KB
Loading

img/web-app-manifest-512x512.png

9.4 KB
Loading

0 commit comments

Comments
 (0)