raphaelluethy.ch/index.html at main · raphaelluethy/raphaelluethy.ch · 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
<!DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="UTF-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      <link rel="stylesheet" href="/src/styles.css" />
      <link rel="icon" type="image/png" href="/logo.png">
      <title>raphaelluethy.ch - Personal Website</title>
  </head>
  <body class="bg-zinc-900 text-white min-h-screen font-[Courier_New] w-full h-screen flex flex-col">
      <!-- Logo -->
      <div class="fixed top-4 right-4">
          <a href="https://github.com/raphaelluethy">
              <div class="w-10 h-10 flex items-center justify-center">
                  <img src="/logo.png" alt="Logo">
              </div>
          </a>
      </div>

      <!-- Main Content -->
      <div class="flex-1 flex items-center justify-center px-8">
          <main class="max-w-2xl w-full">
              <h1 class="text-7xl mb-2 text-center">Raphael Lüthy</h1>
              <h2 class="text-4xl text-gray-400 mb-8 text-center">
                  Software Engineer - MSE Student
              </h2>

              <!-- About Section -->
              <section class="mb-12">
                  <h3 class="text-3xl mb-4">About me</h3>
                  <ul class="text-2xl space-y-2 text-gray-300">
                      <li>• Nationality: Swiss</li>
                      <li>• Languages: German, English</li>
                      <li>• Full Stack Developer</li>
                  </ul>
              </section>
          </main>
      </div>

      <!-- Footer -->
      <footer class="fixed bottom-4 left-0 w-full text-center">
          <div class="flex justify-center space-x-6 text-gray-200">
              <a href="https://github.com/raphaelluethy/raphaelluethy.ch" class="hover:text-gray-200 transition-colors" target="_blank" rel="noopener noreferrer">
                  Repository
              </a>
              <a href="https://github.com/raphaelluethy" class="hover:text-gray-200 transition-colors" target="_blank" rel="noopener noreferrer">
                  GitHub
              </a>
              <a href="https://www.linkedin.com/in/raphaelluethy/" class="hover:text-gray-200 transition-colors" target="_blank" rel="noopener noreferrer">
                  LinkedIn
              </a>
          </div>
      </footer>
  </body>
</html>