Drishya — IIT Bhilai

A website introducing Drishya, the Dramatics Club of IIT Bhilai, to someone who has never heard of it.
Built for the HelloWorld Hackathon by OpenLake, IIT Bhilai.

Live site: hasnetwork.github.io/HelloWorld
Repository: github.com/HasNetwork/HelloWorld

---

What is this?

A single-page website for Drishya — IIT Bhilai's Dramatics Club. It tells a first-year everything they need to know: what the club does (stage plays, street theatre, mime, mono-acts), who runs it, what they've achieved, and how to join.

The design uses a warm, theatrical aesthetic with liquid glass effects, floating embers, scroll-driven animations, and a dark/light theme toggle. An interactive Improv Prompt Generator lets visitors generate random scene setups for drama exercises.

All content is data-driven from a single JSON file (data/club.json), making it easy to adapt for any club.

About the Club

Drishya — The Stage is Yours

The Dramatics Club of IIT Bhilai. From stage plays to street theatre, mime to mono-acts — Drishya turns raw emotion into performance. The club has represented IIT Bhilai at the Inter-IIT Cultural Meet (Mime — 8th place, Online Short Film — 4th place).

How to run locally

1. Clone the repo:

   git clone https://github.com/HasNetwork/HelloWorld.git
   cd HelloWorld

2. Start any local server (no build step needed):

   python -m http.server 3000

3. Open http://localhost:3000 in your browser.

No dependencies to install, no build tools, no npm install.

Tech stack

• HTML, CSS, JavaScript — no frameworks, no build step
• GSAP + ScrollTrigger (via CDN) — scroll-driven animations
• Google Fonts — Playfair Display (headings), DM Sans (body)
• Web Audio API — (available for future interactive extensions)
• Data loaded from data/club.json at runtime

Project structure

├── index.html          — Main single-page site
├── form.html           — Redirect page for the membership form
├── css/
│   ├── variables.css   — Design tokens (colours, spacing, glass)
│   ├── base.css        — Reset, typography, layout
│   ├── glass.css       — Liquid glass effects, cursor glow
│   ├── sections.css    — Per-section styling
│   └── animations.css  — Keyframes, scroll-reveal classes
├── js/
│   ├── app.js          — Data loader + section renderers
│   ├── glass.js        — Cursor glow, card tilt, nav scroll, theme toggle
│   ├── interactive.js  — Improv prompt generator
│   ├── animations.js   — GSAP ScrollTrigger orchestration
│   └── particles.js    — Floating embers canvas (hero background)
├── data/
│   └── club.json       — All club content (swap for any club)
└── assets/             — Images and media

Credits

What	Source
Animations	GSAP + ScrollTrigger (CDN)
Fonts	Playfair Display, DM Sans via Google Fonts
Icons	Hand-coded SVG (Feather icon style)
AI assistance	Claude (Anthropic) — used for code generation, design system, and content scaffolding

Team

• Harshit Shah (B26EC016)
• Anubhav Mishra (B26ME010)

Built during the HelloWorld 24-hour hackathon, September 2026