bgingell.github.io/index.html at master · bgingell/bgingell.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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="Brent Gingell's corner of the internet: systems, networking, graphics, and assorted experiments." />
    <meta name="theme-color" content="#f4efe5" />
    <title>Brent Gingell</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <a class="skip-link" href="#main">Skip to content</a>

    <header class="site-header">
      <a class="wordmark" href="#top" aria-label="Brent Gingell, home"><span class="status-dot" aria-hidden="true"></span>Brent Gingell</a>
      <nav aria-label="Main navigation">
        <a href="assets/brent-gingell-resume.pdf" target="_blank" rel="noopener">Résumé</a>
      </nav>
    </header>

    <main id="main">
      <section class="hero" id="top">
        <div class="hero-intro">
          <div class="hero-copy">
            <h1>Brent Gingell</h1>
            <p class="intro">I currently work at Check Point Software Technologies and am interested in the places where networks, hardware, and low-level software meet.</p>
          </div>

          <figure class="hero-photo">
            <img src="assets/family-dog.jpg" alt="My parents’ dog" />
            <figcaption>My parents’ dog.</figcaption>
          </figure>
        </div>

        <p class="ai-note">This site was made with AI, because at some point it seemed a little silly not to.</p>

        <div class="intro-details">
          <div class="detail-column">
            <p class="detail-label">Working with</p>
            <p>Network stacks<br />C++, Linux, and DPDK</p>
          </div>
          <div class="detail-column">
            <p class="detail-label">Interested in</p>
            <p>Systems performance<br />Hardware acceleration<br />Graphics and practical AI tools</p>
          </div>
          <div class="detail-column">
            <p class="detail-label">Elsewhere</p>
            <p class="detail-links">
              <a href="assets/brent-gingell-resume.pdf" target="_blank" rel="noopener">Résumé ↗</a>
              <a href="https://github.com/bgingell">GitHub ↗</a>
              <a href="https://www.linkedin.com/in/brent-gingell">LinkedIn ↗</a>
            </p>
          </div>
        </div>
      </section>

      <section class="archive section" id="archive">
        <div class="archive-intro">
          <div class="section-heading"><p class="eyebrow">Selected coursework</p><h2>Computer graphics archive</h2></div>
          <p>This stuff happened to be preserved on this site when I remembered it existed.</p>
        </div>

        <div class="project-grid">
          <article class="project-card project-wide">
            <a class="project-image" href="Homework1/A/index.html" aria-label="Open the Three.js golf cart scene"><img src="Homework1/A.png" alt="A low-poly golf cart floating in a cloudy sky" loading="lazy" /></a>
            <div class="project-copy">
              <div class="project-meta"><span>Homework 01</span><span>Three.js</span></div>
              <h3>Interactive 3D scene</h3>
              <p>A Three.js scene with an imported model, lighting, textures, and camera controls.</p>
              <a class="text-link" href="Homework1/A/index.html">View demo <span>↗</span></a>
            </div>
          </article>

          <article class="project-card">
            <a class="project-image" href="Homework1/B/index.html" aria-label="Open the Three.js image processor"><img src="Homework1/B.png" alt="A colorful image-processing effect applied to a photograph" loading="lazy" /></a>
            <div class="project-copy">
              <div class="project-meta"><span>Homework 01</span><span>Shaders</span></div>
              <h3>Image processor</h3>
              <p>Browser-based image processing implemented with shaders and interactive controls.</p>
              <a class="text-link" href="Homework1/B/index.html">View demo <span>↗</span></a>
            </div>
          </article>

          <article class="project-card">
            <a class="project-image" href="Homework1/C/index.html" aria-label="Open Game of Life on a spinning cube"><img src="Homework1/C.png" alt="Conway's Game of Life mapped onto a rotating cube" loading="lazy" /></a>
            <div class="project-copy">
              <div class="project-meta"><span>Homework 01</span><span>Simulation</span></div>
              <h3>Game of Life cube</h3>
              <p>Conway’s cellular automaton mapped onto the faces of a rotating cube.</p>
              <div class="project-links"><a class="text-link" href="Homework1/C/index.html">View demo <span>↗</span></a><a class="text-link quiet" href="Homework1/Homework1D.pdf">Related PDF</a></div>
            </div>
          </article>

          <article class="project-card">
            <a class="project-image" href="Homework2/A/index.html" aria-label="Open the procedural outdoor scene"><img src="Homework2/partA.png" alt="A textured procedural outdoor landscape" loading="lazy" /></a>
            <div class="project-copy">
              <div class="project-meta"><span>Homework 02</span><span>Terrain</span></div>
              <h3>Procedural outdoor scene</h3>
              <p>A terrain scene using heightmaps, texture blending, a skybox, and orbit controls.</p>
              <a class="text-link" href="Homework2/A/index.html">View demo <span>↗</span></a>
            </div>
          </article>

          <article class="project-card">
            <a class="project-image" href="Homework2/B/index.html" aria-label="Open the GPU particle effects demo"><img src="Homework2/partB.png" alt="A colorful GPU particle system" loading="lazy" /></a>
            <div class="project-copy">
              <div class="project-meta"><span>Homework 02</span><span>Particles</span></div>
              <h3>Particle effects</h3>
              <p>A GPU-driven particle system with interactive parameters and controls.</p>
              <a class="text-link" href="Homework2/B/index.html">View demo <span>↗</span></a>
            </div>
          </article>

          <article class="project-card project-wide project-dark">
            <a class="project-image" href="Homework3/B/index.html" aria-label="Open the signed distance field scene"><img src="Homework3/ptB.png" alt="A ray-marched signed distance field scene" loading="lazy" /></a>
            <div class="project-copy">
              <div class="project-meta"><span>Homework 03</span><span>Ray marching</span></div>
              <h3>Signed distance fields</h3>
              <p>A compact ray-marched scene built from distance functions and shader math.</p>
              <div class="project-links"><a class="text-link" href="Homework3/B/index.html">View demo <span>↗</span></a><a class="text-link quiet" href="Homework3/part3.pdf">Read the PDF</a></div>
            </div>
          </article>
        </div>
      </section>

    </main>

    <footer><p>© Brent Gingell</p><a href="#top">Back to top ↑</a></footer>
  </body>
</html>