created index.html

2025-07-17 15:37:18 +02:00 · 2025-07-17 15:37:18 +02:00 · beccea486c
commit beccea486c
1 changed files with 93 additions and 0 deletions
--- a/index.html
+++ b/index.html
@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Portfolio Lorenz</title>
+</head>
+<style>
+    body {
+        font-family: Arial, Helvetica, sans-serif;
+        background-color: #333;
+        color: #eee;
+    }
+
+    a {
+        color: #77f;
+    }
+    a:visited {
+        color: #f7f;
+    }
+
+    body {
+        display: flex;
+        justify-content: center;
+    }
+
+    footer {
+        position: absolute;
+        bottom: 2rem;
+        left: 47%;
+    }
+
+    button {
+        border: solid #eee 2px;
+        padding: 0.3rem 1rem;
+        background-color: #333;
+        color: #eee;
+    }
+</style>
+<body>
+    <div>
+        <div>
+            <h1>Portfolio Lorenz</h1>
+            <p>
+                <strong>Git</strong> <a href="https://git.lorenzzz.dev/">https://git.lorenzzz.dev/</a>
+                <br/>
+                <strong>GitHub</strong> <a href="https://github.com/LorenzHohermuth">https://github.com/LorenzHohermuth</a>
+                <br/>
+                <strong>E-Mail</strong> <a href="mailto:lofloho@proton.me">lofloho@proton.me</a>
+            </p>
+
+            <h2>Projects</h2>
+            <ul>
+                <li>Berufs Schule Winterthur Heroes</li>
+                <li>Linux CookBook</li>
+            </ul>
+            <h2>Nerd Stuff i Like</h2>
+            <ul>
+                <li>NeoVim</li>
+                <li>NixOS</li>
+                <li>GoLang</li>
+            </ul>
+            <h2>Work stuff</h2>
+            <ul>
+                <li>Java</li>
+            </ul>
+        </div>
+
+        <footer>
+            <dialog>
+                <p>This Page is no unessesary crazy JS Portfolio</p>
+                <form method="dialog">
+                    <button>OK</button>
+                </form>
+            </dialog>
+            <button>Important message</button>
+        </footer>
+    </div>
+</body>
+<script>
+    const dialog = document.querySelector("dialog");
+    const showButton = document.querySelector("dialog + button");
+    const closeButton = document.querySelector("dialog button");
+
+    showButton.addEventListener("click", () => {
+        dialog.showModal();
+    })
+
+    closeButton.addEventListener("click", () => {
+        dialog.close();
+    })
+</script>
+</html>