eexiv/src/app/layout.tsx

93 lines
2.7 KiB
TypeScript
Raw Normal View History

2024-02-09 19:00:26 -08:00
import type { Metadata } from "next";
2024-02-09 20:39:57 -08:00
import { Inter, Zilla_Slab } from "next/font/google";
2024-02-09 19:00:26 -08:00
import "./globals.css";
2024-02-09 20:39:57 -08:00
import styles from "./home.module.css";
import Link from "next/link";
2024-02-09 19:00:26 -08:00
const inter = Inter({ subsets: ["latin"] });
2024-02-09 20:39:57 -08:00
const zillaSlab = Zilla_Slab({ subsets: ["latin"], weight: ["500", "700"] });
2024-02-09 19:00:26 -08:00
export const metadata: Metadata = {
2024-02-09 20:46:59 -08:00
title: "eeXiv^2",
description: "eeXiv just got better",
2024-02-09 19:00:26 -08:00
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en">
2024-02-09 20:39:57 -08:00
<body className={inter.className}>
<div className={styles.header}>
<img className={styles.wordmark} src="/eecs-wordmark.png" />
<p className={styles.contributions}>
We gratefully acknowledge support from our volunteer peer reviewers,
member institutions, and all{" "}
<Link
href="https://github.com/Team-1280/eeXiv/graphs/contributors"
target="_blank"
>
open-source contributors
</Link>
.
</p>
</div>
<div className={styles.banner}>
<h1 className={[styles.title, zillaSlab.className].join(" ")}>
eeXiv<sup>2</sup>
</h1>
<div className={styles.search}>
<input
type="text"
className={styles.searchBox}
name="q"
placeholder="Search..."
/>
<button type="submit" className={styles.searchButton}>
Search
</button>
</div>
</div>
{children}
<footer>
<div className={styles.footerContent}>
<ul>
<li>
<Link href="/about">About</Link>
</li>
<li>
<Link href="/help">Help</Link>
</li>
<li>
<Link href="/contact">Contact</Link>
</li>
<li>
<Link href="/subscribe">Subscribe</Link>
</li>
<li>
<Link href="/legal/copyright">Copyright</Link>
</li>
<li>
<Link href="/legal/privacy">Privacy Policy</Link>
</li>
<li>
<Link href="/help/accessibility">Accessibility</Link>
</li>
<li>
<Link href="/status">eeXiv status</Link>
</li>
<li>
<Link href="/status/notifications">
Get status notifications
</Link>
</li>
</ul>
</div>
</footer>
</body>
2024-02-09 19:00:26 -08:00
</html>
);
}