diff --git a/src/components/MoreLink/index.tsx b/src/components/MoreLink/index.tsx
index 8f118ab..b8f570a 100644
--- a/src/components/MoreLink/index.tsx
+++ b/src/components/MoreLink/index.tsx
@@ -3,10 +3,38 @@ import { css } from '@emotion/react';
import React from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faAt, faCode, faLink, faPencilAlt } from '@fortawesome/free-solid-svg-icons';
-import { faGithub } from '@fortawesome/free-brands-svg-icons';
+import { faGithub, faLinkedin } from '@fortawesome/free-brands-svg-icons';
import ContentBlock from '../ContentBlock';
import { Title } from '../Typography';
+const links = [
+ {
+ title: 'GitHub',
+ link: 'https://github.com/SkyLightQP/',
+ icon: faGithub
+ },
+ {
+ title: 'Blog',
+ link: 'https://blog.skylightqp.kr/',
+ icon: faLink
+ },
+ {
+ title: 'Baekjoon',
+ link: 'https://www.acmicpc.net/user/combbm',
+ icon: faCode
+ },
+ {
+ title: 'Today I Learned',
+ link: 'https://til.skylightqp.kr/',
+ icon: faPencilAlt
+ },
+ {
+ title: 'Linkedin',
+ link: 'https://www.linkedin.com/in/daegyeom/',
+ icon: faLinkedin
+ }
+];
+
const MoreLink: React.FC = () => {
const onEmailClick = () => {
window.open('mailto:combbm@gmail.com');
@@ -18,11 +46,10 @@ const MoreLink: React.FC = () => {
e.key === 'Enter' && onEmailClick()}
+ onKeyUp={(e) => e.key === 'Enter' && onEmailClick()}
onClick={onEmailClick}
css={css`
cursor: pointer;
-
&:hover {
text-decoration: underline;
}
@@ -32,29 +59,13 @@ const MoreLink: React.FC = () => {
-
- <a href="https://github.com/SkyLightQP/" target="_blank" rel="noopener noreferrer">
- <FontAwesomeIcon icon={faGithub} size="sm" /> GitHub
- </a>
-
-
-
- <a href="https://blog.skylightqp.kr/" target="_blank" rel="noopener noreferrer">
- <FontAwesomeIcon icon={faLink} size="sm" /> Blog
- </a>
-
-
-
- <a href="https://www.acmicpc.net/user/combbm" target="_blank" rel="noopener noreferrer">
- <FontAwesomeIcon icon={faCode} size="sm" /> Baekjoon
- </a>
-
-
-
- <a href="https://til.skylightqp.kr/" target="_blank" rel="noopener noreferrer">
- <FontAwesomeIcon icon={faPencilAlt} size="sm" /> Today I Learned
- </a>
-
+ {links.map((link) => (
+
+ <a href={link.link} target="_blank" rel="noopener noreferrer">
+ <FontAwesomeIcon icon={link.icon} size="sm" /> {link.title}
+ </a>
+
+ ))}
);
};
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 006e880..2efb5e1 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -24,7 +24,7 @@ const App = ({
return (
<>
- Daegyeom Ha | daegyeo.me
+ Daegyeom Ha | resume