youwen5/eexiv
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Begin porting essential pages

Browse source
This commit is contained in:
Youwen Wu 2024-02-09 20:39:57 -08:00
parent 87ec3b4954
commit a92197c8a8
6 changed files with 113 additions and 98 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/app/about/about.module.css Normal file
View file

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

21
src/app/about/page.tsx Normal file
View file

@ -0,0 +1,21 @@
import Link from "next/link";
import styles from "./about.module.css";
export default function Page() {
return (
<div className={styles.content}>
<p className={styles.message}>
{`eeXiv is a project hosted by Team 1280 EECS ("Electrical Engineering and
Computer Science"), independent of the department of the same name at`}{" "}
<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{" "}
<Link href="https://github.com/Team-1280/eeXiv">open-source</Link> and{" "}
<Link href="https://github.com/Team-1280/eeXiv/blob/main/LICENSE">
licensed
</Link>{" "}
under the GNU General Public License.
</p>
</div>
);
}

15
src/app/globals.css
View file

@ -11,18 +11,3 @@
* { * {
box-sizing: border-box; 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;
}

9
src/app/page.module.css → src/app/home.module.css
View file

@ -1,6 +1,4 @@
/* main stylesheet for eeXiv */ /* stylesheet for the eexiv UI and the base layout (search, logo, header, footer) */
@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 { .header {
width: 100%; width: 100%;
@ -30,7 +28,7 @@
.search { .search {
position: absolute; position: absolute;
top: 200px; top: 175px;
left: 50%; left: 50%;
width: 40vw; width: 40vw;
} }
@ -44,6 +42,7 @@
height: 45px; height: 45px;
border: 3px solid #0c5198; border: 3px solid #0c5198;
border-radius: 10px; border-radius: 10px;
padding: 22px;
} }
.searchButton { .searchButton {
@ -52,6 +51,7 @@
border: 3px solid white; border: 3px solid white;
padding: 10px; padding: 10px;
border-radius: 10px; border-radius: 10px;
margin-left: 10px;
} }
.searchButton:hover { .searchButton:hover {
@ -84,7 +84,6 @@
height: fit-content; height: fit-content;
padding-top: 20px; padding-top: 20px;
padding-bottom: 20px; padding-bottom: 20px;
font-family: "Inter", sans-serif;
} }
.footerContent a { .footerContent a {

74
src/app/layout.tsx
View file

@ -1,8 +1,11 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Inter } 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 Link from "next/link";
const inter = Inter({ subsets: ["latin"] }); const inter = Inter({ subsets: ["latin"] });
const zillaSlab = Zilla_Slab({ subsets: ["latin"], weight: ["500", "700"] });
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Create Next App", title: "Create Next App",
@ -16,7 +19,74 @@ export default function RootLayout({
}>) { }>) {
return ( return (
<html lang="en"> <html lang="en">
<body className={inter.className}>{children}</body> <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>
</html> </html>
); );
} }

87
src/app/page.tsx
View file

@ -1,81 +1,16 @@
import styles from "./page.module.css"; import styles from "./home.module.css";
export default function Home() { export default function Home() {
return ( return (
<> <div className={styles.content}>
<div className={styles.header}> <p className={styles.message}>
<img eeXiv<sup>2</sup> is a free distribution service and an open-access
className={styles.wordmark} archive for nearly 2.4 million scholarly articles in the fields of
src="https://raw.githubusercontent.com/Team-1280/identity/main/assets/img/eecs/eecs-wordmark.png" physics, mathematics, computer science, quantitative biology,
/> quantitative finance, statistics, electrical engineering and systems
<p className={styles.contributions}> science, and economics. Materials on this site may be published
We gratefully acknowledge support from our volunteer peer reviewers, independently through other channels.
member institutions, and all{" "} </p>
<a href="https://github.com/Team-1280/eeXiv/graphs/contributors"> </div>
open-source contributors
</a>
.
</p>
</div>
<div className={styles.banner}>
<h1 className={styles.title}>
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>
<div className={styles.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
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.
</p>
</div>
<footer>
<div className={styles.footerContent}>
<ul>
<li>
<a href="/about">About</a>
</li>
<li>
<a href="/help">Help</a>
</li>
<li>
<a href="/contact">Contact</a>
</li>
<li>
<a href="/subscribe">Subscribe</a>
</li>
<li>
<a href="/legal/copyright">Copyright</a>
</li>
<li>
<a href="/legal/privacy">Privacy Policy</a>
</li>
<li>
<a href="/help/accessibility">Accessibility</a>
</li>
<li>
<a href="/status">eeXiv status</a>
</li>
<li>
<a href="/status/notifications">Get status notifications</a>
</li>
</ul>
</div>
</footer>
</>
); );
} }