From 6e70bc78a66d21e7e6caf86f252b7972416f3ce5 Mon Sep 17 00:00:00 2001 From: Yuval Adam <_@yuv.al> Date: Thu, 27 Feb 2025 11:40:22 +0100 Subject: redesign heh --- README.md | 22 +++++++++---- index.html | 89 ++++++++++++++++++++++++++++++++++------------------ isometric/index.html | 66 +++++++++++++++++++++++++------------- 3 files changed, 118 insertions(+), 59 deletions(-) diff --git a/README.md b/README.md index 5d10dc6..cc2e551 100644 --- a/README.md +++ b/README.md @@ -1,12 +1,12 @@ -# Vibes +# ✨ Vibes ✨ -A collection of creative web experiments and visual experiences. +A collection of cute & creative web experiments and visual experiences. -## Experiments +## 🌈 Experiments - [Isometric Triangles](/isometric/index.html) - Dynamic background with animated geometric shapes in an isometric perspective. -## Local Development +## 🚀 Local Development To view the experiments locally: @@ -15,12 +15,22 @@ To view the experiments locally: - Main page: `index.html` - Isometric Triangles: `isometric/index.html` -## Technologies +## 💻 Technologies - HTML5 - CSS3 - JavaScript (Vanilla) +- Google Fonts (VT323 & Fredoka) -## License +## 🎨 Style + +The project uses a bright, cute, and slightly pixelated aesthetic with: +- Pastel colors (pink, purple, light blue) +- Pixelated rendering for some elements +- Playful borders and shadows +- Retro-inspired pixel font (VT323) for headings +- Modern rounded font (Fredoka) for body text + +## 📝 License MIT \ No newline at end of file diff --git a/index.html b/index.html index 52dc26c..0ce74f3 100644 --- a/index.html +++ b/index.html @@ -1,14 +1,19 @@ + Vibes + + + +

Vibes

-

A collection of creative web experiments and visual experiences.

- +

A collection of cute & creative web experiments and visual experiences ✨

+
Isometric Triangles
@@ -93,10 +119,11 @@
- + - + + \ No newline at end of file diff --git a/isometric/index.html b/isometric/index.html index d5bf032..c93d4a6 100644 --- a/isometric/index.html +++ b/isometric/index.html @@ -5,6 +5,10 @@ Isometric Triangles + + + Back to Home - +

Isometric Triangles

+

Move your mouse around to create more cute triangles! ✨