finaly a cool intro

2025-11-08 23:21:35 +00:00
parent 0a59e92937
commit 9080018f07
8 changed files with 509 additions and 145 deletions
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <script src="/core/Sparc-core-1.0.js"></script>
+    <title>Project 42</title>
+    <link rel="stylesheet" type="text/css" href="/app/assets/styles/intro.css" media="all">
+    <!--script type="importmap">
+    { "imports": {
+        "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js"
+    }}
+    </script>    
+    <script type="module" src="/app/assets/sfx/intro.js"></script-->
+</head>
+
+<body>
+    <canvas class="intro3d"></canvas>
+    <div class="glowing lt">      
+        <span style="--i:1;"></span>
+        <span style="--i:2;"></span>
+        <span style="--i:3;"></span>
+    </div>    
+    <div class="glowing ct">
+        <span style="--i:4;"></span>
+        <span style="--i:5;"></span>
+        <span style="--i:6;"></span>
+    </div>
+    <div class="glowing rt">
+        <span style="--i:5;"></span>
+        <span style="--i:3;"></span>
+        <span style="--i:1;"></span>
+    </div>
+    <img src="/app/assets/images/logop42-intro.png" class="logointro"/>
+    <button id="startbtn">START</button>
+    <div id="login-dialog">
+        <div class="cols2">
+            <label>Username:</label>
+            <input type="text" name="username"/>
+        </div>
+        <div class="cols2">
+            <label>Password:</label>
+            <input type="password" name="password"/>
+        </div>
+        <div class="loginerr"></div>
+        <button>GO</button>
+    </div>
+</body>
+</html>