Event_Static_Html/about.html at master · johnk2hawaii/Event_Static_Html · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>About</title>
  <link rel="stylesheet" href="static/styles.css" />
  <link href="https://fonts.googleapis.com/css2?family=Orbitron&display=swap" rel="stylesheet">

</head>
<body class="about">
  <div class="background-layer"></div>

  <nav class="navbar">
    <div class="nav-center">
      <ul class="nav-links">
        <li>
          <a href="index.html" class="logo-link">
            <img src="static/EH_logo_circle.png" alt="EventHorizonAI Logo" style="height: 40px; vertical-align: middle;" />
          </a>
        </li>
        <li><a href="services.html">Mission</a></li>
        <li><a href="projects.html">Projects</a></li>
        <li><a href="about.html">Crew</a></li>
        <li><a href="contact.html">Contact</a></li>
      </ul>
    </div>
  </nav>


  <main class="content-wrapper">
    <section class="team-grid">

      <!-- Member 1 -->
      <div class="member-card">
        <img class="profile-pic" src="static/profile.jpg" alt="Profile Picture" />
        <div class="bio-text">
          <h1 style="font-size: 2.0em;">Captain: Dr. John Koblanski</h1>
          <h2 style="font-size: 1.5em; margin-top: 25px">Physicist, AI Architect, Relentless Problem Solver, and Mediocre Golfer</h2>
          <p style="font-family: Verdana, sans-serif; margin-top: 25px">
            Dr. John Koblanski completed his Ph.D. in particle physics at the University of Hawai‘i after helping build the world's smallest
            antineutrino detector. Throughout his career,
            spanning both academia and the private sector,
            Dr. Koblanski has been a pioneer in applying machine learning to fundamental physics and industry.
            He has authored several highly cited publications in leading scientific journals,
            contributed to the design and testing of advanced detector systems,
            and co-founded Ultralytics LLC—now the world’s leading platform for computer vision technologies. John thrives best
            when tackling non-trivial problems where cookie-cutter solutions just won't suffice. John also
            loves losing money in golf if you are interested!
          </p>
        </div>
      </div>

      <!-- Member 2 -->
      <div class="member-card">
        <img class="profile-pic" src="static/Jaspy2.png" alt="Second Team Member" />
        <div class="bio-text">
          <h1 style="font-size: 2.0em;">Chief Science Officer: Dr. Jasper Taylor</h1>
          <h2 style="font-size: 1.5em; margin-top: 25px">Physicist, Software Engineer, ML Engineer, and Puzzle Connoisseur</h2>
          <p style="font-family: Verdana, sans-serif; margin-top: 25px">
            Dr. Jasper Taylor received his PhD from the University Of Hawaii in 2021 where he specialized in quantum computing.
            He is drawn to solving challenging problems, and loves to push himself past his limits and into the unknown.
            The feeling he gets from accomplishing something out of his comfort zone is addictive and is something that he craves.
            While his passion for tackling tough challenges fuels his professional drive, he also holds a deep appreciation for
            creating fun in his life and the lives of those around him. For him, bringing a sense of enjoyment to
            the team and to the world transforms the routine into the delightful.
            After all, humanity has advanced, when it has advanced, not because it has been responsible,
            and cautious, but because it has been playful, and rebellious.
          </p>
        </div>
      </div>

    </section>

    <!-- Trusted By Banner -->
    <section class="trusted-banner">
      <h3>Trusted By</h3>
      <div class="trusted-logos">
        <img src="static/stanford.png" alt="Stanford" />
        <img src="static/NIST.png" alt="NIST" />
        <img src="static/NGA.png" alt="NGA" />
        <img src="static/DOE.png" alt="DOE" />
        <img src="static/UH.png" alt="UH" />
        <img src="static/oceanit.png" alt="MIT" />
      </div>
    </section>
    <footer-scroll class="fade-in delay-3">
    <p>© 2025 EventHorizonAI. All rights reserved.</p>
    <p>EventHorizonAI™ and the EventHorizonAIU logo are trademarks of EventHorizonAI Inc.</p>
    </footer-scroll>
  </main>

  <script>
    window.addEventListener('DOMContentLoaded', () => {
      const bgLayer = document.querySelector('.background-layer');
      const contentWrapper = document.querySelector('.content-wrapper');

      const bgImage = new Image();
      bgImage.src = document.body.classList.contains('home')
        ? 'backgrounds/BH.png'
        : 'backgrounds/space.png';

      bgImage.onload = () => {
        if (bgLayer) bgLayer.classList.add('visible');
        setTimeout(() => {
          if (contentWrapper) contentWrapper.classList.add('visible');
        }, 300);
      };

      setTimeout(() => {
        if (!bgLayer.classList.contains('visible')) {
          bgLayer.classList.add('visible');
          contentWrapper.classList.add('visible');
        }
      }, 500);
    });
  </script>
</body>
</html>