perfumery.javascript.moe/index.html at master · 269652/perfumery.javascript.moe · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />

    <!-- Favicon and Icons -->
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
    <link rel="manifest" href="/site.webmanifest" />

    <!-- Canonical and Language -->
    <link rel="canonical" href="https://javascript.moe/" />
    <meta http-equiv="content-language" content="en" />

    <!-- Theme and Viewport -->
    <meta name="msapplication-TileColor" content="#da532c" />
    <meta name="theme-color" content="#ffffff" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <!-- Preload LCP Image -->
    <link rel="preload" as="image" href="/images/profile2.webp" />
    <link
      rel="preload"
      as="image"
      href="/images/wallpaper/20.webp"
      fetchpriority="high"
    />

    <!-- SEO Meta Tags -->
    <title>Moritz Roessler | Senior Frontend Developer in Freiburg im Breisgau</title>
    <meta
      name="description"
      content="Moritz Roessler is a Senior Frontend Developer based in Freiburg im Breisgau. Specialized in JavaScript, TypeScript, React, Node.js, SQL, AWS, and Serverless. Explore portfolio, experience, and contact information."
    />
    <meta name="author" content="Moritz Roessler" />

    <!-- Open Graph Meta Tags -->
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Moritz Roessler | Senior Frontend Developer in Freiburg im Breisgau" />
    <meta property="og:site_name" content="Moe's Website" />
    <meta property="og:description" content="Moritz Roessler is a Senior Frontend Developer based in Freiburg im Breisgau. Specialized in JavaScript, TypeScript, React, Node.js, SQL, AWS, and Serverless. Explore portfolio, experience, and contact information." />
    <meta property="og:image" content="https://javascript.moe/images/previews/hello.png" />
    <meta property="og:url" content="https://javascript.moe/" />

    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="Moritz Roessler | Senior Frontend Developer in Freiburg im Breisgau" />
    <meta name="twitter:description" content="Moritz Roessler is a Senior Frontend Developer based in Freiburg im Breisgau. Specialized in JavaScript, TypeScript, React, Node.js, SQL, AWS, and Serverless." />
    <meta name="twitter:image" content="https://javascript.moe/images/previews/hello.png" />
    <meta name="twitter:site" content="@your_twitter_handle" /> <!-- Replace with your Twitter handle if available -->

    <!-- Structured Data: Person -->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "Person",
        "name": "Moritz Roessler",
        "url": "https://javascript.moe/",
        "image": "https://javascript.moe/images/profile2.webp",
        "jobTitle": "Senior Frontend Developer",
        "worksFor": {
          "@type": "Organization",
          "name": "Freelance"
        },
        "address": {
          "@type": "PostalAddress",
          "addressLocality": "Freiburg im Breisgau",
          "addressCountry": "Germany"
        },
        "sameAs": [
          "https://github.com/C5H8NNaO4",
          "https://www.linkedin.com/in/moritz-roessler-666b18175/"
        ]
      }
    </script>
  </head>
  <body style="margin: 0px; overflow-x: hidden">
    <div id="root">
      <main>
        <h1>Moritz Roessler – Senior Frontend Developer, Freiburg im Breisgau</h1>
        <img
          alt="Two people on a meadow during a longboard tour from Himmelreich"
          src="/images/wallpaper/20.webp"
          style="
            height: 120lvh;
            aspect-ratio: initial;
            object-fit: cover;
            width: calc(100vw - (100vw - 100%));
            filter: saturate(0%);
            transform: translateY(-10vh);
          "
        />
      </main>
      <noscript>
        <div
          style="
            position: absolute;
            top: 0;
            width: 100vw;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            text-shadow: 1px 1px 1px #333333;
          "
        >
          <h1>This site uses CSR and requires JavaScript to run.</h1>
          <h2>Enjoy this black and white picture.</h2>
        </div>
      </noscript>
    </div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>