Update some stuff

2025-11-01 13:00:49 +01:00
parent 823d72fbb3
commit 248667512c
4 changed files with 77 additions and 78 deletions
--- a/html/projects.html
+++ b/html/projects.html
@@ -3,8 +3,43 @@
 <head>
    <meta charset="UTF-8">
    <title>Title</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
+
+    <link rel="stylesheet" href="./styles/style.css">
+    <link rel="stylesheet" href="./styles/introduction.css">
+    <link rel="stylesheet" href="./styles/mobile.css">
+
 </head>
 <body>
+<main>
+
+    <div class="container" style="display: flex; flex-direction: column; align-items: center; justify-content: center;">
+
+        <div class="card">
+            <h2>Hello there</h2>
+            <hr/>
+            <h3> I'm a floating card </h3>
+            <p> Try to hover me ! </p>
+        </div>
+
+    </div>
+
+</main>

 </body>
+
+<script type="module">
+    import {CardTilter} from "./scripts/CardTilter.js";
+
+    const cards =  document.querySelectorAll('.card');
+
+    cards.forEach(card => { new CardTilter({card : card, tilt : 15, perspective : 650}) })
+
+</script>
+
+
 </html>