ahmed/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases 6 Activity

New favicon

Browse Source
This commit is contained in:
Ahmed Al-Taiar
2024-10-01 21:20:39 -04:00
parent 4a94b6807e
commit 8671f47e91
4 changed files with 27 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web/package.json
View File

@ -32,7 +32,8 @@
"react": "18.3.1",
"react-colorful": "^5.6.1",
"react-device-detect": "^2.2.3",
"react-dom": "18.3.1"
"react-dom": "18.3.1",
"react-typed": "^2.0.12"
},
"devDependencies": {
"@redwoodjs/vite": "8.3.0",

BIN
web/public/favicon.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 757 B

12
web/src/components/Project/Project/Project.tsx
View File

@ -13,8 +13,8 @@ const Project = ({ project }: Props) => {
return (
<div className="grid grid-rows-1 grid-cols-1 sm:grid-cols-2">
<div className="flex flex-col gap-8 p-8">
<h1 className="text-5xl font-bold font-syne">{project.title}</h1>
<div className="flex flex-wrap gap-2">
<h1 className="text-5xl font-bold font-syne w-fit">{project.title}</h1>
<div className="flex flex-wrap gap-2 w-fit">
{isAfter(new Date(project.date), startOfToday()) && (
<div className="badge badge-lg badge-info whitespace-nowrap">
planned
@ -25,7 +25,7 @@ const Project = ({ project }: Props) => {
</div>
</div>
{project.tags.length > 0 && (
<div className="flex flex-wrap gap-2">
<div className="flex flex-wrap gap-2 w-fit">
{project.tags.map((tag, i) => (
<div
key={i}
@ -44,8 +44,8 @@ const Project = ({ project }: Props) => {
{project.description && <p>{project.description}</p>}
{project.links.length > 0 && (
<>
<h2 className="font-bold text-3xl">Links</h2>
<div className="flex flex-col gap-2">
<h2 className="font-bold text-3xl w-fit">Links</h2>
<div className="flex flex-col gap-2 w-fit">
{project.links.map((link, i) => (
<a
key={i}
@ -63,7 +63,7 @@ const Project = ({ project }: Props) => {
)}
<h2 className="sm:hidden font-bold text-3xl text-center">Images</h2>
</div>
<div className="flex flex-col gap-4 items-center">
<div className="flex flex-wrap gap-4 items-center pt-8 justify-center">
{project.images.map((image, i) => (
<a
href={image}