dylanbowman.github.io/index.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
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Dylan Bowman</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">Dylan Bowman</h2>
    <div class="author"></div><br />
    <div class="date"></div>
  </div>
<p><a href="https://twitter.com/Shark_Academia">Twitter</a>, <a href="https://www.linkedin.com/in/dylan-bowman-68a56218b/">LinkedIn</a>, <a href="https://github.com/dylanbowman314">GitHub</a>, <a href="mailto:dylanbowman314@gmail.com">Email</a></p>
<h3>Blog</h3>
<ul>
<li>2026-04-30: <a href="goblin-mode.html">Goblin Mode, 24 Hours Later</a></li>
<li>2026-01-02: <a href="bestyear.html">The best year of my life</a><span class="inline-tags"><span class="post-tag">personal</span></span></li>
</ul>
  <script>
    (function() {
      function hashTag(s) {
        var h = 5381;
        for (var i = 0; i < s.length; i++) {
          h = (((h << 5) + h) + s.charCodeAt(i)) | 0;
        }
        return Math.abs(h);
      }
      document.querySelectorAll('.post-tag').forEach(function(el) {
        var hue = hashTag(el.textContent.trim()) % 360;
        el.style.background = 'hsl(' + hue + ',55%,88%)';
        el.style.color = 'hsl(' + hue + ',40%,28%)';
      });
    })();
  </script>
  <!-- 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>