1
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-03 17:06:37 -04:00

move more junk out of index.css and into components

This commit is contained in:
2022-01-22 18:52:29 -05:00
parent f62c057f5d
commit 0343aa9be4
19 changed files with 371 additions and 352 deletions

View File

@ -5,6 +5,7 @@ import RepositoryCard from "../components/RepositoryCard/RepositoryCard";
import { ProjectsIcon } from "../components/Icons";
import type { GetStaticProps } from "next";
import { RepoType } from "../types";
import Content from "../components/Content/Content";
type Props = {
repos: RepoType[];
@ -23,19 +24,21 @@ const Projects = ({ repos }: Props) => (
<ProjectsIcon /> Projects
</PageTitle>
<div className="wrapper">
{repos.map((repo: RepoType) => (
<div key={repo.name} className="card">
<RepositoryCard {...repo} />
</div>
))}
</div>
<Content>
<div className="wrapper">
{repos.map((repo: RepoType) => (
<div key={repo.name} className="card">
<RepositoryCard {...repo} />
</div>
))}
</div>
<p className="view_more">
<a href="https://github.com/jakejarvis?tab=repositories" target="_blank" rel="noopener noreferrer">
View more on GitHub...
</a>
</p>
<p className="view_more">
<a href="https://github.com/jakejarvis?tab=repositories" target="_blank" rel="noopener noreferrer">
View more on GitHub...
</a>
</p>
</Content>
<style jsx>{`
.wrapper {
@ -44,6 +47,8 @@ const Projects = ({ repos }: Props) => (
justify-content: space-between;
align-items: flex-start;
width: 100%;
font-size: 1.1em;
line-height: 1.1;
}
.card {