Bluemi.github.io/index.html at main · Bluemi/Bluemi.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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Bruno Schilling</title>
  <link
      href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/css/bootstrap.min.css"
      rel="stylesheet"
  >
  <link rel="stylesheet" href="styles.css">
  <script>
      // JavaScript for slower background scrolling effect
      function scrollToTop() {
          const scrollTop = window.scrollY; // Get the current scroll position
          const background = document.querySelector('.background');

          // Move the background at a slower rate (adjust the speed factor)
          const speedFactor = -0.1; // Adjust this value to control the speed
          const a = scrollTop * speedFactor;
          background.style.backgroundPositionY = `${a}px`;
      }

      window.addEventListener('scroll', () => {
          scrollToTop();
      });
      window.addEventListener('load', () => {
          scrollToTop();
      });
  </script>
</head>
<body>
<div class="background"></div>
<div class="content">
  <!-- hello page -->
  <div class="hello-page">
    <!--
    -->
    <div class="wip-banner">&lt;This page is Work in Progress&gt;</div>
    <h1 class="centertitle">Bruno Schilling</h1>
    <div class="subcentertitle">Programmer and Data Engineer</div>
  </div>

  <!-- What I can do for You -->
  <div>
    <h2>What I can do for You</h2>
    <ul>
      <li>Python/C++ Programming</li>
      <li>Semantic Text / Image Search</li>
      <li>Data- Preprocessing/Visualization/Analysis</li>
    </ul>
  </div>

  <!-- My Projects -->
  <div>
    <h2>My Projects</h2>
    <div id="carouselExample" class="carousel slide" data-bs-ride="carousel">
      <div class="carousel-inner">

        <!-- Neuro Racer -->
        <div class="carousel-item active">
          <img src="images/neuroracer.jpg" class="d-block w-50" alt="Neuro Racer">
          <div class="carousel-caption">
            <h5>Neuro Racer</h5>
            <p>Self-driving modell car steered by a Neural Network.</p>
          </div>
        </div>

        <!-- Linear Algebra Testcase -->
        <div class="carousel-item">
          <img src="images/linear_algebra_testcase.png" class="d-block w-50" alt="Linear Algebra Testcase">
          <div class="carousel-caption">
            <h5>Linear Algebra Testcase</h5>
            <p>Online Tool to visualize concepts of linear algebra.</p>
          </div>
        </div>

        <!-- Wikipedia Search -->
        <div class="carousel-item">
          <img src="images/bach.png" class="d-block w-50" alt="Slide 3">
          <div class="carousel-caption">
            <h5>Wikipedia Search</h5>
            <p>Search the german wikipedia for any article.</p>
          </div>
        </div>
      </div>

      <!-- Carousel Controls -->
      <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
      </button>
      <button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
      </button>
    </div>

    <!-- Link to Bootstrap JS -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>

  </div>
</div>
</body>
</html>