🌊 Osho Ocean - Mystical Quotes Generator

A glimpse into the mystical underwater wisdom of Osho Ocean.

🌊 Click here to explore the Osho Ocean 🌊

Welcome to Osho Ocean, a web experience designed to bring peace to your day through wisdom and immersive underwater aesthetics. 🐠✨

🐚 About the Project

This project was born from the desire to unite technology and meditation. The main goal was to create a tranquil environment where users can dive into Osho's thoughts. The layout was crafted with the help of AI to ensure a "chill vibe," featuring smooth animations and a deep-sea atmosphere.

🧠 Technical Focus: The Power of Randomness

The core of this project was practicing and mastering the Math.random() function in JavaScript.

I focused on learning how to:

• Generate truly random indexes to pull quotes from an array.
• Use Math.floor() to ensure valid integer positions.
• Apply randomness to visual elements, such as the spawning position of sea creatures and light particles, making every visit unique!

📂 Project Structure

Here is how the magic is organized inside the folders:

• index.html (The heart of the ocean)
• css/
  • main.css
  • ocean-env.css
  • ship-effects.css
  • ui-animations.css
• js/
  • main.js (Logic & Randomness)
  • particles.js
  • sea-life.js
• images/
  • shell.png
• sounds/
  • splash.mp3

🚀 Technologies Used

• HTML5 & CSS3: For the structure and those dreamy underwater animations.
• JavaScript (ES6+): Handling the logic, random math, and DOM manipulation.
• AI Collaboration: Used to refine the CSS layout and visual effects.

---

Developed with 💙 by Nancy Keller
A practical project for the Systems Analysis and Development degree at Uniasselvi.

---

"Life begins where fear ends." 🌊🐚