eexiv/src/app/layout.tsx

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'
import SearchBar from './searchBar/SearchBar'
import Container from './container/Container'
import { ToastContainer } from 'react-toastify'
import 'react-toastify/dist/ReactToastify.css'
import { Suspense } from 'react'
import LoadingBar from './components/Loading'

/* 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!
*/
const inter = Inter({ subsets: ['latin'] })
const zillaSlab = Zilla_Slab({ subsets: ['latin'], weight: ['500', '700'] })

export const metadata: Metadata = {
  title: 'eeXiv^2',
  description: 'arXiv just got better',
}

export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode
}>) {
  return (
    <html lang='en'>
      <body className={inter.className}>
        <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='/eexiv-2/img/logos/eecs-wordmark.png'
                alt='EECS'
              />
            </Link>
            <p className={`max-w-[600px] hidden md:inline`}>
              We gratefully acknowledge support from our volunteer peer
              reviewers, member institutions, and all{' '}
              <a
                href='https://github.com/couscousdude/eeXiv-2/graphs/contributors'
                target='_blank'
              >
                open-source contributors
              </a>
              .
            </p>
          </div>
        </div>
        <div className={`${styles.banner} w-full h-[100px] mb-[50px]`}>
          <div className='max-w-[1200px] flex justify-between mx-auto items-center pt-3 flex-nowrap'>
            <h1 className={`${styles.title} ${zillaSlab.className} mx-10`}>
              <Link href='/' className='no-link-style'>
                eeXiv<sup>2</sup>
              </Link>
            </h1>
            <div className='hidden md:inline'>
              <SearchBar />
            </div>
          </div>
        </div>
        <Suspense fallback={<LoadingBar />}>
          <Container width='1200px' fill>
            {children}
          </Container>
        </Suspense>
        <footer>
          <div className={styles.footerContent}>
            <Container width='1200px'>
              <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>
            </Container>
          </div>
        </footer>
      </body>
    </html>
  )
}
ported existing static routes 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'`
finished styling for static portion 2024-02-10 00:43:22 -08:00			`import SearchBar from './searchBar/SearchBar'`
			`import Container from './container/Container'`
add toast and loading bar 2024-02-11 13:17:54 -08:00			`import { ToastContainer } from 'react-toastify'`
			`import 'react-toastify/dist/ReactToastify.css'`
			`import { Suspense } from 'react'`
			`import LoadingBar from './components/Loading'`
Initial commit from Create Next App 2024-02-09 19:00:26 -08:00
finished styling for static portion 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!`
			`*/`
ported existing static routes 2024-02-09 22:59:43 -08:00			`const inter = Inter({ subsets: ['latin'] })`
			`const zillaSlab = Zilla_Slab({ subsets: ['latin'], weight: ['500', '700'] })`
Initial commit from Create Next App 2024-02-09 19:00:26 -08:00
			`export const metadata: Metadata = {`
fix favicon and add zustand 2024-02-09 23:07:46 -08:00			`title: 'eeXiv^2',`
change some formatting 2024-02-11 02:06:29 -08:00			`description: 'arXiv just got better',`
ported existing static routes 2024-02-09 22:59:43 -08:00			`}`
Initial commit from Create Next App 2024-02-09 19:00:26 -08:00
			`export default function RootLayout({`
fix favicon and add zustand 2024-02-09 23:07:46 -08:00			`children,`
Initial commit from Create Next App 2024-02-09 19:00:26 -08:00			`}: Readonly<{`
fix favicon and add zustand 2024-02-09 23:07:46 -08:00			`children: React.ReactNode`
Initial commit from Create Next App 2024-02-09 19:00:26 -08:00			`}>) {`
fix favicon and add zustand 2024-02-09 23:07:46 -08:00			`return (`
			`<html lang='en'>`
			`<body className={inter.className}>`
add toast and loading bar 2024-02-11 13:17:54 -08:00			`<ToastContainer />`
fix favicon and add zustand 2024-02-09 23:07:46 -08:00			`<div className={styles.header}>`
update responsive design 2024-02-10 21:05:14 -08:00			`<div className='max-w-[1200px] flex flex-nowrap mx-auto justify-between items-center'>`
finished affiliation descriptions 2024-02-10 22:54:11 -08:00			`<Link href='/affiliation/1280-eecs'>`
fix broken image 2024-02-11 02:08:55 -08:00			`<img`
			`className='h-[100px] mt-4'`
feat: gh pages deployment 2024-02-11 11:16:49 -08:00			`src='/eexiv-2/img/logos/eecs-wordmark.png'`
add toast and loading bar 2024-02-11 13:17:54 -08:00			`alt='EECS'`
fix broken image 2024-02-11 02:08:55 -08:00			`/>`
finished affiliation descriptions 2024-02-10 22:54:11 -08:00			`</Link>`
update responsive design 2024-02-10 21:05:14 -08:00			<p className={`max-w-[600px] hidden md:inline`}>
added document viewer and changed styling 2024-02-10 11:12:13 -08:00			`We gratefully acknowledge support from our volunteer peer`
			`reviewers, member institutions, and all{' '}`
			`<a`
change some formatting 2024-02-11 02:06:29 -08:00			`href='https://github.com/couscousdude/eeXiv-2/graphs/contributors'`
added document viewer and changed styling 2024-02-10 11:12:13 -08:00			`target='_blank'`
			`>`
			`open-source contributors`
			`</a>`
			`.`
			`</p>`
update responsive design 2024-02-10 21:05:14 -08:00			`</div>`
fix favicon and add zustand 2024-02-09 23:07:46 -08:00			`</div>`
update responsive design 2024-02-10 21:05:14 -08:00			<div className={`${styles.banner} w-full h-[100px] mb-[50px]`}>
			`<div className='max-w-[1200px] flex justify-between mx-auto items-center pt-3 flex-nowrap'>`
			<h1 className={`${styles.title} ${zillaSlab.className} mx-10`}>
added document viewer and changed styling 2024-02-10 11:12:13 -08:00			`<Link href='/' className='no-link-style'>`
			`eeXiv<sup>2</sup>`
			`</Link>`
			`</h1>`
update responsive design 2024-02-10 21:05:14 -08:00			`<div className='hidden md:inline'>`
			`<SearchBar />`
			`</div>`
			`</div>`
fix favicon and add zustand 2024-02-09 23:07:46 -08:00			`</div>`
add toast and loading bar 2024-02-11 13:17:54 -08:00			`<Suspense fallback={<LoadingBar />}>`
			`<Container width='1200px' fill>`
			`{children}`
			`</Container>`
			`</Suspense>`
fix favicon and add zustand 2024-02-09 23:07:46 -08:00			`<footer>`
			`<div className={styles.footerContent}>`
added document viewer and changed styling 2024-02-10 11:12:13 -08:00			`<Container width='1200px'>`
			`<ul>`
fix build issue by keying all list items 2024-02-10 19:49:06 -08:00			`<li key='about'>`
added document viewer and changed styling 2024-02-10 11:12:13 -08:00			`<Link href='/about'>About</Link>`
			`</li>`
fix build issue by keying all list items 2024-02-10 19:49:06 -08:00			`<li key='help'>`
added document viewer and changed styling 2024-02-10 11:12:13 -08:00			`<Link href='/help'>Help</Link>`
			`</li>`
fix build issue by keying all list items 2024-02-10 19:49:06 -08:00			`<li key='contact'>`
added document viewer and changed styling 2024-02-10 11:12:13 -08:00			`<Link href='/contact'>Contact</Link>`
			`</li>`
fix build issue by keying all list items 2024-02-10 19:49:06 -08:00			`<li key='subscribe'>`
added document viewer and changed styling 2024-02-10 11:12:13 -08:00			`<Link href='/subscribe'>Subscribe</Link>`
			`</li>`
fix build issue by keying all list items 2024-02-10 19:49:06 -08:00			`<li key='copyright'>`
added document viewer and changed styling 2024-02-10 11:12:13 -08:00			`<Link href='/legal/copyright'>Copyright</Link>`
			`</li>`
fix build issue by keying all list items 2024-02-10 19:49:06 -08:00			`<li key='privacy'>`
added document viewer and changed styling 2024-02-10 11:12:13 -08:00			`<Link href='/legal/privacy'>Privacy Policy</Link>`
			`</li>`
fix build issue by keying all list items 2024-02-10 19:49:06 -08:00			`<li key='accessibility'>`
added document viewer and changed styling 2024-02-10 11:12:13 -08:00			`<Link href='/help/accessibility'>Accessibility</Link>`
			`</li>`
fix build issue by keying all list items 2024-02-10 19:49:06 -08:00			`<li key='status'>`
added document viewer and changed styling 2024-02-10 11:12:13 -08:00			`<Link href='/status'>eeXiv status</Link>`
			`</li>`
fix build issue by keying all list items 2024-02-10 19:49:06 -08:00			`<li key='notifications'>`
added document viewer and changed styling 2024-02-10 11:12:13 -08:00			`<Link href='/status/notifications'>`
			`Get status notifications`
			`</Link>`
			`</li>`
			`</ul>`
			`</Container>`
fix favicon and add zustand 2024-02-09 23:07:46 -08:00			`</div>`
			`</footer>`
			`</body>`
			`</html>`
			`)`
Initial commit from Create Next App 2024-02-09 19:00:26 -08:00			`}`