mirror of
https://github.com/nestriness/nestri.git
synced 2025-12-12 16:55:37 +02:00
060718d8b0
>Adds `maitred` in charge of handling automated game installs, updates,
and even execution.
>Not only that, we have the hosted stuff here
>- [x] AWS Task on ECS GPUs
>- [ ] Add a service to listen for game starts and stops
(docker-compose.yml)
>- [x] Add a queue for requesting a game to start
>- [x] Fix up the play/watch UI
>TODO:
>- Add a README
>- Add an SST docs
Edit:
- This adds a new landing page, updates the homepage etc etc
>I forgot what the rest of the updated stuff are 😅
53 lines
2.3 KiB
TypeScript
53 lines
2.3 KiB
TypeScript
import { $, component$, useOnDocument, useSignal } from "@builder.io/qwik";
|
|
import { Link, useLocation } from "@builder.io/qwik-city";
|
|
import { buttonVariants, cn } from "./design";
|
|
|
|
const navLinks = [
|
|
{
|
|
name: "About Us",
|
|
href: "/about"
|
|
},
|
|
{
|
|
name: "Pricing",
|
|
href: "/pricing"
|
|
},
|
|
{
|
|
name: "Login",
|
|
href: "/auth/login"
|
|
}
|
|
]
|
|
|
|
|
|
export const NavBar = component$(() => {
|
|
const location = useLocation()
|
|
|
|
const hasScrolled = useSignal(false);
|
|
|
|
useOnDocument(
|
|
'scroll',
|
|
$(() => {
|
|
hasScrolled.value = window.scrollY > 0;
|
|
})
|
|
);
|
|
|
|
return (
|
|
<nav class={cn("w-full sticky top-0 z-50 text-sm font-extrabold bg-gray-100/70 dark:bg-gray-900/70 before:backdrop-blur-[15px] before:absolute before:-z-[1] before:top-0 before:left-0 before:w-full before:h-full max-w-full overflow-hidden", hasScrolled.value && "shadow-[0_2px_20px_1px] shadow-gray-300 dark:shadow-gray-700")} >
|
|
<div class="px-4 mx-auto flex max-w-[600px] items-center sm:border-b-2 dark:border-gray-600 border-gray-400" >
|
|
<Link class="outline-none focus:ring-2 py-1 px-3 -ml-3 rounded-lg focus:ring-primary-500 duration-200 transition-all" href="/" >
|
|
<h1 class="text-lg font-bricolage font-semibold" >
|
|
Nestri
|
|
</h1>
|
|
</Link>
|
|
<ul class="ml-0 -mr-4 flex font-medium m-4 font-mona tracking-tight flex-1 gap-1 items-center justify-end dark:text-primary-50/70 text-primary-950/70">
|
|
{navLinks.map((linkItem, key) => (
|
|
<li key={`linkItem-${key}`}>
|
|
<Link href={linkItem.href} prefetch={linkItem.name === "Login" && false} class={cn(buttonVariants.ghost({ intent: "gray", size: "sm" }), "hover:bg-gray-300/70 dark:hover:bg-gray-700/70 focus:ring-2 outline-none focus:ring-primary-500 duration-200 transition-all", location.url.pathname === linkItem.href && "bg-gray-300/70 hover:bg-gray-300/70 dark:bg-gray-700/70 dark:hover:bg-gray-700/70")}>
|
|
{linkItem.name}
|
|
</Link>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
)
|
|
}) |