From 2320997f086b18b8c79434a86f44b3a1d0e64398 Mon Sep 17 00:00:00 2001 From: Yuval Adam <_@yuv.al> Date: Thu, 27 Feb 2025 11:17:31 +0100 Subject: Just use basic html --- README.md | 27 +++++++++++++- index.html | 102 +++++++++++++++++++++++++++++++++++++++++++++++++++ isometric/index.html | 29 +++++++++++++++ 3 files changed, 157 insertions(+), 1 deletion(-) create mode 100644 index.html diff --git a/README.md b/README.md index 8e587c6..5d10dc6 100644 --- a/README.md +++ b/README.md @@ -1 +1,26 @@ -# Vibes \ No newline at end of file +# Vibes + +A collection of creative web experiments and visual experiences. + +## Experiments + +- [Isometric Triangles](/isometric/index.html) - Dynamic background with animated geometric shapes in an isometric perspective. + +## Local Development + +To view the experiments locally: + +1. Clone this repository +2. Open the HTML files directly in your browser + - Main page: `index.html` + - Isometric Triangles: `isometric/index.html` + +## Technologies + +- HTML5 +- CSS3 +- JavaScript (Vanilla) + +## License + +MIT \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..52dc26c --- /dev/null +++ b/index.html @@ -0,0 +1,102 @@ + + + + + + Vibes + + + +
+

Vibes

+

A collection of creative web experiments and visual experiences.

+ +
+ +
Isometric Triangles
+
+ Dynamic background with animated geometric shapes in an isometric perspective. +
+ +
+ + +
+ + diff --git a/isometric/index.html b/isometric/index.html index 47dfbde..d5bf032 100644 --- a/isometric/index.html +++ b/isometric/index.html @@ -79,10 +79,39 @@ text-shadow: 0 0 10px rgba(0, 0, 0, 0.5); margin-bottom: 1rem; } + + .back-link { + position: absolute; + top: 20px; + left: 20px; + z-index: 100; + color: white; + text-decoration: none; + background: rgba(0, 0, 0, 0.5); + padding: 10px 15px; + border-radius: 5px; + font-family: 'Arial', sans-serif; + font-size: 14px; + transition: all 0.3s ease; + display: flex; + align-items: center; + gap: 5px; + } + + .back-link:hover { + background: rgba(255, 255, 255, 0.2); + } + + .back-link::before { + content: "←"; + font-size: 18px; + } + Back to Home +

Isometric Triangles

-- cgit v1.3.1