-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #2 from rcaldeiradev/develop
Design updates & More
- Loading branch information
Showing
23 changed files
with
292 additions
and
88 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,16 +1,16 @@ | ||
import { render, screen } from "@testing-library/react"; | ||
import '@testing-library/jest-dom' | ||
import Hero from "../src/app/components/Hero"; | ||
|
||
describe('Pipeline test', () => { | ||
it('Runs tests', () => { | ||
expect(true).toBeTruthy(); | ||
}) | ||
describe('Homepage', () => { | ||
it('shows my name and role', () => { | ||
render(<Hero />); | ||
|
||
it('Runs tests #2', () => { | ||
expect(false).toBeFalsy(); | ||
}) | ||
const heading = screen.getByRole('heading', { | ||
name: /Rafael Caldeira Software Engineer/i, | ||
}); | ||
|
||
it('Runs tests #3', () => { | ||
expect(1).toBe(1); | ||
expect(heading).toBeInTheDocument(); | ||
}) | ||
}) | ||
}); | ||
|
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Binary file not shown.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,31 +1,44 @@ | ||
import Image from "next/image"; | ||
import SectionTitle from "@/components/layout/SectionTitle"; | ||
import mePic from "../../../public/me-full.jpg"; | ||
import mePic from "../../../public/me.jpg"; | ||
import ArrowLink from "@/components/ArrowLink"; | ||
|
||
export default function About() { | ||
return <div className="about flex"> | ||
<div className="image-wrapper relative rounded-3xl overflow-hidden shrink-0" style={{ | ||
height: '430px', | ||
width: '480px', | ||
}}> | ||
<Image | ||
src={mePic} | ||
alt="Me" | ||
fill={true} | ||
className="-z-10" | ||
style={{ | ||
objectFit: 'cover', | ||
}} | ||
/> | ||
</div> | ||
return ( | ||
<div className="about flex flex-col sm:flex-row mb-10 lg:mb-20"> | ||
<div className="max-w-[330px] max-h-[330px] w-full mb-8 shrink-0"> | ||
<div | ||
className={`relative rounded-full overflow-hidden w-full pt-[100%]`} | ||
> | ||
<Image | ||
src={mePic} | ||
alt="Me" | ||
fill={true} | ||
className="sm:-z-10" | ||
priority={true} | ||
unoptimized={true} | ||
placeholder="blur" | ||
style={{ | ||
objectFit: 'cover', | ||
}} | ||
/> | ||
</div> | ||
</div> | ||
|
||
|
||
<div className="texts-wrapper sm:ml-12"> | ||
<SectionTitle titleText="About Me" className="mb-8 sm:mt-12 sm:-ml-28" /> | ||
|
||
<div className="texts"> | ||
<SectionTitle titleText="About Me" className="mt-12 -ml-16" /> | ||
<div className="paragraphs lg:text-xl font-light"> | ||
<p> | ||
Hi there! I am a Software Engineer with 7+ years experience, crafting top-notch web solutions for notable organizations | ||
like MIT and Doctors Without Borders. I excel in PHP, JavaScript, TypeScript, API integration, containers, | ||
automated tests, databases, server admin, SEO, CI... | ||
</p> | ||
</div> | ||
|
||
<p className="ml-12 max-w-2xl text-xl font-light">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a vestibulum tellus. Nam pharetra nisi at | ||
sollicitudin auctor. Nunc auctor vel diam vitae dapibus. Nulla facilisi. Donec purus lectus, vulputate a nisi | ||
non. Nam pharetra nisi at sollicitudin auctor. Nunc auctor vel diam vitae dapibus. Nulla facilisi. | ||
</p> | ||
<ArrowLink path={'/about'} text={'Read more'} className="mt-6" /> | ||
</div> | ||
</div> | ||
</div> | ||
) | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,69 @@ | ||
import SectionTitle from "@/components/layout/SectionTitle"; | ||
import Card from "@/components/Card"; | ||
import ArrowLink from "@/components/ArrowLink"; | ||
|
||
interface CardItem { | ||
title: string, | ||
href: string, | ||
tags: Array<string> | ||
} | ||
|
||
interface CardsList extends Array<CardItem> {} | ||
|
||
const cards: CardsList = [ | ||
{ | ||
title: 'Benzel-Busch', | ||
href: '/', | ||
tags: [ | ||
'Drupal', | ||
'React', | ||
'Apache Solr' | ||
], | ||
}, | ||
{ | ||
title: 'MIT Quest', | ||
href: '/', | ||
tags: [ | ||
'Drupal 10', | ||
], | ||
}, | ||
{ | ||
title: 'DomusVi', | ||
href: '/', | ||
tags: [ | ||
'Drupal 7', | ||
'Apache Solr' | ||
], | ||
} | ||
] | ||
|
||
export default function FeaturedProjects() { | ||
if (!cards) { | ||
return null; | ||
} | ||
|
||
return ( | ||
<div className="featured-projects mb-6 lg:mb-28"> | ||
<SectionTitle titleText="Featured Projects" className="mb-8 lg:mb-16" /> | ||
|
||
<ul className="cards flex flex-col md:flex-row gap-4 lg:gap-8 mb-6 lg:mb-12"> | ||
{cards.map((card, key) => { | ||
return ( | ||
<li key={key} className="basis-1/3"> | ||
<Card | ||
title={card.title} | ||
href={card.href} | ||
tags={card.tags} | ||
className="bg-gray-300 h-44 lg:h-64" | ||
/> | ||
</li> | ||
) | ||
})} | ||
</ul> | ||
|
||
<div className="actions flex justify-center"> | ||
<ArrowLink path={'/'} text={'See all projects'} /> | ||
</div> | ||
</div> | ||
) | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,8 +1,10 @@ | ||
export default function Hero() { | ||
return <div className="hero my-16"> | ||
<h1 className="flex flex-col-reverse"> | ||
<span className="font-bold text-3xl text-gray-500">Rafael Caldeira</span> | ||
<span className="font-regular text-7xl mb-5">Software Engineer</span> | ||
</h1> | ||
</div> | ||
return ( | ||
<div className="hero mb-10 mt-4 lg:my-20"> | ||
<h1 className="flex flex-col"> | ||
<span className="font-extrabold text-4xl lg:text-6xl mb-3">Rafael Caldeira</span> | ||
<span className="font-semibold text-xl lg:text-3xl text-gray-500">Software Engineer</span> | ||
</h1> | ||
</div> | ||
) | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,20 @@ | ||
import Link from "next/link"; | ||
import {ArrowLongRightIcon} from "@heroicons/react/24/outline"; | ||
|
||
interface ArrowLinkProps { | ||
path: string, | ||
text: string, | ||
className?: string, | ||
} | ||
|
||
export default function ArrowLink( | ||
{ path, text, className }: ArrowLinkProps | ||
) { | ||
return <Link | ||
href={path} | ||
className={`lg:text-xl text-blue-700 inline-block ${className}`} | ||
> | ||
{text} | ||
<ArrowLongRightIcon className="h-6 w-6 ml-3 inline-block" /> | ||
</Link> | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,28 @@ | ||
import ArrowLink from "@/components/ArrowLink"; | ||
import Tag from "@/components/Tag"; | ||
|
||
interface CardProps { | ||
title: string, | ||
href: string, | ||
tags: Array<string>, | ||
className?: string, | ||
} | ||
|
||
export default function Card( | ||
{ title, href, tags, className }: CardProps | ||
) { | ||
return ( | ||
<div className={`card relative p-4 lg:p-6 rounded-3xl flex flex-col ${className}`}> | ||
<div className="tags"> | ||
{tags && tags.map((label, key) => { | ||
return <Tag label={label} key={key} className="text-gray-500 bg-gray-50 mr-2 mb-2 lg:mr-3 lg:mb-3" /> | ||
})} | ||
</div> | ||
|
||
<div className="texts mt-auto"> | ||
<h2 className="title text-2xl lg:text-4xl font-bold lg:mb-4">{title}</h2> | ||
<ArrowLink path={href} text={'View'} /> | ||
</div> | ||
</div> | ||
) | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,14 @@ | ||
interface TagProps { | ||
label: string, | ||
className?: string, | ||
} | ||
|
||
export default function Tag( | ||
{ label, className }: TagProps | ||
) { | ||
return ( | ||
<div className={`py-1 px-2 text-sm inline-block rounded-lg ${className}`}> | ||
{label} | ||
</div> | ||
) | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.