Back
Version 32
8/18/2024
/** @jsxImportSource npm:hono@3/jsx */
import { PropsWithChildren } from "npm:hono/jsx";
const tabs = { "/": "Home", "/about": "About" }; // { "/": "Home", "/browse": "Browse", "/faq": "FAQ" };
export default function({ activeTab, children }) {
return (
<html>
<head>
<title>Who's Hiring</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script src="https://cdn.tailwindcss.com" />
</head>
<body>
<div class="flex justify-between">
<div class="p-4 gap-x-4 flex items-center">
{Object.entries(tabs).map(([link, title]) => (
<a
href={link}
key={link}
class={`${activeTab === link ? "" : "text-gray-400 hover:text-gray-500"}`}
>
{title === "Home" ? <div class="font-bold text-black">Who's Hiring</div> : title}
</a>
))}
</div>
<a href="https://www.val.town/v/vawogbemi/whoIsHiring">
<div class="p-4 gap-x-4 flex items-center">
<div class="font-bold text-black mr-1">Built With</div>
<img
class="-ml-5"
src="https://static.esm.town/build/_assets/valtown-logotype-blackOnWhite-R2XK5XHC.png"
width={100}
h={100}
>
</img>
Updated: August 19, 2024