diff --git a/README.md b/README.md index c403366..c304b67 100644 --- a/README.md +++ b/README.md @@ -1,36 +1,12 @@ -This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app). +# eeXiv2 -## Getting Started +eeXiv just got better -First, run the development server: +--- -```bash -npm run dev -# or -yarn dev -# or -pnpm dev -# or -bun dev -``` +eeXiv2 (pronounced "EECS-iv"[^1]) is Team 1280's locally-hosted curated research-sharing platform. It is the successor to the original eeXiv, whose design was so terrible it was redesigned within 24 hours. +It is maintained by the Team 1280 EECS ("Electrical Engineering and Computer Science") team, which is also the greatest contributor of its research papers. +However, this repository is open for anyone—in Team 1280, in another FRC team, or as independent hobbyists—to contribute. +eeXiv borrows from a pioneer in digital open access, arXiv.org, and hosts the most FRC-specific scholarly articles in numerous subject areas, curated by our strong community of volunteer moderators. -Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. - -You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file. - -This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font. - -## Learn More - -To learn more about Next.js, take a look at the following resources: - -- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. -- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. - -You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome! - -## Deploy on Vercel - -The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. - -Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details. +[^1]: Whichever idiot decided "arXiv" should be pronounced like "archive" can cope; eeXiv is not changing its name or pronunciation. diff --git a/public/eecs-wordmark.png b/public/eecs-wordmark.png new file mode 100644 index 0000000..8fec43d Binary files /dev/null and b/public/eecs-wordmark.png differ diff --git a/public/next.svg b/public/next.svg deleted file mode 100644 index 5174b28..0000000 --- a/public/next.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/vercel.svg b/public/vercel.svg deleted file mode 100644 index d2f8422..0000000 --- a/public/vercel.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/app/favicon.ico b/src/app/favicon.ico index 718d6fe..c2c8a19 100644 Binary files a/src/app/favicon.ico and b/src/app/favicon.ico differ diff --git a/src/app/globals.css b/src/app/globals.css index 875c01e..f5b9a38 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -2,32 +2,27 @@ @tailwind components; @tailwind utilities; -:root { - --foreground-rgb: 0, 0, 0; - --background-start-rgb: 214, 219, 220; - --background-end-rgb: 255, 255, 255; -} - -@media (prefers-color-scheme: dark) { - :root { - --foreground-rgb: 255, 255, 255; - --background-start-rgb: 0, 0, 0; - --background-end-rgb: 0, 0, 0; - } -} - -body { - color: rgb(var(--foreground-rgb)); - background: linear-gradient( - to bottom, - transparent, - rgb(var(--background-end-rgb)) - ) - rgb(var(--background-start-rgb)); -} - @layer utilities { .text-balance { text-wrap: balance; } } + +* { + box-sizing: border-box; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: "Zilla Slab", serif; + font-weight: 500; +} + +p, +div { + font-family: "Inter", sans-serif; +} diff --git a/src/app/page.module.css b/src/app/page.module.css new file mode 100644 index 0000000..f7ee01f --- /dev/null +++ b/src/app/page.module.css @@ -0,0 +1,114 @@ +/* main stylesheet for eeXiv */ + +@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Roboto:wght@700&family=Zilla+Slab:wght@400;500;700&display=swap"); + +.header { + width: 100%; + height: 150px; + padding: 10px; + background: linear-gradient(to left, #80bfff 0%, #ccc 50%, white 100%); + color: black; +} + +.banner { + width: 100%; + height: 100px; + padding: 20px; + background-color: #0c5198; + color: white; + margin-bottom: 50px; +} + +.title { + position: absolute; + top: 162.5px; + color: white; + font-size: 50px; + margin-bottom: 50px; + cursor: pointer; +} + +.search { + position: absolute; + top: 200px; + left: 50%; + width: 40vw; +} + +.searchBox, +.searchButton { + display: inline; +} + +.searchBox { + height: 45px; + border: 3px solid #0c5198; + border-radius: 10px; +} + +.searchButton { + background-color: #0c5198; + color: white; + border: 3px solid white; + padding: 10px; + border-radius: 10px; +} + +.searchButton:hover { + background-color: white; + color: #0c5198; +} + +.wordmark { + float: left; + height: 100px; + margin-top: 25px; +} + +.contributions { + width: 40vw; + margin-top: 50px; + margin-left: calc(100% - 40vw - 10px); +} + +.contributions a { + color: #0c5198; +} + +.footerContent { + width: 100%; + height: 150px; + padding: 10px; + background-color: #c4840c; + color: white; + height: fit-content; + padding-top: 20px; + padding-bottom: 20px; + font-family: "Inter", sans-serif; +} + +.footerContent a { + color: white; + font-weight: bold; +} + +.footerContent ul { + display: flex; + flex-wrap: wrap; + list-style: none; + padding: 0; + margin: 0; + justify-content: space-between; +} + +.footerContent li { + width: calc(33.333% - 10px); + margin-right: 10px; + margin-bottom: 5px; + text-align: center; +} + +.content { + padding: 35px; + border-radius: 15px; +} diff --git a/src/app/page.tsx b/src/app/page.tsx index b81507d..1f14ca7 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,113 +1,81 @@ -import Image from "next/image"; +import styles from "./page.module.css"; export default function Home() { return ( -
-
-

- Get started by editing  - src/app/page.tsx -

-
- - By{" "} - Vercel Logo + <> +
+ +

+ We gratefully acknowledge support from our volunteer peer reviewers, + member institutions, and all{" "} + + open-source contributors + . +

+
+
+

+ eeXiv2 +

+
+ +
- -
- Next.js Logo +
+

+ eeXiv2 is a free distribution service and an open-access + archive for nearly 2.4 million scholarly articles in the fields of + physics, mathematics, computer science, quantitative biology, + quantitative finance, statistics, electrical engineering and systems + science, and economics. Materials on this site may be published + independently through other channels. +

- -
- -

- Docs{" "} - - -> - -

-

- Find in-depth information about Next.js features and API. -

- - - -

- Learn{" "} - - -> - -

-

- Learn about Next.js in an interactive course with quizzes! -

- - - -

- Templates{" "} - - -> - -

-

- Explore starter templates for Next.js. -

- - - -

- Deploy{" "} - - -> - -

-

- Instantly deploy your Next.js site to a shareable URL with Vercel. -

- -
-
+ + ); }