mirror of
https://git.aramjonghu.dev/AramJonghu/aramjonghu-site.git
synced 2026-09-07 07:43:31 +02:00
feat(avatar): added avatar to portfolio
This commit is contained in:
Binary file not shown.
|
After Width: | Height: | Size: 367 KiB |
@@ -7,6 +7,7 @@ import portfolio from "../content/portfolio.json";
|
|||||||
|
|
||||||
import forgejo from "../assets/images/forgejo.svg";
|
import forgejo from "../assets/images/forgejo.svg";
|
||||||
import gitea from "../assets/images/gitea.svg";
|
import gitea from "../assets/images/gitea.svg";
|
||||||
|
import avatar from "../assets/images/portfolio_avatar.png";
|
||||||
|
|
||||||
const LOGOS: Record<string, string> = { forgejo, gitea };
|
const LOGOS: Record<string, string> = { forgejo, gitea };
|
||||||
|
|
||||||
@@ -175,9 +176,11 @@ export default function Portfolio(): ReactElement {
|
|||||||
</div>
|
</div>
|
||||||
<div className="space-y-6">
|
<div className="space-y-6">
|
||||||
<div className="bg-ctp-mantle border border-ctp-lavender-800 rounded-xl p-6">
|
<div className="bg-ctp-mantle border border-ctp-lavender-800 rounded-xl p-6">
|
||||||
<div className="size-20 rounded-full bg-ctp-surface0 border border-ctp-text flex items-center justify-center text-2xl font-bold text-ctp-mauve mb-4">
|
<img
|
||||||
{profile.name[0]}
|
src={avatar}
|
||||||
</div>
|
alt={`${profile.name} avatar`}
|
||||||
|
className="size-28 border border-ctp-lavender-800 rounded-xl object-cover mb-4"
|
||||||
|
/>
|
||||||
<h2 className="text-3xl font-bold text-ctp-mauve">
|
<h2 className="text-3xl font-bold text-ctp-mauve">
|
||||||
{profile.name}
|
{profile.name}
|
||||||
</h2>
|
</h2>
|
||||||
|
|||||||
Reference in New Issue
Block a user