SoulShade 🌒

“Measure your shadow. Interpret your soul.”

---

🧾 Basic Details

Team Name: Arcane

Team Members

• Team Lead: Alan P Ali – GEC Thrissur
• Member 2: Catherine Maria Benny – GEC Thrissur

---

🎯 Project Description

SoulShade is an interactive, minimalist web experience where users input personal and environmental data—like height, GPS coordinates, time, direction, shoe brand—and receive not only an eerily accurate measurement of their shadow but also a philosophical interpretation of their "soul’s silhouette."

---

🚫 The Problem (That Doesn’t Exist)

You walk outside, the sun is shining, and yet—how long is your shadow? What does that say about your existential wavelength, your emotional stretch, your... shoe choice?

Nobody asked. But we answered.

---

✅ The Solution (That Nobody Asked For)

By combining quantum shade algorithms™, trigonometric wizardry, and pure design elegance, we created a website that calculates your shadow length in absurd units—Planck’s length? Sure. Horse lengths? Why not. All with weather-aware visuals, soul-searching insights, and a UI that vibes with your climate.

---

🧪 Technical Details

💻 Software Components

• Languages: HTML, CSS (minimal), JavaScript
• Frameworks: None (to maintain purity of aesthetic)
• Libraries:
  • Luxon (for date/time handling)
  • Leaflet.js (for map + location)
  • SunCalc.js (for solar angle)
• Tools: GitHub, Figma (UI), Netlify (deployment)

🔧 Hardware (Your body is the hardware)

• Your Height
• Your Shoe Brand
• Your Soul

---

⚙️ Implementation

🚀 Installation

git clone https://uselessshadow.onrender.com
cd soulshade
open index.html

▶️ Run

Just open index.html in your browser.

---

🖼 Project Documentation

📸 Screenshots

🌤️ Home Interface

Title Bar

📍 Map + Input Panel

User selects input values like height, direction, weather, and city. Live map to input coordinates or select city manually.

🌑 SoulShade Result View

*Calculated shadow in mm, feet, horse lengths, light-years—with deep commentary.*

---

🧭 Workflow Diagram

Flow: Input → Weather & Solar Data → Trigonometry Engine → Output Visuals & Insight

---

⚡ Shadow Calculation Engine

Formula:

$$L = \begin{cases} \frac{H}{\tan(\theta)}, & \text{if } \theta > 0 \\\ \infty, & \text{if } \theta \leq 0 \end{cases}$$

• H = height of the user
• θ = solar elevation angle (based on date, time, latitude, longitude)

Weather just adds soul to the visual. Shadows still exist behind the clouds.

---

📹 Project Demo

🔗 Bonus Links

https://uselessshadow.onrender.com Live Site Preview

---

🤝 Team Contributions

• Alan P Ali: Lead dev, trigonometric algorithm design, soul metaphysics, shadow unit conversion, map integration
• Catherine Maria Benny: UI/UX, weather integration, dropdown interface, creative content

---

“Shadows are just the soul’s whispers in sunlight.”

Made with 🌓 at TinkerHub Useless Projects