Robotics Club IIT Jodhpur - Website

A clean, high-performance, and responsive static website for the Robotics Club, IIT Jodhpur (RoboticsClubIITJ). Built with pure HTML, CSS, and vanilla JavaScript using a custom electric yellow/orange dark-tech theme.

🚀 Running Locally

Because this site uses a modular static architecture, you have two options to run it locally:

Option 1: Direct File Execution (Simplest)

1. Navigate to the project folder.
2. Double-click or open index.html directly in any web browser. Note: Because our structured content is loaded via standard script tags (not dynamic fetches), this will work out of the box without triggering CORS errors.

Option 2: Using a Local Development Server

If you want to simulate a production web server environment:

# Using Python (standard in most environments)
python3 -m http.server 8000

# Using Node (if available)
npx serve .

Then open http://localhost:8000 or http://localhost:3000 in your web browser.

---

📂 Code & Content Structure

The website is designed with a strict separation of structure, style, and content data to make updates trivial.

• index.html, about.html, projects.html, team.html, alumni.html, contact.html: Structured layouts containing semantic HTML.
• style.css: Core design system variables, page styling, custom components, responsive grids, and electric animations.
• app.js: Core layout injector (renders unified navigation and footer elements dynamically) and interactive functions (filters, click behaviors, mobile menu).
• data.js: This is the database of the website. All projects, core team members, and alumni are represented as structured arrays of JavaScript objects at the window level (window.RoboticsData).

---

✏️ How to Update Content (For Club Members)

To add, update, or remove projects, team members, or alumni, you only need to edit data.js. You do not need to modify any HTML files.

1. Adding a Project

Open data.js and add an object to the projects array:

{
  title: "Project Name",
  summary: "Brief explanation of the project objective and achievements.",
  status: "Ongoing", // Can be "Ongoing" or "Completed"
  domains: ["ROS", "CV", "Embedded"], // Domain tags for filters
  mentors: ["Mentor 1", "Mentor 2"],
  contributors: ["Member 1", "Member 2", "Member 3"],
  docsLink: "https://notion.so/project-page", // Notion documentation link
  demoLink: "https://youtube.com/watch?v=...", // Video link
  image: "" // Leave blank to auto-generate a sleek tech SVG thumbnail
}

2. Updating the Core Team

Add or remove team members inside the team array in data.js:

{
  name: "Full Name",
  role: "Designation / Area of Focus",
  email: "username@iitj.ac.in",
  linkedin: "https://linkedin.com/in/username",
  github: "https://github.com/username",
  photo: "" // Leave blank to auto-generate a custom gradient avatar with initials
}

---

🌐 Deploying to GitHub Pages

Since the site consists of purely static files, it can be deployed directly to GitHub Pages:

1. Push this repository to a GitHub repository under the organization RoboticsClubIITJ.
2. Go to the repository Settings -> Pages.
3. Under Build and deployment, select Deploy from a branch.
4. Choose the main branch and / (root) folder, then click Save.
5. The site will be live at https://roboticsclubiitj.github.io/ within a couple of minutes!