feat: Finish landing page setup for now

- Finish landing styling

- THEORETICALLY get gh pages deploy working

- Add 404 page

- Remove navbar for now

- Remove unneeded nojekyll file (using actions instead)

Author: Grayvox

.vscode/settings.json

@@ -1,5 +1,5 @@
 {
 	"files.associations": {
-		"*.css": "tailwind"
+		"*.css": "css"
 	}
 }

README.md

@@ -1,5 +1,10 @@
 # HytaLab Web
-The public facing website for HytaLab's projects. All of our plugin/mod files and documentation are housed here. Made with SvelteKit + daisyUI.
+The public facing website for HytaLab's projects. All of our plugin/mod files and documentation are housed here. Made with SvelteKit and Tailwind CSS.
+
+## TODO
+- [ ] Replace daisyUI with just Tailwind
+- [ ] Make project cards for home page
+- [ ] Make projects area base (no releases integration yet) with downloads, wiki, source, etc.
 
 ## Developing
 

src/routes/404.html src/404.htmlsrc/routes/404.html renamed to src/404.html

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

src/lib/components/Footer.svelte

@@ -0,0 +1,5 @@
+<script>
+	let { to, children } = $props();
+</script>
+
+<a class="" href={to} target="_blank" rel="noopener noreferrer">{@render children()}</a>

src/lib/components/Link.svelte

@@ -1,4 +1,4 @@
-<script>
+<!-- <script>
 	import NavLinks from "./NavLinks.svelte";
 
 </script>
@@ -23,11 +23,11 @@
   </div>
   <div class="navbar-end">
     <!-- Discord and GitHub links -->
-  </div>
+  <!-- </div>
 </div>
 
 <style>
   .dropdown {
     backdrop-filter: blur(10px);
   }
-</style>
+</style> --> -->

src/lib/components/header/NavBar.svelte

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

src/lib/components/index.ts

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import './layout.css';
 	import { favicon } from '$lib';
-	import { NavBar } from '$components';
+	// import { NavBar } from '$components';
 	import { Footer } from '$components';
 
 	let { children } = $props();
@@ -11,11 +11,7 @@
 	<link rel="icon" href={favicon} />
 </svelte:head>
 <div class="bg">
-	<div>
-		<NavBar />
-	</div>
-
-	<div class="glass-blur p-5 mt-50 mr-[25%] ml-[25%] text-center border-r-8">
+	<div class="backdrop-blur-[15px] p-5 mt-50 mr-[25%] ml-[25%] text-center border-3 border-white rounded-md">
 		{@render children()}
 		<div class="mt-5">
 			<Footer />

src/routes/+layout.svelte

@@ -1,3 +1,10 @@
-<div>
-    <h1 class="font-bold">♨️ We're still cooking... check back soon.</h1>
-</div>
+<script>
+	import { Link } from '$components';
+</script>
+
+<div class="text-shadow-lg/30">
+	<h1 class="font-bold">♨️ We're still cooking... check back soon. ♨️</h1>
+	<h1>
+		In the mean time, check out our work on <Link to="https://github.com/HytaLab">GitHub</Link>.
+	</h1>
+</div>

src/routes/+page.svelte

@@ -1,9 +1,8 @@
 @import "tailwindcss";
 @plugin "daisyui";
 
-
 @plugin "daisyui/theme" {
-  name: "night";
+  name: "hytalab";
   default: false;
   prefersdark: false;
   color-scheme: "dark";
@@ -71,20 +70,6 @@ html {
   background-image: url('src/lib/assets/bg.jpg');
 }
 
-.glass-nav {
-    border: none;
-    backdrop-filter: blur(var(--glass-blur, 50px));
-    background-color: rgba(25, 89, 191, 0.41);
-    background-image: linear-gradient( 135deg, oklch(100% 0 0 / var(--glass-opacity, 30%)) 0%, oklch(0% 0 0 / 0%) 100% ), linear-gradient( var(--glass-reflect-degree, 100deg), oklch(100% 0 0 / var(--glass-reflect-opacity, 5%)) 25%, oklch(0% 0 0 / 0%) 25% );
-    box-shadow: 0 0 0 1px oklch(100% 0 0 / var(--glass-border-opacity, 20%)) inset, 0 0 0 2px oklch(0% 0 0 / 5%);
-    text-shadow: 0 1px oklch(0% 0 0 / var(--glass-text-shadow-opacity, 5%)) /* #000000 */;
-}
-
-.glass-blur {
-    border: none;
-    backdrop-filter: blur(var(--glass-blur, 5px));
-    background-color: #0000;
-    background-image: linear-gradient( 135deg, oklch(100% 0 0 / var(--glass-opacity, 30%)) 0%, oklch(0% 0 0 / 0%) 100% ), linear-gradient( var(--glass-reflect-degree, 100deg), oklch(100% 0 0 / var(--glass-reflect-opacity, 5%)) 25%, oklch(0% 0 0 / 0%) 25% );
-    box-shadow: 0 0 0 1px oklch(100% 0 0 / var(--glass-border-opacity, 20%)) inset, 0 0 0 2px oklch(0% 0 0 / 5%);
-    text-shadow: 0 1px oklch(0% 0 0 / var(--glass-text-shadow-opacity, 5%)) /* #000000 */;
+a {
+  text-decoration: underline dotted;
 }