cade/web-portfolio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

init build

Browse source
This commit is contained in:
Cayden Schwechten 2026-07-23 20:13:59 -05:00
parent cb0c819932
commit 0268734336
10 changed files with 115 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

7
components/ArticleListItem.tsx
View file

@ -1,19 +1,20 @@
import Link from "next/link"
import type { ArticleItem} from "@/types";
import type {ArticleItem} from "@/types";
interface Props {
category: string,
articles: ArticleItem[]
}
const ArticleItemList = ({ category, articles }: Props) => {
const ArticleItemList = ({category, articles}: Props) => {
return (
<>
<div className={"flex flex-col gap-5"}>
<h2 className={"font-cormorantGaramond text-4xl"}>{category}</h2>
<div className={"flex flex-col gap-2.5 font-poppins text-lg"}>
{articles.map((article, id) => (
<Link href={`/blog/${article.id}`} key={id} className={"hover:text-nord-12 transition duration-250"}>
<Link href={`/blog/${article.id}`} key={id}
className={"hover:text-nord-12 transition duration-250"}>
{article.title}
</Link>
))}

10
components/layout/layout-header.tsx
View file

@ -1,6 +1,6 @@
'use client'
import React, { useState } from 'react'
import React, {useState} from 'react'
import Image from 'next/image'
import Link from 'next/link';
import Logo from "../../public/borb.png"
@ -21,7 +21,7 @@ const Header = () => {
</div>
<div className="md:hidden">
<button
className="p-2 text-gray-700 rounded-md outline-none focus:border-gray-400 focus:border"
className="p-3 text-gray-700 rounded-md outline-none focus:border-gray-400 border-2 focus:border bg-nord-10"
onClick={() => setNavbar(!navbar)}>
{navbar ? (
<div className="bar text-white"></div>
@ -47,6 +47,12 @@ const Header = () => {
className='sm:px-52 md:px-0'>Blog</Link>
</li>
<li className="text-xl text-white py-2 my-2 md:my-0 px-6 text-center md:border-b-0 border-white hover:text-nord-12 transition duration-250">
<Link href="https://gitlab.com/caydens" onClick={() => setNavbar(!navbar)}
className='sm:px-48 md:px-0'>GitLab</Link>
</li>
<li className="text-xl text-white py-2 my-2 md:my-0 px-6 text-center md:border-b-0 border-white hover:text-nord-12 transition duration-250">
<Link href="/contact" onClick={() => setNavbar(!navbar)}
className='sm:px-48 md:px-0'>Contact</Link>