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}

19
yarn.lock
View File

@ -15590,6 +15590,17 @@ __metadata:
languageName: node
linkType: hard
"react-typed@npm:^2.0.12":
version: 2.0.12
resolution: "react-typed@npm:2.0.12"
dependencies:
typed.js: "npm:^2.1.0"
peerDependencies:
react: ">16.8.0"
checksum: 10c0/31b0cb66c0245e74058f17a8a6d7496af51a3964a4a4af888312992883833090e0b1d4a0afb91c2ef1c93d3d1d476ad79ff5e9c44f7acfd24f3c75c634e2155e
languageName: node
linkType: hard
"react@npm:18.3.1":
version: 18.3.1
resolution: "react@npm:18.3.1"
@ -17659,6 +17670,13 @@ __metadata:
languageName: node
linkType: hard
"typed.js@npm:^2.1.0":
version: 2.1.0
resolution: "typed.js@npm:2.1.0"
checksum: 10c0/a85339064b0d96d01622ea4729436a36172aa0b634cf8e07c1735a5dd50bb35e92b97db412c307fa3364dc2c106efbf9ab7a0bd47a5268f5f7034b4a5effdab2
languageName: node
linkType: hard
"typescript@npm:5.6.2":
version: 5.6.2
resolution: "typescript@npm:5.6.2"
@ -18190,6 +18208,7 @@ __metadata:
react-colorful: "npm:^5.6.1"
react-device-detect: "npm:^2.2.3"
react-dom: "npm:18.3.1"
react-typed: "npm:^2.0.12"
tailwindcss: "npm:^3.4.8"
languageName: unknown
linkType: soft