summer 24 update

lauralog · Jul 25, 2024 · 7c8768e · 7c8768e
1 parent 4af3049
commit 7c8768e
Show file tree

Hide file tree

Showing 4 changed files with 757 additions and 351 deletions.
diff --git a/assets/style/main.sass b/assets/style/main.sass
@@ -3,22 +3,26 @@
 @tailwind utilities
 
 *
-    @apply border border-blue-500
+    // @apply border border-blue-500
+
+header
+    @apply h-[5dvh] text-center pt-1
+
 
 h3
     @apply py-4 font-bold
 
-.viewport_container
+
+// Classes
+.viewport_container // = main
     @apply relative
-    @apply h-screen w-screen 
+    @apply h-[95dvh] w-screen 
     @apply flex justify-center items-center
 
-.title
-    @apply absolute top-0
-    @apply z-10
+    .title
+        @apply absolute top-0
+        @apply z-10 text-white
 
-.scene_container
-    @apply absolute
-    // @apply w-full h-full
-    @apply w-[850px] h-[550px]
-    // @apply bg-pink-50
+    .scene_container
+        @apply absolute
+        @apply w-full h-full
diff --git a/index.html b/index.html
@@ -2,26 +2,25 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="./public/favicon.svg" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Three Course 2023</title>
+    <title>ThreeJS boiler 2024</title>
 
     <script defer type="module" src="/main.js"></script>
   </head>
 
 
   <body>
     <div id="app">
+      <header class="">Three js template</header>
 
-      <div class="viewport_container">
+      <main class="viewport_container">
 
-        <div class="title">
-          <h3 class="">Partialised Three js boilerpalte 2023</h3>
-        </div>
+        <h3 class="title">First 3js scene</h3>
 
         <div class="scene_container"></div>
-      </div>
+      </main>
 
     </div>
   </body>
-</html>
+</html>