Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

main <- staging 배포 #43

Merged
merged 1 commit into from
Feb 11, 2024
Merged

main <- staging 배포 #43

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,7 @@
"next-themes": "^0.2.1",
"react": "^18",
"react-dom": "^18",
"react-icons": "^5.0.1",
"rehype-autolink-headings": "^7.1.0",
"rehype-pretty-code": "^0.12.6",
"remark-gfm": "3.0.1",
Expand Down
27 changes: 15 additions & 12 deletions src/app/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,14 @@ import { type Metadata } from 'next';
import Image from 'next/image';
import Link from 'next/link';
import clsx from 'clsx';
import { GitHubIcon, InstagramIcon, LinkedInIcon } from '@/components/icons';
import {
FaRssSquare as RssIcon,
FaGithub as GitHubIcon,
FaInstagram as InstagramIcon,
} from 'react-icons/fa';
import { MdEmail as MailIcon } from 'react-icons/md';
import { FaLinkedin as LinkedInIcon } from 'react-icons/fa6';

import portraitImage from '@/images/portrait.jpg';

interface SocialProps {
Expand All @@ -26,17 +33,6 @@ function SocialLink({ className, href, children, icon: Icon }: SocialProps) {
);
}

function MailIcon(props: React.ComponentPropsWithoutRef<'svg'>) {
return (
<svg viewBox="0 0 24 24" aria-hidden="true" {...props}>
<path
fillRule="evenodd"
d="M6 5a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3H6Zm.245 2.187a.75.75 0 0 0-.99 1.126l6.25 5.5a.75.75 0 0 0 .99 0l6.25-5.5a.75.75 0 0 0-.99-1.126L12 12.251 6.245 7.187Z"
/>
</svg>
);
}

export const metadata: Metadata = {
title: 'About',
description:
Expand Down Expand Up @@ -131,6 +127,13 @@ export default function Page() {
>
GitHub
</SocialLink>
<SocialLink
href="https://sang-kwon-yeum.me/rss.xml"
icon={RssIcon}
className="mt-4"
>
GitHub
</SocialLink>
<SocialLink href="#" icon={LinkedInIcon} className="mt-4">
LinkedIn
</SocialLink>
Expand Down
22 changes: 22 additions & 0 deletions src/components/icons/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,3 +34,25 @@ export function LinkedInIcon(props: React.ComponentPropsWithoutRef<'svg'>) {
</svg>
);
}

export function RssIcon(props: React.ComponentPropsWithoutRef<'svg'>) {
return (
<svg
width="10"
height="10"
viewBox="0 0 10 10"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M1.36719 10H8.63281C9.38789 10 10 9.38789 10 8.63281V1.36719C10 0.612111 9.38789 0 8.63281 0H1.36719C0.612111 0 0 0.612111 0 1.36719V8.63281C0 9.38789 0.612111 10 1.36719 10Z"
fill="#EA7819"
/>
<path
d="M1.58313 5.21775C2.43673 5.21775 3.23916 5.55118 3.8422 6.15767C4.44633 6.76415 4.77895 7.57196 4.77895 8.4319H6.09437C6.09437 5.93413 4.07056 3.90219 1.58313 3.90219V5.21775ZM1.5852 2.88573C4.6274 2.88573 7.10255 5.3744 7.10255 8.43355H8.41797C8.41797 4.64891 5.35261 1.57031 1.5852 1.57031V2.88573ZM3.40423 7.51459C3.40423 8.01765 2.99619 8.42569 2.49313 8.42569C1.99007 8.42569 1.58203 8.01779 1.58203 7.51459C1.58203 7.01126 1.98994 6.60349 2.49299 6.60349C2.99605 6.60349 3.40423 7.01126 3.40423 7.51459Z"
fill="white"
/>
</svg>
);
}
5 changes: 5 additions & 0 deletions yarn.lock
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3513,6 +3513,11 @@ react-dom@^18:
loose-envify "^1.1.0"
scheduler "^0.23.0"

react-icons@^5.0.1:
version "5.0.1"
resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-5.0.1.tgz#1694e11bfa2a2888cab47dcc30154ce90485feee"
integrity sha512-WqLZJ4bLzlhmsvme6iFdgO8gfZP17rfjYEJ2m9RsZjZ+cc4k1hTzknEz63YS1MeT50kVzoa1Nz36f4BEx+Wigw==

react-is@^16.13.1:
version "16.13.1"
resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
Expand Down
Loading