From d8577a844f6d317a3a6cf118b959ffe9be9cd975 Mon Sep 17 00:00:00 2001 From: d0dam Date: Mon, 30 Oct 2023 17:49:53 +0900 Subject: [PATCH] =?UTF-8?q?=EA=B8=B0=EB=8A=A5:=20=EB=A9=94=EC=9D=B8?= =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=201=EC=B0=A8=20=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../HomepageFeatures/index.module.css | 43 +++++++++++++++++++ src/components/HomepageFeatures/index.tsx | 23 +++++++++- src/pages/index.tsx | 8 ++-- static/img/d0dam.svg | 9 ++++ 4 files changed, 79 insertions(+), 4 deletions(-) create mode 100644 src/components/HomepageFeatures/index.module.css create mode 100644 static/img/d0dam.svg diff --git a/src/components/HomepageFeatures/index.module.css b/src/components/HomepageFeatures/index.module.css new file mode 100644 index 0000000..7aeb33a --- /dev/null +++ b/src/components/HomepageFeatures/index.module.css @@ -0,0 +1,43 @@ +.container { + width: 100%; + height: 100%; +} + +.top { + display: flex; + justify-content: space-around; + font-size: 32px; + margin: 0 64px; + border-bottom: 1px solid #eee; +} + +.top > div { + display: flex; + flex-direction: column; + justify-content: center; +} + +.img { + width: 340px; +} + +.button-section { + margin-top: 124px; + display: flex; + gap: 256px; + align-items: center; + justify-content: center; +} + +.button-section > button { + border: 1px solid #ddd; + border-radius: 8px; + padding: 16px 32px; + background: none; + font-size: 24px; + cursor: pointer; +} + +.button-section > button:hover { + background: #ddd; +} diff --git a/src/components/HomepageFeatures/index.tsx b/src/components/HomepageFeatures/index.tsx index e1e85b0..66389e4 100644 --- a/src/components/HomepageFeatures/index.tsx +++ b/src/components/HomepageFeatures/index.tsx @@ -1,5 +1,26 @@ import React from 'react'; +import styles from './index.module.css'; export default function HomepageFeatures(): JSX.Element { - return
; + const gotoBlog = () => window.open('/blog'); + const gotoGithub = () => window.open('https://github.com/d0dam'); + + return ( +
+
+
+
안녕하세요!
+
Javascript 를 사랑하는
+
+ Frontend 개발자 도담입니다 :{')'} +
+
+ 메인 사진 +
+
+ + +
+
+ ); } diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 8f95cb4..f912f4f 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -4,8 +4,10 @@ import HomepageFeatures from '@site/src/components/HomepageFeatures'; export default function Home(): JSX.Element { return ( -
- -
+ +
+ +
+ ); } diff --git a/static/img/d0dam.svg b/static/img/d0dam.svg new file mode 100644 index 0000000..3f8dfd2 --- /dev/null +++ b/static/img/d0dam.svg @@ -0,0 +1,9 @@ + + + + + + + + +