ported existing static routes

.prettierrc

@@ -0,0 +1,12 @@
+{
+  "semi": false,
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false,
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "jsxSingleQuote": true,
+  "bracketSpacing": true,
+  "jsxBracketSameLine": false,
+  "arrowParens": "always"
+}

src/app/about/about.module.css

@@ -1,5 +1,5 @@
 .content {
-  margin-top: 40px;
+    margin-top: 40px;
-  padding: 35px;
+    padding: 35px;
-  border-radius: 15px;
+    border-radius: 15px;
 }

src/app/about/page.tsx

@@ -1,21 +1,21 @@
-import Link from "next/link";
+import Link from 'next/link'
-import styles from "./about.module.css";
+import standardStyles from '../styles/standard.module.css'
 
 export default function Page() {
   return (
-    <div className={styles.content}>
+    <div className={standardStyles.content}>
-      <p className={styles.message}>
+      <p>
         {`eeXiv is a project hosted by Team 1280 EECS ("Electrical Engineering and
-        Computer Science"), independent of the department of the same name at`}{" "}
+        Computer Science"), independent of the department of the same name at`}{' '}
-        <Link href="https://eecs.berkeley.edu">UC Berkeley</Link>. We aim to
+        <Link href='https://eecs.berkeley.edu'>UC Berkeley</Link>. We aim to
         rival arXiv as the single largest open-source and open-access research
-        paper repository. eeXiv is{" "}
+        paper repository. eeXiv is{' '}
-        <Link href="https://github.com/Team-1280/eeXiv">open-source</Link> and{" "}
+        <Link href='https://github.com/Team-1280/eeXiv'>open-source</Link> and{' '}
-        <Link href="https://github.com/Team-1280/eeXiv/blob/main/LICENSE">
+        <Link href='https://github.com/Team-1280/eeXiv/blob/main/LICENSE'>
           licensed
-        </Link>{" "}
+        </Link>{' '}
         under the GNU General Public License.
       </p>
     </div>
-  );
+  )
 }

src/app/contact/page.tsx

@@ -0,0 +1,18 @@
+import standardStyles from '../styles/standard.module.css'
+
+export default function Page() {
+  return (
+    <div className={standardStyles.content}>
+      <p>
+        You can contact a team representative directly at{' '}
+        <a href='mailto:sanramonvalleyrobotics@gmail.com'>
+          sanramonvalleyrobotics@gmail.com
+        </a>
+        . If you encounter any problems with the site or eeXiv content,{' '}
+        <a href='https://github.com/Team-1280/eeXiv/issues'>open an issue</a>{' '}
+        and provide a helpful description of the problem. For ways you can help,
+        see <a href='../help'>Help</a>.
+      </p>
+    </div>
+  )
+}

src/app/help/accessibility/accessibility.module.css

@@ -0,0 +1,5 @@
+.content {
+    margin-top: 40px;
+    padding: 35px;
+    border-radius: 15px;
+}

src/app/help/accessibility/page.tsx

@@ -0,0 +1,20 @@
+import styles from './accessibility.module.css'
+export default function Page() {
+    return (
+        <div className={styles.content}>
+            <p>
+                If you encounter any accessibility-related issues related to
+                your use of our site, it is likely because of our jank code
+                architecture. Unfortunately, our programming team is ill
+                equipped to fix these issues, even if some of them may be
+                pressing Diversity, Equity, and Inclusion (DEI) concerns. We
+                recommend you add any accessibility fixes yourself by submitting
+                a{' '}
+                <a href="https://github.com/Team-1280/eeXiv/pull/new">
+                    pull request
+                </a>{' '}
+                on GitHub.
+            </p>
+        </div>
+    )
+}

src/app/help/help.module.css

@@ -0,0 +1,5 @@
+.content {
+    margin-top: 40px;
+    padding: 35px;
+    border-radius: 15px;
+}

src/app/help/page.tsx

@@ -0,0 +1,14 @@
+import standardStyles from '../styles/standard.module.css'
+
+export default function Page() {
+  return (
+    <div className={standardStyles.content}>
+      <p>
+        We are always looking for contributors to help us improve eeXiv. If you
+        are interested in helping, whether as a peer reviewer, external
+        contributor, or in any other capacity, please{' '}
+        <a href='../contact'>contact us</a>.
+      </p>
+    </div>
+  )
+}

src/app/layout.tsx

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

src/app/legal/copyright/page.tsx

@@ -0,0 +1,19 @@
+import Link from 'next/link'
+import standardStyles from '../../styles/standard.module.css'
+
+export default function Page() {
+  return (
+    <div className={standardStyles.content}>
+      <p>
+        All content on this site is licensed under the{' '}
+        <a href='https://creativecommons.org/licenses/by-sa/4.0/'>
+          Creative Commons Attribution-ShareAlike 4.0 International License
+        </a>
+        . United States and international copyright laws apply. Failure to cite
+        or credit the authors of any content taken from this site is copyright
+        infringement and in violation of the eeXiv terms of use. For more
+        information, see our <Link href='/legal/privacy'>privacy policy</Link>.
+      </p>
+    </div>
+  )
+}

src/app/legal/privacy/page.tsx

@@ -0,0 +1,15 @@
+import standardStyles from '../../styles/standard.module.css'
+
+export default function Page() {
+  return (
+    <div className={standardStyles.content}>
+      <p>
+        User privacy is important to us. Just kidding. We don't collect any
+        personal information. We only use it to help us improve eeXiv. Your
+        information may also be periodically sent to the Mossad to enhance
+        profiling and cybersecurity operations. We take absolutely no
+        responsibility for misuse of your data.
+      </p>
+    </div>
+  )
+}

src/app/page.tsx

@@ -1,8 +1,9 @@
-import styles from "./home.module.css";
+import styles from './home.module.css'
+import standardStyles from './styles/standard.module.css'
 
 export default function Home() {
   return (
-    <div className={styles.content}>
+    <div className={standardStyles.content}>
       <p className={styles.message}>
         eeXiv<sup>2</sup> is a free distribution service and an open-access
         archive for nearly 2.4 million scholarly articles in the fields of
@@ -12,5 +13,5 @@ export default function Home() {
         independently through other channels.
       </p>
     </div>
-  );
+  )
 }

src/app/status/notifications/page.tsx

@@ -0,0 +1,14 @@
+import standardStyles from '../../styles/standard.module.css'
+
+export default function Page() {
+  return (
+    <div className={standardStyles.content}>
+      <p>
+        We currently do not have the technical support to implement mailing
+        lists in eeXiv. Check <a href='../'>status</a> frequently for updates.
+        The best way to stay connected with the status of the eeXiv project is
+        to watch it on <a href='https://github.com/Team-1280/eeXiv'>GitHub</a>.
+      </p>
+    </div>
+  )
+}

src/app/status/page.tsx

@@ -0,0 +1,12 @@
+import standardStyles from '../styles/standard.module.css'
+
+export default function Page() {
+  return (
+    <div className={standardStyles.content}>
+      <p>
+        eeXiv is <strong>online</strong>. All systems{' '}
+        <strong>operational</strong>.
+      </p>
+    </div>
+  )
+}

src/app/status/status.module.css

@@ -0,0 +1,5 @@
+.content {
+  margin-top: 40px;
+  padding: 35px;
+  border-radius: 15px;
+}

src/app/styles/standard.module.css

@@ -0,0 +1,8 @@
+/* In this file, add standard styles that will be widely imported throughout
+the site */
+
+.content {
+  margin-top: 40px;
+  padding: 35px;
+  border-radius: 15px;
+}

src/app/subscribe/page.tsx

@@ -0,0 +1,14 @@
+import standardStyles from '../styles/standard.module.css'
+
+export default function Page() {
+  return (
+    <div className={standardStyles.content}>
+      <p>
+        We currently do not have the technical support to implement mailing
+        lists in eeXiv. Check back later for updates. The best way to stay
+        connected with the status of the eeXiv project is to watch it on{' '}
+        <a href='https://github.com/Team-1280/eeXiv'>GitHub</a>.
+      </p>
+    </div>
+  )
+}