mirror of
https://github.com/wah-su/wah-su.github.io.git
synced 2025-04-06 16:24:42 +00:00
119 lines
4.1 KiB
TypeScript
119 lines
4.1 KiB
TypeScript
import React from "react";
|
|
|
|
interface BaseProps {
|
|
children: React.ReactNode;
|
|
isDev?: boolean;
|
|
}
|
|
|
|
export default function Base({ children, isDev }: BaseProps) {
|
|
return (
|
|
<>
|
|
<html lang="en" className="overflow-hidden">
|
|
<head>
|
|
<meta charSet="UTF-8" />
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1.0"
|
|
/>
|
|
<title>WAH.su</title>
|
|
{isDev ? <script src="/static/js/hotreload.js"></script> : ""}
|
|
<script src="/static/js/checkstatus.js"></script>
|
|
<link rel="stylesheet" href="/static/css/tailwind.css" />
|
|
<link rel="preconnect" href="https://fonts.googleapis.com"></link>
|
|
<link
|
|
rel="preconnect"
|
|
href="https://fonts.gstatic.com"
|
|
crossOrigin="anonymous"
|
|
></link>
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Sometype+Mono&family=Ubuntu&family=Ubuntu+Mono&display=swap"
|
|
rel="stylesheet"
|
|
></link>
|
|
|
|
<link
|
|
rel="apple-touch-icon"
|
|
sizes="180x180"
|
|
href="/static/favicon/apple-touch-icon.png"
|
|
/>
|
|
<link
|
|
rel="icon"
|
|
type="image/png"
|
|
sizes="32x32"
|
|
href="/static/favicon/favicon-32x32.png"
|
|
/>
|
|
<link
|
|
rel="icon"
|
|
type="image/png"
|
|
sizes="16x16"
|
|
href="/static/favicon/favicon-16x16.png"
|
|
/>
|
|
<link rel="manifest" href="/static/favicon/site.webmanifest" />
|
|
|
|
<meta
|
|
name="description"
|
|
content="A tech non-company with a whole lot of wah—100% tech, 200% wah!"
|
|
/>
|
|
<meta
|
|
name="keywords"
|
|
content="wah.su, radiquum, invite-only, hosting"
|
|
/>
|
|
|
|
<meta name="twitter:card" content="summary_large_image" />
|
|
<meta name="twitter:site" content="https://home.wah.su/" />
|
|
<meta name="twitter:title" content="WAH.su" />
|
|
<meta
|
|
name="twitter:description"
|
|
content="A tech non-company with a whole lot of wah—100% tech, 200% wah!"
|
|
/>
|
|
<meta
|
|
name="twitter:image"
|
|
content="https://home.wah.su/static/og/opengraph.png"
|
|
/>
|
|
|
|
<meta property="og:title" content="WAH.su" />
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:url" content="https://home.wah.su/" />
|
|
<meta
|
|
property="og:image"
|
|
content="https://home.wah.su/static/og/opengraph.png"
|
|
/>
|
|
<meta property="og:image:type" content="image/png" />
|
|
<meta property="og:image:width" content="1200" />
|
|
<meta property="og:image:height" content="675" />
|
|
<meta
|
|
property="og:description"
|
|
content="A tech non-company with a whole lot of wah—100% tech, 200% wah!"
|
|
/>
|
|
|
|
<script
|
|
defer
|
|
data-domain="home.wah.su"
|
|
data-api="https://a.wah.su/api/event"
|
|
src="https://a.wah.su/js/script.js"
|
|
></script>
|
|
<meta
|
|
property="og:description"
|
|
content="A tech non-company with a whole lot of wah—100% tech, 200% wah!"
|
|
/>
|
|
</head>
|
|
<body className="bg-[#1A0F05] container mx-auto max-w-[1210px] text-white overflow-hidden">
|
|
<div className="background-grid w-full min-h-[140dvh] h-full absolute inset-0 overflow-hidden -z-50"></div>
|
|
<div id="cursor" className="overflow-hidden -z-50">
|
|
<div
|
|
className="background-grid w-[256px] h-[256px] rounded-full absolute overflow-hidden top-0 left-0 -z-50"
|
|
id="cursor-sec"
|
|
></div>
|
|
<div
|
|
className="w-0 h-0 absolute overflow-hidden top-0 left-0 -z-50"
|
|
id="cursor-prim"
|
|
></div>
|
|
</div>
|
|
<div className="overflow-y-auto max-h-[105%] pb-16 scrollbar-hidden">
|
|
{children}
|
|
</div>
|
|
<script src="/static/js/cursor.js"></script>
|
|
</body>
|
|
</html>
|
|
</>
|
|
);
|
|
}
|