Merge pull request #9 from tuatmcc/feat/add-three

add three

package.json

@@ -1,32 +1,34 @@
 {
-	"name": "tuatmcc-com-mk3",
-	"type": "module",
-	"version": "0.0.1",
-	"scripts": {
-		"dev": "astro dev",
-		"start": "astro dev",
-		"build": "astro check && astro build",
-		"preview": "astro preview",
-		"astro": "astro",
-		"lint": "biome check .",
-		"fmt": "biome check . --write"
-	},
-	"dependencies": {
-		"@astrojs/check": "^0.9.2",
-		"@astrojs/mdx": "^3.1.3",
-		"@astrojs/react": "^3.6.2",
-		"@astrojs/rss": "^4.0.7",
-		"@astrojs/sitemap": "^3.1.6",
-		"@astrojs/tailwind": "^5.1.0",
-		"@biomejs/biome": "^1.8.3",
-		"@fontsource-variable/jetbrains-mono": "^5.0.21",
-		"@types/react": "^18.3.3",
-		"@types/react-dom": "^18.3.0",
-		"astro": "^4.13.1",
-		"pagefind": "^1.1.0",
-		"react": "^18.3.1",
-		"react-dom": "^18.3.1",
-		"tailwindcss": "^3.4.7",
-		"typescript": "^5.5.4"
-	}
+  "name": "tuatmcc-com-mk3",
+  "type": "module",
+  "version": "0.0.1",
+  "scripts": {
+    "dev": "astro dev",
+    "start": "astro dev",
+    "build": "astro check && astro build",
+    "preview": "astro preview",
+    "astro": "astro",
+    "lint": "biome check .",
+    "fmt": "biome check . --write"
+  },
+  "dependencies": {
+    "@astrojs/check": "^0.9.2",
+    "@astrojs/mdx": "^3.1.3",
+    "@astrojs/react": "^3.6.2",
+    "@astrojs/rss": "^4.0.7",
+    "@astrojs/sitemap": "^3.1.6",
+    "@astrojs/tailwind": "^5.1.0",
+    "@biomejs/biome": "^1.8.3",
+    "@fontsource-variable/jetbrains-mono": "^5.0.21",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@types/three": "^0.167.1",
+    "astro": "^4.13.1",
+    "pagefind": "^1.1.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tailwindcss": "^3.4.7",
+    "three": "^0.167.1",
+    "typescript": "^5.5.4"
+  }
 }

src/components/Navigation/NavigationContainer.tsx

@@ -50,7 +50,7 @@ export const NavigationContainer = ({ children }: { children: ReactNode }) => {
 					</svg>
 				</button>
 				<nav
-					className={`fixed pl-16 grid top-0 bottom-0 right-0 w-[500px] max-w-[95vw] transition-transform ${active ? "translate-x-0" : "translate-x-full"}`}
+					className={`fixed pl-16 grid top-0 bottom-0 right-0 w-[500px] max-w-[90vw] transition-transform ${active ? "translate-x-0" : "translate-x-full"}`}
 				>
 					<svg
 						className="text-gray-500 absolute top-0 left-0 z-[-1]"

src/pages/index.astro

@@ -5,7 +5,4 @@ import Layout from "../layouts/Layout.astro";
 
 <Layout title="MCC" path="" og={{enabled: true}} pagefind={false}>
   <Navigation />
-  <slot />
 </Layout>
-<style>
-</style>