2024-02-09 22:59:43 -08:00
|
|
|
import type { Metadata } from 'next'
|
|
|
|
|
import { Inter, Zilla_Slab } from 'next/font/google'
|
|
|
|
|
import './globals.css'
|
|
|
|
|
import styles from './home.module.css'
|
|
|
|
|
import Link from 'next/link'
|
2024-02-11 23:09:37 -08:00
|
|
|
import SearchBar from './components/SearchBar'
|
2024-02-10 00:43:22 -08:00
|
|
|
import Container from './container/Container'
|
2024-02-11 23:09:37 -08:00
|
|
|
import MobileMenu from './components/MobileMenu'
|
2024-02-11 13:17:54 -08:00
|
|
|
import { ToastContainer } from 'react-toastify'
|
|
|
|
|
import 'react-toastify/dist/ReactToastify.css'
|
2024-02-12 19:42:56 -08:00
|
|
|
import Providers from './providers'
|
2024-02-09 19:00:26 -08:00
|
|
|
|
2024-02-10 00:43:22 -08:00
|
|
|
/* The default font is Inter. If you want to use Zilla Slab (or any other Google Font,
|
|
|
|
|
which are pre-provided by Next.js in the 'next/font/google' module), you need to
|
|
|
|
|
import it, as is done here with Zilla Slab, and then execute a CSS exploit by assigning
|
|
|
|
|
the tag className={zillaSlab.className} to set the font family of an element to your desired font.
|
|
|
|
|
DO NOT directly set the font family in CSS using font-family. You will break EVERYTHING!
|
|
|
|
|
*/
|
2024-02-09 22:59:43 -08:00
|
|
|
const inter = Inter({ subsets: ['latin'] })
|
|
|
|
|
const zillaSlab = Zilla_Slab({ subsets: ['latin'], weight: ['500', '700'] })
|
2024-02-09 19:00:26 -08:00
|
|
|
|
|
|
|
|
export const metadata: Metadata = {
|
2024-02-11 23:13:51 -08:00
|
|
|
title: 'eeXiv',
|
2024-02-11 02:06:29 -08:00
|
|
|
description: 'arXiv just got better',
|
2024-02-09 22:59:43 -08:00
|
|
|
}
|
2024-02-09 19:00:26 -08:00
|
|
|
|
|
|
|
|
export default function RootLayout({
|
2024-02-09 23:07:46 -08:00
|
|
|
children,
|
2024-02-09 19:00:26 -08:00
|
|
|
}: Readonly<{
|
2024-02-09 23:07:46 -08:00
|
|
|
children: React.ReactNode
|
2024-02-09 19:00:26 -08:00
|
|
|
}>) {
|
2024-02-09 23:07:46 -08:00
|
|
|
return (
|
|
|
|
|
<html lang='en'>
|
|
|
|
|
<body className={inter.className}>
|
2024-02-12 19:42:56 -08:00
|
|
|
<Providers>
|
|
|
|
|
<ToastContainer />
|
|
|
|
|
<div className={styles.header}>
|
|
|
|
|
<div className='max-w-[1200px] flex flex-nowrap mx-auto justify-between items-center'>
|
|
|
|
|
<Link href='/affiliation/1280-eecs'>
|
|
|
|
|
<img
|
|
|
|
|
className='h-[100px] mt-4'
|
|
|
|
|
src='/img/logos/eecs-wordmark.png'
|
|
|
|
|
alt='EECS'
|
|
|
|
|
/>
|
2024-02-10 11:12:13 -08:00
|
|
|
</Link>
|
2024-02-12 19:42:56 -08:00
|
|
|
<p className={`max-w-[600px] hidden md:inline`}>
|
|
|
|
|
We gratefully acknowledge support from our volunteer peer
|
|
|
|
|
reviewers, member institutions, and all{' '}
|
|
|
|
|
<a
|
2024-02-14 14:44:12 -08:00
|
|
|
href='https://github.com/team-1280/eexiv/graphs/contributors'
|
2024-02-12 19:42:56 -08:00
|
|
|
target='_blank'
|
|
|
|
|
>
|
|
|
|
|
open-source contributors
|
|
|
|
|
</a>
|
|
|
|
|
.
|
|
|
|
|
</p>
|
2024-02-11 23:09:37 -08:00
|
|
|
</div>
|
2024-02-10 21:05:14 -08:00
|
|
|
</div>
|
2024-02-14 00:38:45 -08:00
|
|
|
<div
|
|
|
|
|
className={`${styles.banner} w-full h-[100px] mb-[50px] shadow-md shadow-slate-400`}
|
|
|
|
|
>
|
2024-02-12 19:42:56 -08:00
|
|
|
<div className='max-w-[1200px] flex justify-between mx-auto items-center pt-3 flex-nowrap'>
|
2024-02-14 14:41:59 -08:00
|
|
|
<Link
|
|
|
|
|
href='/'
|
|
|
|
|
className={`${zillaSlab.className} no-link-style ${styles.title} mx-10`}
|
|
|
|
|
>
|
|
|
|
|
eeXiv
|
|
|
|
|
</Link>
|
2024-02-12 19:42:56 -08:00
|
|
|
<div className='hidden md:inline'>
|
|
|
|
|
<SearchBar />
|
|
|
|
|
</div>
|
|
|
|
|
<div className='md:hidden'>
|
|
|
|
|
<MobileMenu />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2024-02-09 23:07:46 -08:00
|
|
|
</div>
|
2024-02-12 23:02:25 -08:00
|
|
|
<div className='flex min-h-[72vh] flex-col'>
|
|
|
|
|
<div className='flex-grow'>
|
|
|
|
|
<Container>{children}</Container>
|
2024-02-12 19:42:56 -08:00
|
|
|
</div>
|
2024-02-12 23:02:25 -08:00
|
|
|
<footer className='bottom-0'>
|
|
|
|
|
<div className={styles.footerContent}>
|
|
|
|
|
<ul>
|
|
|
|
|
<li key='about'>
|
|
|
|
|
<Link href='/about'>About</Link>
|
|
|
|
|
</li>
|
|
|
|
|
<li key='help'>
|
|
|
|
|
<Link href='/help'>Help</Link>
|
|
|
|
|
</li>
|
|
|
|
|
<li key='contact'>
|
|
|
|
|
<Link href='/contact'>Contact</Link>
|
|
|
|
|
</li>
|
|
|
|
|
<li key='subscribe'>
|
|
|
|
|
<Link href='/subscribe'>Subscribe</Link>
|
|
|
|
|
</li>
|
|
|
|
|
<li key='copyright'>
|
|
|
|
|
<Link href='/legal/copyright'>Copyright</Link>
|
|
|
|
|
</li>
|
|
|
|
|
<li key='privacy'>
|
|
|
|
|
<Link href='/legal/privacy'>Privacy Policy</Link>
|
|
|
|
|
</li>
|
|
|
|
|
<li key='accessibility'>
|
|
|
|
|
<Link href='/help/accessibility'>Accessibility</Link>
|
|
|
|
|
</li>
|
|
|
|
|
<li key='status'>
|
|
|
|
|
<Link href='/status'>eeXiv status</Link>
|
|
|
|
|
</li>
|
|
|
|
|
<li key='notifications'>
|
|
|
|
|
<Link href='/status/notifications'>
|
|
|
|
|
Get status notifications
|
|
|
|
|
</Link>
|
|
|
|
|
</li>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</footer>
|
|
|
|
|
</div>
|
2024-02-12 19:42:56 -08:00
|
|
|
</Providers>
|
2024-02-09 23:07:46 -08:00
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
)
|
2024-02-09 19:00:26 -08:00
|
|
|
}
|
