feat: Fonts, landing page, GitHub deployment

Author: Grayvox

.github/workflows/deploy.yml

@@ -0,0 +1,56 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches: 'main'
+
+jobs:
+  build_site:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      # If you're using pnpm, add this step then change the commands and cache key below to use `pnpm`
+      - name: Install Bun
+        uses: bun/action-setup@v3
+        with:
+          version: 8
+
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+        with:
+ node-version: 20
+ cache: npm
+
+      - name: Install dependencies
+        run: npm i
+
+      - name: build
+        env:
+ BASE_PATH: '/${{ github.event.repository.name }}'
+        run: |
+ npm run build
+
+      - name: Upload Artifacts
+        uses: actions/upload-pages-artifact@v3
+        with:
+ # this should match the `pages` option in your adapter-static options
+ path: 'build/'
+
+  deploy:
+    needs: build_site
+    runs-on: ubuntu-latest
+
+    permissions:
+      pages: write
+      id-token: write
+
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+
+    steps:
+      - name: Deploy
+        id: deployment
+        uses: actions/deploy-pages@v4

src/lib/assets/bg.jpg

@@ -0,0 +1 @@
+<p class="font-normal italic">We are not affiliated with Hytale or Hypixel Studios Canada Inc.</p>

src/lib/components/Footer.svelte

@@ -10,11 +10,11 @@
       </div>
       <ul
         tabindex="-1"
-        class="menu menu-sm dropdown-content bg-base-100 rounded-box z-1 mt-3 w-52 p-2 shadow">
+        class="menu menu-sm dropdown-content bg-base-100 rounded-box z-1 w-52 p-2 shadow">
         <NavLinks mobile={true} />
       </ul>
     </div>
-    <a href="/" class="btn btn-ghost text-xl">HytaLab</a>
+    <a href="/" class="pl-5 btn-ghost text-xl font-bold">HytaLab</a>
   </div>
   <div class="navbar-center hidden lg:flex">
     <ul class="menu menu-horizontal px-1">
@@ -24,4 +24,10 @@
   <div class="navbar-end">
     <!-- Discord and GitHub links -->
   </div>
-</div>
+</div>
+
+<style>
+  .dropdown {
+    backdrop-filter: blur(10px);
+  }
+</style>

src/lib/components/header/NavBar.svelte

@@ -3,25 +3,47 @@
 </script>
 
 {#if mobile}
-	<li><a href="/">Item 1</a></li>
+	<li><a href="/">Home</a></li>
 	<li>
-		<a href="/">Parent</a>
+		<p>Projects</p>
 		<ul class="p-2">
-			<li><a href="/">Submenu 1</a></li>
-			<li><a href="/">Submenu 2</a></li>
+			<li><a href="/">HytaLib</a></li>
+			<li><a href="/">Item 2</a></li>
+			<li><a href="/">Item 3</a></li>
+		</ul>
+	</li>
+	<li><a href="/">Services</a></li>
+	<li><a href="/">Contact</a></li>
+	<li>
+		<p>Company</p>
+		<ul class="p-2">
+			<li><a href="/">About</a></li>
+			<li><a href="/">Careers</a></li>
+			<li><a href="/">Code of Conduct</a></li>
 		</ul>
 	</li>
-	<li><a href="/">Item 3</a></li>
 {:else}
-	<li><a href="/">Item 1</a></li>
+	<li><a href="/">Home</a></li>
+	<li>
+		<details>
+			<summary>Projects</summary>
+			<ul class="p-2">
+				<li><a href="/">HytaLib</a></li>
+				<li><a href="/">Item 2</a></li>
+				<li><a href="/">Item 3</a></li>
+			</ul>
+		</details>
+	</li>
+	<li><a href="/">Services</a></li>
+	<li><a href="/">Contact</a></li>
 	<li>
 		<details>
-			<summary>Parent</summary>
+			<summary>Company</summary>
 			<ul class="p-2">
-				<li><a href="/">Submenu 1</a></li>
-				<li><a href="/">Submenu 2</a></li>
+				<li><a href="/">About</a></li>
+				<li><a href="/">Careers</a></li>
+				<li><a href="/">Code of Conduct</a></li>
 			</ul>
 		</details>
 	</li>
-	<li><a href="/">Item 3</a></li>
-{/if}
+{/if}

src/lib/components/header/NavLinks.svelte

@@ -1,2 +1,3 @@
 // Export all components for easy access in routes
-export { default as NavBar } from './header/NavBar.svelte'
+export { default as NavBar } from './header/NavBar.svelte';
+export { default as Footer } from './Footer.svelte';