started adding its figma design

2024-01-30 11:03:04 +01:00
parent de681d6326
commit 82e1635a16
6 changed files with 2433 additions and 517 deletions
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
  },
  "dependencies": {
    "astro": "^4.2.6",
+    "npx": "^3.0.0",
    "sass": "^1.70.0"
  }
-}
+}
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -20,8 +20,6 @@ import "../styles/main.scss";
 		<title>vaporvee's Website | {title}</title>
 	</head>
 	<body>
-		<div class="content">
-			<slot />
-		</div>
+		<slot />
 	</body>
 </html>
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,11 +1,16 @@
 ---
 import Layout from "../layouts/Layout.astro";
+import "../styles/home.scss";
 ---

 <Layout
 	title="Home"
 	description="This is my personal website with my projects, docs and other useful stuff."
 >
-	<h1>Home</h1>
-	<p>Under construction ;)</p>
+	<div class="home-title-box">
+		<h1 class="home-title" style="font-size: 6.5vw;">vaporvee</h1>
+		<h2 class="home-title" style="font-size: 2vw; margin-top: -25px;">
+			Making video games
+		</h2>
+	</div>
 </Layout>
--- a/src/styles/home.scss
+++ b/src/styles/home.scss
@@ -0,0 +1,11 @@
+.home-title-box {
+    margin-top: 16.6vh;
+    margin-left: 11.3vw;
+}
+
+.home-title {
+    margin: 0;
+    color: #FFF;
+    font-family: "Tanker-Regular";
+    font-size: 128px;
+}