61 lines
2.6 KiB
Svelte
61 lines
2.6 KiB
Svelte
<div class="navbar scrolling-background text-lg py-1 text-white">
|
|
<div class="container flex items-center justify-end">
|
|
<a href="/">
|
|
<img class="w-40 mr-6" src="/img/banner.png" alt="" />
|
|
</a>
|
|
<a class="mr-7" href="/games">Games</a>
|
|
<a class="mr-7" href="/catalog">Catalog</a>
|
|
<a class="mr-7" href="/forums">Forums</a>
|
|
<input class="rounded px-2 border-2 border-grey-300 text-black flex-grow mr-10" type="text" name="search" id="search" placeholder="Search" />
|
|
<a class="mr-1 px-2 py-1 flex items-center rounded bg-gradient-to-tr from-blue-700 to-blue-600 outline outline-blue-800 outline-1 shadow-md hover:shadow-xl" href="/my/money">
|
|
<img class="h-6 mr-1.5" src="/img/rowbux.png" alt="" />
|
|
100
|
|
</a>
|
|
<p class="mx-2 text-2xl">|</p>
|
|
<div class="ml-1 relative inline-block dropdown">
|
|
<button class="hover:text-zinc-200" href="/my/profile"
|
|
>Only16Characters
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 inline-block">
|
|
<path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z" clip-rule="evenodd" />
|
|
</svg>
|
|
</button>
|
|
<div class="absolute bg-white text-center text-black w-36 right-0 origin-top-right rounded border border-gray-300 divide-y shadow-lg hidden dropdown-content">
|
|
<div>
|
|
<a class="block px-4 py-0.5 text-gray-700" href="/my/profile">Profile</a>
|
|
<a class="block px-4 py-0.5 text-gray-700" href="/my/settings">Settings</a>
|
|
</div>
|
|
<a class="block px-4 py-0.5 text-red-700" href="/logout">Logout</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="navbar bg-blue-900 text-base py-0.5 text-white">
|
|
<div class="container flex items-center">
|
|
<a class="mr-6" href="/my/avatar">Avatar</a>
|
|
<a class="mr-6" href="/my/friends">Friends</a>
|
|
<a class="mr-6" href="/my/money">Money</a>
|
|
<a class="mr-6" href="/groups">Groups</a>
|
|
<a class="mr-6" href="/people">People</a>
|
|
<a class="mr-6" href="/blogs">Blogs</a>
|
|
<a class="mr-6" href="/my/invites">Invites</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mobile-compatible scrolling-background text-lg py-1 text-white">
|
|
<div class="container flex items-center">
|
|
<p>"I'm racist" -calones -row</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-black container mt-4 min-h-[100vh]">
|
|
<slot />
|
|
</div>
|
|
<br>
|
|
<div class="flex text-white py-5 px-24 items-center justify-start scrolling-background">
|
|
<h1 class="text-3xl">Rowblox</h1>
|
|
<p class="text-2xl mx-3">|</p>
|
|
<a href="/tos" class="text-xl text-white hover:text-opacity-70">Terms of Service</a>
|
|
<p class="text-2xl mx-3">|</p>
|
|
<a href="/rules" class="text-xl text-white hover:text-opacity-70">Rules</a>
|
|
</div> |