brandonjacobson.github.io/index.html at main · brandonjacobson/brandonjacobson.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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Brandon Jacobson | Aerospace Engineering</title>
  <meta name="description" content="Aerospace Engineering student at UF focused on GNC, flight software, and embedded systems." />
  <link rel="stylesheet" href="style.css" />
</head>
<body>

  <!-- ── Navigation ── -->
  <nav class="site-nav">
    <div class="nav-inner">
      <a href="index.html" class="nav-logo">Brandon Jacobson</a>

      <button class="nav-toggle-btn" aria-label="Toggle menu" onclick="
        document.querySelector('.nav-links').classList.toggle('open')
      ">☰</button>

      <div class="nav-links">
        <a href="index.html" class="nav-desktop">Home</a>
        <a href="projects.html" class="nav-desktop">Projects</a>
        <a href="https://github.com/brandonjacobson" target="_blank" rel="noreferrer" class="nav-desktop">GitHub</a>
        <a href="https://www.linkedin.com/in/b-jacobson" target="_blank" rel="noreferrer" class="nav-desktop">LinkedIn</a>
        <a href="Resume.pdf" target="_blank" rel="noreferrer" class="nav-resume">Resume</a>
      </div>
    </div>
  </nav>

  <main>
    <div class="page-container">

      <!-- ── Hero ── -->
      <section class="hero">
        <div class="hero-left fade-in">
          <p class="hero-eyebrow">GNC &amp; Flight Software</p>
          <h1 class="hero-title">Building autonomous systems for aerospace.</h1>
          <p class="hero-subtitle">
            Aerospace Engineering, Computer Science, and Mathematics student at the University of Florida —
            focused on guidance, navigation, and control for autonomous aerospace vehicles.
          </p>
          <div class="hero-actions">
            <a href="https://github.com/brandonjacobson" class="btn btn-primary" target="_blank" rel="noreferrer">GitHub</a>
            <a href="https://www.linkedin.com/in/b-jacobson" class="btn btn-outline" target="_blank" rel="noreferrer">LinkedIn</a>
            <a href="Resume.pdf" class="btn btn-outline" target="_blank" rel="noreferrer">Resume ↓</a>
          </div>
        </div>

        <aside class="status-card fade-in delay-2" aria-label="Technical summary">
          <div class="status-row">
            <span class="status-label">Engineering Focus</span>
            <ul class="status-list">
              <li>Guidance, Navigation &amp; Control (GNC)</li>
              <li>Control Systems &amp; Flight Dynamics</li>
              <li>Flight Software &amp; Embedded Systems</li>
            </ul>
          </div>
          <div class="status-row">
            <span class="status-label">Currently Building</span>
            <span class="status-value">Project Icarus — Kalman filter state estimation on 6-DoF quadrotor simulation with closed-loop PID control.</span>
          </div>
          <div class="status-row">
            <span class="status-label">Tech Stack</span>
            <span class="status-value" style="color:var(--text-muted);font-weight:400;font-size:0.875rem">Python · C++ · MATLAB · NumPy · Matplotlib</span>
          </div>
        </aside>
      </section>

      <!-- ── Recent Work ── -->
      <section class="section" id="recent-work">
        <div class="section-header">
          <h2 class="section-title">Recent Work</h2>
        </div>

        <div class="recent-work-card">
          <div class="recent-work-content">
            <div>
              <p class="recent-work-eyebrow">Project Icarus · State Estimation</p>
              <h3 class="recent-work-title">6-DoF Quadrotor Simulation with Kalman Filter</h3>
            </div>
            <p class="recent-work-desc">
              Full 6-DoF quadrotor simulation with a Kalman filter estimating position and velocity
              from noisy GPS, a complementary filter for attitude, and a closed-loop PID controller
              tracking step waypoints through the simulated trajectory.
            </p>
            <div class="project-card-tags">
              <span class="tag">Kalman Filter</span>
              <span class="tag">6-DoF Dynamics</span>
              <span class="tag">PID Control</span>
              <span class="tag">Python</span>
              <span class="tag">NumPy</span>
            </div>
            <a href="icarus_sim.html" class="project-card-link">View simulation →</a>
          </div>
          <div class="recent-work-image">
            <img
              src="images/KF/drone_trajectory.gif"
              alt="6-DoF quadrotor trajectory simulation animated GIF"
              loading="eager"
            />
          </div>
        </div>
      </section>

      <!-- ── About ── -->
      <section class="section" id="about">
        <div class="section-header">
          <h2 class="section-title">About</h2>
        </div>
        <div class="about-body">
          <p>
            I'm interested in designing vehicles that understand their environment well enough
            to make reliable decisions on their own.
          </p>
          <p>
            Most of my work lives at the intersection of flight dynamics and control theory —
            modeling plant behavior, building estimators, and implementing the closed-loop
            control that makes simulation results transfer to hardware.
          </p>
          <p>
            I like owning the full pipeline: from mathematical model to working code,
            validated through rigorous simulation before touching real hardware.
          </p>
        </div>
      </section>

      <!-- ── Featured Projects ── -->
      <section class="section" id="projects">
        <div class="section-header">
          <h2 class="section-title">Featured Projects</h2>
          <a href="projects.html" class="section-subtitle" style="text-decoration:none;color:var(--accent);font-weight:600">View all →</a>
        </div>

        <div class="project-grid">
          <article class="project-card fade-in delay-1">
            <h3 class="project-card-title">Icarus Flight Simulations</h3>
            <div class="project-card-tags">
              <span class="tag">Kalman Filter</span>
              <span class="tag">6-DoF Dynamics</span>
              <span class="tag">PID Control</span>
              <span class="tag">Python</span>
            </div>
            <p class="project-card-desc">
              Simulation work for Project Icarus — from 1D PID altitude control to a full
              6-DoF quadrotor simulation with Kalman filter state estimation and closed-loop
              trajectory tracking.
            </p>
            <a href="icarus_sim.html" class="project-card-link">View simulations →</a>
          </article>

          <article class="project-card fade-in delay-2">
            <h3 class="project-card-title">Nova</h3>
            <div class="project-card-tags">
              <span class="tag">Solana</span>
              <span class="tag">Ethereum</span>
              <span class="tag">Web3</span>
              <span class="tag">B2B</span>
            </div>
            <p class="project-card-desc">
              B2B platform for businesses to document, manage, and offramp crypto payments —
              automated compliance invoicing for Solana and Ethereum with crypto-to-USD offramping.
            </p>
            <a href="https://novafinancial.xyz" class="project-card-link" target="_blank" rel="noreferrer">Visit Nova →</a>
          </article>

          <article class="project-card fade-in delay-3">
            <h3 class="project-card-title">Icarus Hardware Platform</h3>
            <div class="project-card-tags">
              <span class="tag">PX4</span>
              <span class="tag">Pixhawk</span>
              <span class="tag">MAVSDK</span>
              <span class="tag">C++</span>
            </div>
            <p class="project-card-desc">
              Designing and assembling a custom quadcopter as a testbed for onboard control,
              state estimation, and autonomous flight — grounded in the simulation work above.
            </p>
            <a href="icarus.html" class="project-card-link">View hardware →</a>
          </article>
        </div>
      </section>

      <!-- ── Resume ── -->
      <section class="section" id="resume">
        <div class="cta-box">
          <div class="cta-box-text">
            <h3>Resume</h3>
            <p>Aerospace Engineering · Computer Science · Mathematics — University of Florida</p>
          </div>
          <a href="Resume.pdf" class="btn btn-primary" target="_blank" rel="noreferrer">Download Resume ↓</a>
        </div>
      </section>

      <!-- ── Contact ── -->
      <section class="section" id="contact">
        <div class="section-header">
          <h2 class="section-title">Contact</h2>
        </div>
        <p style="font-size:0.95rem;color:var(--text-muted)">I'm actively looking for aerospace internship opportunities. Feel free to reach out.</p>
        <div class="contact-links">
          <a href="mailto:brandonjacobson0@gmail.com" class="contact-link">
            ✉ brandonjacobson0@gmail.com
          </a>
          <a href="https://www.linkedin.com/in/b-jacobson" class="contact-link" target="_blank" rel="noreferrer">
            LinkedIn
          </a>
          <a href="https://github.com/brandonjacobson" class="contact-link" target="_blank" rel="noreferrer">
            GitHub
          </a>
        </div>
      </section>

    </div><!-- /.page-container -->
  </main>

  <footer class="site-footer">
    <p>© 2025 Brandon Jacobson</p>
    <p><a href="mailto:brandonjacobson0@gmail.com">brandonjacobson0@gmail.com</a></p>
  </footer>

</body>
</html>