PINN.github.io/index.html at main · JakubMeixner/PINN.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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>PINN - Physics-Informed Neural Networks</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <!-- Navigation Bar -->
  <nav>
    <ul>
      <li><a href="#home">Home</a></li>
      <li><a href="#about">About</a></li>
      <li><a href="#demo">Demo</a></li>
      <li><a href="#contact">Contact</a></li>
    </ul>
  </nav>

  <!-- Main Content -->
  <header id="home">
    <h1>Welcome to PINN - Physics-Informed Neural Networks</h1>
    <p>Explore the power of physics-driven AI for solving complex problems.</p>
  </header>

  <!-- About Section -->
  <section id="about">
    <h2>About PINNs</h2>
    <p>Physics-Informed Neural Networks (PINNs) are a class of machine learning models that incorporate physics principles into the learning process. They are designed to solve problems governed by partial differential equations, making them powerful tools for scientific computing.</p>
    <img src="assets/pinn-example.png" alt="PINN Example" />
  </section>

  <!-- Demo Section -->
  <section id="demo">
    <h2>Interactive Demo</h2>
    <div id="canvas-container"></div>
    <p>Rotate the cube above to see a live rendering powered by Three.js.</p>
  </section>

  <!-- Contact Section -->
  <section id="contact">
    <h2>Contact</h2>
    <p>If you'd like to learn more or collaborate, reach out via:</p>
    <ul>
      <li>Email: <a href="mailto:youremail@example.com">youremail@example.com</a></li>
      <li>GitHub: <a href="https://github.com/yourusername" target="_blank">yourusername</a></li>
    </ul>
  </section>

  <!-- Footer -->
  <footer>
    <p>© 2025 Jakub Meixner. All rights reserved.</p>
  </footer>

  <!-- JavaScript -->
  <script src="script.js"></script>
</body>
</html>