Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added .DS_Store
Binary file not shown.
Binary file added img/Avishai.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/Florida.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/Tyler.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/Yuga.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
252 changes: 130 additions & 122 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="en">

<head>
<title>RSS Portfolio</title>
<meta charset="UTF-8">
Expand All @@ -13,143 +14,150 @@

<body id="home">

<!-- Navigation -->
<nav class="site-nav">
<div class="nav-inner">
<a href="#home" class="nav-brand">RSS Team [TEAM_NUMBER]</a>
<div class="nav-links">
<a href="#about" data-robot="🤖">About</a>
<a href="labs/" data-robot="🦾"><i class="fa fa-folder"></i> Labs</a>
<a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" data-robot="🛸"><i class="fa fa-camera"></i> Videos</a>
<a href="https://github.com/mit-rss" data-robot="🔧"><i class="fa fa-github"></i> Github</a>
<!-- Navigation -->
<nav class="site-nav">
<div class="nav-inner">
<a href="#home" class="nav-brand">RSS Team 11 TAFY</a>
<div class="nav-links">
<a href="#about" data-robot="🤖">About</a>
<a href="labs/" data-robot="🦾"><i class="fa fa-folder"></i> Labs</a>
<a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" data-robot="🛸"><i class="fa fa-camera"></i> Videos</a>
<a href="https://github.com/rss2026-11" data-robot="🔧"><i class="fa fa-github"></i> Github</a>
</div>
<button class="nav-toggle" id="navToggle"><i class="fa fa-bars"></i></button>
</div>
<button class="nav-toggle" id="navToggle"><i class="fa fa-bars"></i></button>
</div>
</nav>
</nav>

<!-- Mobile Sidebar -->
<div class="sidebar-overlay" id="sidebarOverlay"></div>
<nav class="mobile-sidebar" id="mobileSidebar">
<a href="#about">About</a>
<a href="labs/">Labs</a>
<a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">Videos</a>
<a href="https://github.com/mit-rss">Github</a>
</nav>
<!-- Mobile Sidebar -->
<div class="sidebar-overlay" id="sidebarOverlay"></div>
<nav class="mobile-sidebar" id="mobileSidebar">
<a href="#about">About</a>
<a href="labs/">Labs</a>
<a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">Videos</a>
<a href="https://github.com/mit-rss">Github</a>
</nav>

<!-- Intro / Loading Screen -->
<div class="intro-screen" id="introScreen">
<div class="intro-road"></div>
<div class="intro-car">
<div class="car-body">
<div class="car-cabin"></div>
<div class="car-wheel car-wheel-front"></div>
<div class="car-wheel car-wheel-back"></div>
<div class="car-exhaust"></div>
<div class="car-exhaust"></div>
<div class="car-exhaust"></div>
<!-- Intro / Loading Screen -->
<div class="intro-screen" id="introScreen">
<div class="intro-road"></div>
<div class="intro-car">
<div class="car-body">
<div class="car-cabin"></div>
<div class="car-wheel car-wheel-front"></div>
<div class="car-wheel car-wheel-back"></div>
<div class="car-exhaust"></div>
<div class="car-exhaust"></div>
<div class="car-exhaust"></div>
</div>
<div class="car-base"></div>
</div>
<div class="car-base"></div>
</div>
<div class="intro-text">RSS Team [TEAM_NUMBER]</div>
</div>

<!-- Hero Header -->
<header class="hero" style="background-image: url('./img/mit.jpg');">
<div class="hero-content">
<h1>Team [TEAM_NUMBER]!</h1>
<p>Innovation starts somewhere, so why not let it start here?</p>
<a href="https://youtu.be/xLZU6TcSmRo" class="hero-btn">Watch Our Story</a>
<div class="intro-text">RSS Team 11</div>
</div>
</header>

<!-- Team Members -->
<section class="section">
<h2 class="section-title">Meet the Team</h2>
<div class="team-grid">
<div class="team-card">
<img class="headshot" src="img/wall_e.jfif" alt="Tim Beaver">
<h4>Tim Beaver</h4>
<p class="email">tbeaver@mit.edu</p>
<p class="bio">These are some template bios; fill this in for each of your team members!</p>
<!-- Hero Header -->
<header class="hero" style="background-image: url('./img/mit.jpg');">
<div class="hero-content">
<h1>Team 11!</h1>
<p>Innovation starts somewhere, so why not let it start here?</p>
<a href="https://youtu.be/xLZU6TcSmRo" class="hero-btn">Watch Our Story</a>
</div>
<div class="team-card">
<img class="headshot" src="img/r2.jpg" alt="Tim Beaver">
<h4>Tim Beaver</h4>
<p class="email">tbeaver@mit.edu</p>
<p class="bio">These are some template bios; fill this in for each of your team members!</p>
</div>
<div class="team-card">
<img class="headshot" src="img/wall_e.jfif" alt="Tim Beaver">
<h4>Tim Beaver</h4>
<p class="email">tbeaver@mit.edu</p>
<p class="bio">These are some template bios; fill this in for each of your team members!</p>
</div>
<div class="team-card">
<img class="headshot" src="img/r2.jpg" alt="Tim Beaver">
<h4>Tim Beaver</h4>
<p class="email">tbeaver@mit.edu</p>
<p class="bio">These are some template bios; fill this in for each of your team members!</p>
</div>
<div class="team-card">
<img class="headshot" src="img/wall_e.jfif" alt="Tim Beaver">
<h4>Tim Beaver</h4>
<p class="email">tbeaver@mit.edu</p>
<p class="bio">These are some template bios; fill this in for each of your team members!</p>
</div>
</div>
</section>
</header>

<!-- About Section -->
<section class="about-section" id="about">
<div class="section">
<h2 class="section-title">About Us</h2>
<div class="features-grid">
<div class="feature-card">
<i class="fa fa-rocket"></i>
<h3>Our Mission</h3>
<p>Do something that is unique here. (You can change this to team values or something?)</p>
<!-- Team Members -->
<section class="section">
<h2 class="section-title">Meet the Team</h2>
<div class="team-grid">
<div class="team-card">
<img class="headshot" src="img/Avishai.jpeg" alt="Avishai Jeselsohn">
<h4>Avishai Jeselsohn</h4>
<p class="email">avishai@mit.edu</p>
<p class="bio">Mechanical Engineering 27'</p>
</div>
<div class="feature-card">
<i class="fa fa-cogs"></i>
<h3>What We Do</h3>
<p>The TAs are not that unique, so we are just writing a lot of filler things here so we look cool.</p>
<div class="team-card">
<img class="headshot" src="img/Tyler.jpeg" alt="Tyler Proctor profile picture">
<h4>Tyler Proctor</h4>
<p class="email">proctort@mit.edu</p>
<p class="bio">Electrical Engineering and Computer Science '27</p>
</div>
<div class="feature-card">
<i class="fa fa-lightbulb-o"></i>
<h3>Our Values</h3>
<p>Si vos es pulchellus frigus hanc: et admonitus in hoc genere digna est. It tristis et non dederint tibi. Benediximus</p>
<div class="team-card">
<img class="headshot" src="img/Florida.jpg" alt="Florida Cishesa's profile picture">
<h4>Florida Cishesa</h4>
<p class="email">flomc@mit.edu</p>
<p class="bio">Mechanical Engineering and Computer Science '26</p>
</div>
<div class="team-card">
<img class="headshot" src="img/Yuga.jpeg" alt="Yuga Patel">
<h4>Tim Beaver</h4>
<p class="email">yugap@mit.edu</p>
<p class="bio">Computer Science / Artificial Intelligence '28</p>
</div>
</div>
</div>
</section>
</section>

<!-- Footer -->
<footer class="site-footer">
<div class="footer-nav">
<a href="#home" class="btn"><i class="fa fa-arrow-up"></i> Back to top</a>
</div>
<p class="credit">Powered by <a href="https://www.w3schools.com/w3css/default.asp">w3.css</a></p>
</footer>
<!-- About Section -->
<section class="about-section" id="about">
<div class="section">
<h2 class="section-title">About Us</h2>
<div class="features-grid">
<div class="feature-card">
<i class="fa fa-rocket"></i>
<h3>Our Mission</h3>
<p>Build an autonomous vehicle capable of traversing life's obstacles in a seamless fashion.</p>
</div>
<div class="feature-card">
<i class="fa fa-cogs"></i>
<h3>What We Do</h3>
<p>Build and push cool code</p>
</div>
<div class="feature-card">
<i class="fa fa-lightbulb-o"></i>
<h3>Our Values</h3>
<p>Collaboration. Quality. Performance.</p>
</div>
<div class="feature-card">
<i class="fa fa-cogs"></i>
<h3>Team Organization</h3>
<div style="margin-top: 15px; display: flex; flex-direction: column; gap: 10px;">
<a href="https://docs.google.com/document/d/1U2jVxENwix8msZoFFJIVw0gojHyl_SNr/edit?usp=sharing&ouid=108038699301764644566&rtpof=true&sd=true"
class="btn-outline btn" style="font-size: 0.85rem; padding: 6px 16px;"><i class="fa fa-file-pdf-o"></i>
Charter PDF</a>
<a href="https://docs.google.com/spreadsheets/d/1ht1sjVSTRyZjdk2CrwZ3RekoOrLpXtes/edit?usp=sharing&ouid=108038699301764644566&rtpof=true&sd=true"
class="btn-outline btn" style="font-size: 0.85rem; padding: 6px 16px;"><i class="fa fa-link"></i> Team
Spreadsheet</a>
</div>
</div>
</div>
</div>
</section>

<!-- Theme Switcher -->
<button class="theme-toggle-btn" id="themeToggleBtn"><i class="fa fa-paint-brush"></i></button>
<div class="theme-panel" id="themePanel">
<h4>Accent Color</h4>
<div class="color-swatches">
<div class="color-swatch" data-color="red" title="Red"></div>
<div class="color-swatch" data-color="blue" title="Blue"></div>
<div class="color-swatch" data-color="teal" title="Teal"></div>
<div class="color-swatch" data-color="purple" title="Purple"></div>
<div class="color-swatch" data-color="orange" title="Orange"></div>
</div>
<div class="dark-toggle">
<span>Dark Mode</span>
<label class="switch">
<input type="checkbox" id="darkModeCheckbox">
<span class="slider"></span>
</label>
<!-- Footer -->
<footer class="site-footer">
<div class="footer-nav">
<a href="#home" class="btn"><i class="fa fa-arrow-up"></i> Back to top</a>
</div>
<p class="credit">Powered by <a href="https://www.w3schools.com/w3css/default.asp">w3.css</a></p>
</footer>

<!-- Theme Switcher -->
<button class="theme-toggle-btn" id="themeToggleBtn"><i class="fa fa-paint-brush"></i></button>
<div class="theme-panel" id="themePanel">
<h4>Accent Color</h4>
<div class="color-swatches">
<div class="color-swatch" data-color="red" title="Red"></div>
<div class="color-swatch" data-color="blue" title="Blue"></div>
<div class="color-swatch" data-color="teal" title="Teal"></div>
<div class="color-swatch" data-color="purple" title="Purple"></div>
<div class="color-swatch" data-color="orange" title="Orange"></div>
</div>
<div class="dark-toggle">
<span>Dark Mode</span>
<label class="switch">
<input type="checkbox" id="darkModeCheckbox">
<span class="slider"></span>
</label>
</div>
</div>
</div>

</body>

</html>
Binary file added lab_3_report/Lab_3_Briefing.pdf
Binary file not shown.
Loading