dylanbowman.github.io/about.html at master · dylanbowman314/dylanbowman.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
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>About Me</title>
  <link rel="stylesheet" type="text/css" href="index.css" />
  <link rel="stylesheet" type="text/css" href="page.css" />
</head>
<body>
  <nav class="site-nav" aria-label="Site">
    <a href="index.html">Home</a>
    <span class="site-nav-sep">·</span>
    <a href="about.html">About</a>
  </nav>
  <div class="maketitle">
    <h2 class="titleHead">About Me</h2>
    <div class="author"></div><br />
    <div class="date">Last updated 2026-01-02 by Dylan Bowman</div>
  </div>
<p>I'm a software engineer based in San Francisco. I work at <a href="https://www.hud.ai/">hud</a> where I design evals and RL environments for frontier AI labs. I'm a card-carrying effective altruist which means I have a lot of unqualified opinions on AI and moral philosophy I'm eager to share.</p>
<p>Outside of work I mostly play guitar and scroll Twitter.</p>
<figure class="md-figure"><img alt="this is what I look like" src="images/dylanstands.png" /><figcaption>this is what I look like</figcaption></figure>
  <!-- Lightbox modal -->
  <div class="lightbox-overlay" id="lightbox">
    <img src="" alt="" id="lightbox-img">
  </div>
  <script>
    (function() {
      const overlay = document.getElementById('lightbox');
      const lightboxImg = document.getElementById('lightbox-img');

      // Open lightbox on image click
      document.querySelectorAll('figure.md-figure img, p > img, p > a > img').forEach(img => {
        img.addEventListener('click', function(e) {
          e.preventDefault();
          e.stopPropagation();
          lightboxImg.src = this.src;
          lightboxImg.alt = this.alt;
          overlay.classList.add('active');
          document.body.style.overflow = 'hidden';
        });
      });

      // Close on overlay click
      overlay.addEventListener('click', function(e) {
        if (e.target !== lightboxImg) {
          overlay.classList.remove('active');
          document.body.style.overflow = '';
        }
      });

      // Close on Escape key
      document.addEventListener('keydown', function(e) {
        if (e.key === 'Escape' && overlay.classList.contains('active')) {
          overlay.classList.remove('active');
          document.body.style.overflow = '';
        }
      });
    })();
  </script>
</body>
</html>