orbotics.github.io/history.html at main · Orbotics/orbotics.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!DOCTYPE html>
<html lang="en">
<head>
<title>History | Team 10152</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
<link rel="stylesheet" href="styles.css">
<script defer src="script.js"></script>
</head>
<body>
  <header class="sticky-header">
    <nav class="navbar container">
      <a href="index.html" class="logo">
        <span class="logo-text">Team&nbsp;10152</span>
        <img class="logo-icon" src="images/logo.png" alt="logo">
      </a>

      <button class="burger" aria-label="Toggle navigation">
        <span></span><span></span><span></span>
      </button>

      <ul class="nav-links">
        <li><a href="index.html">Home</a></li>
        <li class="dropdown">
          <a href="about.html">About</a>
          <ul class="dropdown-menu">
            <li><a href="about.html#mission">Mission</a></li>
            <li><a href="history.html">History</a></li>
          </ul>
        </li>
        <li><a href="team.html">Departments</a></li>
        <li><a href="sponsorship.html">Sponsors</a></li>
        <li><a class="join-btn" href="https://forms.gle/GPbsaCeZxtxsVJex8" target="_blank">Join&nbsp;Us</a></li>
      </ul>
    </nav>
  </header>

<section class="page-hero"><h1>Our&nbsp;Journey</h1></section>

<section class="timeline container">
  <div class="timeline-item" data-year="2025" data-members="42 Members" data-names="President Ryan Zhang,Business Captain Jack Treible,Design Captain Benjamin Harris,Mechanics Captain Kenneth Lin,Software Captain Ryan Zhang,Co‑Directors of Outreach Eeshaan Aanand,Co‑Directors of Outreach Chaitra Mynampati,Director of Sponsorships Trevor Davenport,Director of Grants Jack Treible,Director of Inventory Iniya Padmanabhan,Director of Drivetrain Design Ian Shelbourne,Director of Intake Design Benjamin Harris,Director of Shooter Design Rudolf Tseng,CNC/FDM Specialist Albert Huang,Artist Cai,Director of Arena Construction Andy Marchesano,Director of Repair Services Kenneth Lin,Director of Robot Systems Andy Cao,Drivetrain Specialist Chaitra Mynampati,Strategy Specialist Brett Reuling,Strategy Specialist Tanish Mynampati,Director of Autonomous Mark Devenyi,Assistant Director of Autonomous CJ Gagliardo,Co‑Directors of Control Systems Christopher Marlatt,Co‑Directors of Control Systems Will Weis,Co‑Directors of Networking Andrei Detkin,Co‑Directors of Networking Lucas Hufnagel,Director of Vision Processing Srihaan Seelam,Electronics Specialist James Sage,Members‑at‑Large Natalie Baccay,Members‑at‑Large Naveen Arjune,Members‑at‑Large Swaraj Bhattacharya,Members‑at‑Large Nicholas Carbone,Members‑at‑Large Parker Eisner,Members‑at‑Large Katherine Evangelinos,Members‑at‑Large Thomas Humphries,Members‑at‑Large Lindsay Kim,Members‑at‑Large Sam Stryker,Members‑at‑Large Rishabh Trivedi,Members‑at‑Large Zander Wong,Mentor Mr. Nick Ritter,Mentor Mr. Matt Danko">
    <img src="images/2024-2025/FRC.Team.Photo.jpeg" alt="">
    <div class="tl-text">
      <h3>2024-2025 Reefscape</h3>
      <p>This was our rookie season. We competed in the Hudson Valley Regionals and won the Rising All Star Award!</p>
    </div>
  </div>

  <div class="timeline-item" data-year="2024" data-members="10 Members" data-names="">
    <img src="images/2024-2025/Gap.Year.Photo.jpg" alt="">
    <div class="tl-text">
      <h3>2023-2024 Gap Year</h3>
      <p></p>
    </div>
  </div>
</section>

<aside class="side-panel" id="panel"><img id="panelImg" src="" alt="">
  <button class="close-btn" id="closePanel">&times;</button>
  <h2 id="panelYear"></h2>
  <p id="panelMembers"></p>
  <ul id="panelList"></ul>
</aside>

<footer>
  <div class="container footer-flex">
    <p>&copy;2025&nbsp;Orbotics – FRC&nbsp;Team&nbsp;10152</p>

    <div class="social">
      <a href="mailto:greeleyrobotics@gmail.com" aria-label="Email">
        <i class="fas fa-envelope"></i>
      </a>
      <a href="https://www.instagram.com/orbotics10152/" target="_blank" aria-label="Instagram">
        <i class="fab fa-instagram"></i>
      </a>
      <a href="https://www.linkedin.com/company/greeley-robotics" target="_blank" aria-label="LinkedIn">
        <i class="fab fa-linkedin"></i>
      </a>
    </div>
  </div>
</footer>

</body>
</html>