# 🌗 Style Wars: Light v.s Dark

---

This is my submission for Style Wars organized by NJACK as a part of the Summer of Code 2.0 at IIT Patna.

My faction: Light

I hope you all like it :)

Update :- The results are here, we tried our best and earned the second position!!! 🥳
We lose to a professional, a developer + designer for over 4 years, so quite happy with my performance I guess

---

## 📝 Problem Statement

> “The web is divided! Two great factions, the light side and the dark side, are at war. You must choose to join either
> faction and style plain HTML pages following either a light or dark color-theme. The faction with the best submissions
> wins!”

---

## 🎯 Objective

You will receive a set of unstyled HTML pages.  
Your task is to style these pages using **only CSS** (regular CSS and frameworks, both allowed) following the theme of
the faction you choose:

- **Light Side:** Style a bright, uplifting web page.
- **Dark Side:** Style a dark, bold web page.

Your final web page should be **visually appealing** and **responsive** across all devices.

---

## 📜 Rules

- **Single-member participation**; one submission per member.
- Any CSS solution is allowed: regular CSS, Tailwind, Bootstrap, Materialize, etc.
- Your web page must be either:
    - **Light-themed:** Predominantly brighter base colors, or
    - **Dark-themed:** Predominantly darker base colors.
- **Do not modify the HTML structure.**  
  You may only add:
    - Links to your stylesheets, fonts, or framework CDNs
    - IDs and/or class names (add or alter as needed)
- **No paid libraries or frameworks.**  
  Only free tools are permitted.

---

## 🏆 Point System

| Criteria                   | Points |
|----------------------------|--------|
| Visual Design & Aesthetics | 5      |
| Responsiveness             | 2      |
| Theme Consistency          | 2      |
| Bonus: Micro-interactions  | 1      |

**Details:**

- *Visual Design and Aesthetics:* Your page should be visually appealing with a sensible color palette and layout.
- *Responsiveness:* Elements should render appropriately on all viewports (mobile, tablet, laptop, desktop).
- *Theme Consistency:* The page should strictly adhere to either a light or dark palette throughout.
- *Bonus:* Subtle micro-interactions (animations on hover/click) are encouraged!

---

## 📦 Deliverables

- A **GitHub repository link** or a **zipped folder** containing your code and assets.
- **Screenshots** showcasing your styled web page.

---

## ✨ May the best styles win. Let the cascade begin!