This repository contains the source code for the Team Chiron website, a team developing novel robotic technologies that combine unmanned aerial and ground vehicles with advanced AI for casualty detection and triage assessment in high-risk environments.
Team Chiron is developing novel robotic technologies that combine unmanned aerial and ground vehicles with advanced AI to detect casualties, assess vital signs, and provide critical information to medical responders—potentially saving lives in scenarios ranging from battlefield injuries to natural disasters.
The website is organized into several sections:
- Home page (
index.html) - Tech & Research (
tabs/tech_and_research/) - Team (
tabs/team/) - Robots (
tabs/robots/) - News (
tabs/news/) - Sponsors (
tabs/sponsors/)
Publications are managed in the Tech & Research section:
- Open
/tabs/tech_and_research/tech_and_research.html - Locate the publications section
- Add a new publication entry following the existing format:
<div class="publication-card"> <div class="publication-image"> <img src="path/to/thumbnail.jpg" alt="Publication Title"> </div> <div class="publication-info"> <h3>Publication Title</h3> <p class="authors">Author 1, Author 2, Author 3</p> <p class="venue">Conference/Journal Name, Year</p> <div class="publication-links"> <a href="link-to-paper" target="_blank" class="publication-link">Paper</a> <a href="link-to-code" target="_blank" class="publication-link">Code</a> <a href="link-to-video" target="_blank" class="publication-link">Video</a> </div> </div> </div>
- Add any new publication thumbnails to
/tabs/tech_and_research/assets/publications/
Team members are managed in the Team section:
- Open
/tabs/team/team.html - Locate the team members section
- Add a new team member card following the existing format:
<div class="team-member"> <div class="member-photo"> <img src="assets/member-name.jpg" alt="Member Name"> </div> <div class="member-info"> <h3>Member Name</h3> <p class="member-title">Position/Title</p> <p class="member-affiliation">Affiliation</p> <div class="member-social"> <a href="https://linkedin.com/in/profile" target="_blank"><i class="fab fa-linkedin"></i></a> <a href="https://github.com/username" target="_blank"><i class="fab fa-github"></i></a> <a href="https://website.com" target="_blank"><i class="fas fa-globe"></i></a> </div> </div> </div>
- Add the team member's photo to
/tabs/team/assets/(recommended size: 400x400px)
Sponsors are managed in the Sponsors section:
- Open
/tabs/sponsors/sponsor.html - Locate the sponsors section
- Add a new sponsor to the appropriate tier:
Where
<div class="sponsor-card tier-X"> <img src="../../assets/logo/sponsors/logo_sponsor.png" alt="Sponsor Name"> <div class="sponsor-info"> <h3>Sponsor Name</h3> <p>Brief description of the sponsor</p> <a href="https://sponsor-website.com" target="_blank" class="sponsor-link">Visit Website</a> </div> </div>
tier-Xis one of:tier-1,tier-2, ortier-3 - Add the sponsor's logo to
/assets/logo/sponsors/(use transparent PNG if possible) - Update the carousel in the main page by adding the sponsor to the appropriate tier in
/index.html:<div class="carousel-slide tier-X"> <img src="assets/logo/sponsors/logo_sponsor.png" alt="Sponsor Name"> </div>
News items are managed in the News section:
- Open
/tabs/news/news.js - Add a new news item to the
newsItemsarray:{ type: 'video', // or 'article' url: 'https://youtube.com/watch?v=YOUR_VIDEO_ID', // or article URL title: 'Your News Title', date: 'April 15, 2025', excerpt: 'Brief description of the news item', thumbnail: '' // Leave empty for YouTube videos - thumbnails are auto-fetched // For articles, use path like 'assets/news/your-thumbnail.jpg' }
- For article thumbnails, add the image to
/assets/news/ - News items are displayed in the order they appear in the array, with the most recent first
Testimonials are managed in the main page:
- Open
/index.html - Locate the testimonials section (around line 235)
- Add a new testimonial card following the existing format:
<div class="testimonial-card"> <div class="testimonial-image"> <img src="tabs/team/assets/person-name.jpg" alt="Person Name"> </div> <div class="testimonial-text"> <p>"Testimonial quote goes here."</p> <div class="testimonial-author"> <strong>Person Name</strong> <span>Title/Position</span> </div> </div> </div>
- Make sure the person's photo exists in
/tabs/team/assets/
To run the website locally, simply open the index.html file in a web browser or use a local server:
# Using Python's built-in HTTP server
python -m http.server
# Or using Node.js with http-server
npx http-serverAll rights reserved.