DASH Lab Website

This repository contains the source code for the DASH Lab website. The site has been migrated to GitHub Pages to allow for easier collaboration among lab moderators.

📂 Project Structure

The project is organized to separate functionality (logic), styling, and content (data).

1. Styles (css/)

Contains all styling files. The CSS is commented section-by-section to easily identify which styles apply to which page.

2. Images (img/)

Contains all static assets.

• Note: The publication image folder has been moved inside here to centralize all assets.

3. Logic & Data (js/)

The core functionality resides here. To make updates easier, logic is separated from data.

Core Logic

• common.js: Handles the global navigation bar (Header), Mobile Menu, and Footer.
  • Clean URLs: Includes logic to hide .html extensions from the browser URL bar for a cleaner look.
• members.js: Logic for rendering the members page.
• news.js: Logic for the news feed and gallery modals (enlarge image).
• publication.js: Logic for sorting publications by year and handling navigation.

---

📝 How to Update Content

Moderators generally do not need to touch HTML files or Core Logic files. You only need to edit the Data files listed below.

To Update...	Edit this file	Description
Lab Members	js/membersdata.js	Add names, roles, and image paths for new members.
News / Papers	js/newsdata.js	Add updates about accepted papers to appear on the homepage.
Publications	js/publicationsdata.js	Add full paper details, author info, abstracts, and links.
Gallery Images	js/imagedata.js	Add photos for conference posters, birthdays, or celebrations.

---

💻 Local Development

If you want to run the code locally to test changes before pushing to GitHub:

1. Clone the repository.
2. Install Jekyll dependencies:

   gem install jekyll bundler

3. Run the local server:

   jekyll serve

4. Open your browser to http://localhost:4000.

⚠️ Important Notes

• _site/ Folder: This folder is automatically generated by Jekyll. Do not modify files inside this folder manually, as they will be overwritten.
• HTML Files: The HTML files serve as skeletons that parse data from the JS files. Only modify these if you are adding entirely new page structures or features.

---

Contact

If you have questions regarding the code structure or deployment, please contact the repository owner.