ivandimitrov8080/idimitrov.dev
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor some pages

Browse Source
This commit is contained in:
Ivan Dimitrov 2023-11-19 08:13:06 +02:00
parent a9a1d5ed1b
commit df74cb16c8
4 changed files with 29 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/app/cases/page.tsx
View File

@ -1,5 +1,18 @@
import Cases from "$components/cases";
import Link from "next/link";
import { getCases } from "$lib/content";
const CasesPage = () => <Cases />
const CasesPage = () =>
<div className="p-20 w-full h-full flex flex-col gap-4 overflow-y-scroll">
{getCases().filter(c => !c.data.draft).sort((a, b) => Number(b.data.z) - Number(a.data.z)).map((c) => c.data).map((d) =>
<div key={d.slug} className="w-full lg:w-3/4 mx-auto h-max flex justify-center rounded-lg border-2">
<div className="gradient w-full">
<Link className="btn flex flex-col w-full text-center" href={d.slug}>
<span className="text-lg px-6">{d.title}</span>
<span>{d.date}</span>
</Link>
</div>
</div>
)}
</div>
export default CasesPage

17
src/app/components/cases.tsx
View File

@ -1,17 +0,0 @@
import Link from "next/link";
import { getCases } from "$lib/content";
const Cases = () =>
<div className="p-20 w-full h-full flex flex-col gap-4 overflow-y-scroll">
{getCases().filter(c => !c.data.draft).sort((a, b) => Number(b.data.z) - Number(a.data.z)).map((c) => c.data).map((d) =>
<div key={d.slug} className="w-full lg:w-3/4 mx-auto h-max flex justify-center rounded-lg border-2">
<div className="gradient w-full">
<Link className="btn flex flex-col w-full text-center" href={d.slug}>
<span className="text-lg px-6">{d.title}</span>
<span>{d.date}</span>
</Link>
</div>
</div>
)}
</div>
export default Cases;

17
src/app/components/links.tsx
View File

@ -1,17 +0,0 @@
import { faGithub, faGitlab } from "@fortawesome/free-brands-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import Link from "next/link";
const Links = () =>
<div className="grid w-full h-full place-content-center">
<div className={"grid grid-cols-2 gap-4 place-content-center"}>
<Link aria-label="GitHub" href={process.env.NEXT_PUBLIC_GITHUB_URL || ""} target="_blank">
<FontAwesomeIcon className="w-14 h-14" icon={faGithub} />
</Link>
<Link aria-label="GitLab" href={process.env.NEXT_PUBLIC_GITLAB_URL || ""} target="_blank">
<FontAwesomeIcon className="w-14 h-14" icon={faGitlab} />
</Link>
</div>
</div>
export default Links

16
src/app/page.tsx
View File

@ -1,5 +1,17 @@
import Links from "$components/links";
import { faGithub, faGitlab } from "@fortawesome/free-brands-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import Link from "next/link";
const Home = () => <Links />
const Home = () =>
<div className="grid w-full h-full place-content-center">
<div className={"grid grid-cols-2 gap-4 place-content-center"}>
<Link aria-label="GitHub" href={process.env.NEXT_PUBLIC_GITHUB_URL || ""} target="_blank">
<FontAwesomeIcon className="w-14 h-14" icon={faGithub} />
</Link>
<Link aria-label="GitLab" href={process.env.NEXT_PUBLIC_GITLAB_URL || ""} target="_blank">
<FontAwesomeIcon className="w-14 h-14" icon={faGitlab} />
</Link>
</div>
</div>
export default Home;