From f52388863447476a47dda0ce698ad6c1113881b4 Mon Sep 17 00:00:00 2001 From: eund00 Date: Tue, 5 Nov 2024 23:34:11 +0900 Subject: [PATCH] =?UTF-8?q?[=EC=9D=B4=EC=9D=80=EC=A3=BC]=20sprint3=20(#99)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * Reflect code review feedback * 폴더 수정 * add mission3 --- common.css => css/common.css | 27 +- css/index.css | 313 ++++++++++++++++++ css/login.css | 135 ++++++++ reset.css => css/reset.css | 0 css/signup.css | 135 ++++++++ faq.html | 1 + ...rif Bold.ttf => ROKAF-Slab-Serif-Bold.ttf} | Bin ...Medium.ttf => ROKAF-Slab-Serif-Medium.ttf} | Bin img/og-image.png | Bin 0 -> 10216 bytes index.css | 223 ------------- index.html | 39 ++- items.html | 1 + login.css | 110 ------ login.html | 103 +++--- privacy.html | 1 + signup.html | 146 ++++---- 16 files changed, 771 insertions(+), 463 deletions(-) rename common.css => css/common.css (71%) create mode 100644 css/index.css create mode 100644 css/login.css rename reset.css => css/reset.css (100%) create mode 100644 css/signup.css rename font/{ROKAF Slab Serif Bold.ttf => ROKAF-Slab-Serif-Bold.ttf} (100%) rename font/{ROKAF Slab Serif Medium.ttf => ROKAF-Slab-Serif-Medium.ttf} (100%) create mode 100644 img/og-image.png delete mode 100644 index.css delete mode 100644 login.css diff --git a/common.css b/css/common.css similarity index 71% rename from common.css rename to css/common.css index 7155423cb..b80c8bbfd 100644 --- a/common.css +++ b/css/common.css @@ -1,8 +1,8 @@ /* font */ @font-face { font-family: "ROKAF"; - src: url("font/ROKAF\ Slab\ Serif\ Medium.ttf") format("truetype"); - src: url("font/ROKAF\ Slab\ Serif\ Bold.ttf") format("truetype"); + src: url("../font/ROKAF-Slab-Serif-Medium.ttf") format("truetype"); + src: url("../font/ROKAF-Slab-Serif-Bold.ttf") format("truetype"); } @font-face { font-family: "pretendard"; @@ -50,10 +50,27 @@ font-weight: 100; } -* { +body { font-family: "pretendard"; } -.base-container { - max-width: 1120px; +:root { + --white: #ffffff; + + --gray-900: #1b1d1f; + --gray-800: #26282b; + --gray-600: #454c53; + --gray-500: #72787f; + --gray-400: #9ea4a8; + --gray-200: #e5e7eb; + --gray-100: #e8ebed; + --gray-50: #f7f7f8; + + --blue1: #3692ff; + --blue2: #1967d6; + --blue3: #1251aa; + --blue4: #cfe5ff; + --blue5: #e6f2ff; + + --red: #f74747; } diff --git a/css/index.css b/css/index.css new file mode 100644 index 000000000..cc5c525c9 --- /dev/null +++ b/css/index.css @@ -0,0 +1,313 @@ +/* PC view */ +@media screen { + /* header */ + .header { + z-index: 99; + position: sticky; + top: 0; + left: 0; + right: 0; + height: 70px; + background-color: var(--white); + } + .header__container { + height: 100%; + margin: 0 auto; + padding: 0 200px; + display: flex; + justify-content: space-between; + align-items: center; + } + .header__logo--logo-text { + position: relative; + padding-left: 50px; + font-family: "ROKAF"; + font-size: 26px; + color: var(--blue1); + } + .header__logo--logo-text::before { + content: ""; + position: absolute; + top: 50%; + left: 0; + transform: translateY(-50%); + width: 40px; + height: 41px; + background: url("../img/logo.png") no-repeat center / contain; + } + .header__login--login-text { + padding: 15px 30px; + border-radius: 8px; + color: var(--gray-50); + font-size: 16px; + font-weight: 600; + text-align: center; + background: #3692ff; + } + .header__login--login-text:hover { + background-color: #1967d6; + } + + /* every */ + .section-every { + position: relative; + padding-top: 100px; + background-color: var(--blue4); + } + .every__container { + display: flex; + justify-content: center; + align-items: center; + height: 100%; + margin: 0 auto; + } + .every__text-group { + display: flex; + flex-direction: column; + justify-content: center; + gap: 20px; + height: 100%; + } + .every__text { + font-weight: 700; + font-size: 40px; + line-height: 56px; + color: var(--gray-600); + } + .every__link { + padding: 15px 130px; + font-size: 20px; + font-weight: 600; + text-align: center; + color: var(--white); + background-color: var(--blue1); + border: none; + border-radius: 40px; + } + .every__link:hover { + background-color: var(--blue2); + } + + /* goods */ + .goods__container { + display: flex; + max-width: 1200px; + margin: 200px auto; + flex-direction: column; + gap: 250px; + } + .goods__container-group { + display: flex; + width: 100%; + align-items: center; + border-radius: 12px; + overflow: hidden; + } + .goods__container-group:nth-child(even) .goods__img-container { + order: 1; + } + .goods__img-container { + width: 55%; + border-radius: 15px; + } + .goods__text-box { + display: flex; + width: 45%; + justify-content: center; + } + .goods__container-group:nth-child(even) .goods__inner { + text-align: right; + } + .goods__description { + font-size: 18px; + line-height: 26px; + font-weight: 700; + color: var(--blue1); + } + .goods__title { + padding: 20px 0; + font-size: 40px; + line-height: 56px; + font-weight: 700; + color: var(--gray-600); + } + .goods__text { + font-size: 24px; + line-height: 32px; + font-weight: 500; + color: var(--gray-600); + } + + /* trust */ + .section-trust { + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + padding-top: 100px; + background-color: var(--blue4); + } + .trust__text { + font-weight: 700; + font-size: 40px; + line-height: 56px; + color: var(--gray-600); + } + + /* footer */ + .footer { + width: 100%; + padding: 40px 30px; + box-sizing: border-box; + background-color: var(--gray-900); + } + .footer__container { + display: flex; + justify-content: space-between; + max-width: 1110px; + margin: 0 auto; + } + .footer p, + .footer a { + font-size: 16px; + font-weight: 400; + } + .footer__copyright { + color: var(--gray-400); + } + .footer__menu-group { + display: flex; + gap: 30px; + } + .footer__menu-group a { + color: var(--gray-200); + text-decoration: none; + } + .footer__menu-group a:hover { + opacity: 0.5; + } + .footer__sns-group { + display: flex; + gap: 12px; + } + .footer__sns-group li { + width: 20px; + height: 20px; + } + .footer__sns-group a { + display: block; + width: 100%; + height: 100%; + font-size: 0; + background-repeat: no-repeat; + background-position: center; + } + .footer__sns-group a:hover { + opacity: 0.5; + } + .footer__sns-group--facebook { + background-image: url("../img/ic_facebook.png"); + } + .footer__sns-group--twitter { + background-image: url("../img/ic_twitter.png"); + } + .footer__sns-group--youtube { + background-image: url("../img/ic_youtube.png"); + } + .footer__sns-group--instagram { + background-image: url("../img/ic_instagram.png"); + } +} + +/* Tablet view */ +@media (min-width: 768px) and (max-width: 1199px) { + .header__container { + padding: 0 24px; + } + .section-every { + height: auto; + } + .every__container { + flex-direction: column; + align-items: center; + gap: 150px; + padding-top: 100px; + } + .goods__container-group { + flex-direction: column; + align-items: flex-start; + gap: 20px; + } + .goods__img-container { + width: 90%; + border-radius: 15px; + margin: 0 auto; + } + .goods__text-box { + width: 90%; + margin: 0 auto; + justify-content: flex-start; + } + .goods__container-group:nth-child(even) .goods__text-box { + justify-content: flex-end; + } + .goods__container-group:nth-child(even) .goods__img-container { + order: inherit; + } + .section-trust { + flex-direction: column; + padding: 0; + } + .trust__text { + padding: 100px 0; + } +} + +/* Mobile view */ +@media (min-width: 375px) and (max-width: 767px) { + main { + overflow: hidden; + } + .header__container { + padding: 0 16px; + } + .every__container { + flex-direction: column; + gap: 100px; + } + .goods__container { + gap: 80px; + margin: 80px auto; + } + .goods__container-group { + gap: 20px; + flex-direction: column; + } + .goods__img-container { + width: 90%; + } + .goods__text-box { + width: 90%; + justify-content: flex-start; + } + .goods__container-group:nth-child(even) .goods__img-container { + order: inherit; + } + .goods__container-group:nth-child(even) .goods__text-box { + justify-content: flex-end; + } + .section-trust { + flex-direction: column; + gap: 150px; + } + .footer__container { + position: relative; + padding-bottom: 80px; + height: 100%; + box-sizing: border-box; + } + .footer__copyright { + position: absolute; + bottom: 0; + } +} diff --git a/css/login.css b/css/login.css new file mode 100644 index 000000000..fde16edd2 --- /dev/null +++ b/css/login.css @@ -0,0 +1,135 @@ +/* PC view */ +@media screen { + .main { + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + } + .main-container { + width: 640px; + } + .main__logo { + font-family: "ROKAF"; + font-size: 65px; + color: var(--blue1); + display: flex; + justify-content: center; + align-items: center; + gap: 10px; + } + + /** main__login-wrap **/ + .main__login-wrap { + margin-top: 40px; + } + /* form */ + .login__form { + display: flex; + flex-direction: column; + gap: 25px; + } + .form__item { + position: relative; + display: flex; + flex-direction: column; + gap: 20px; + font-size: 16px; + line-height: 26px; + } + .form__label { + font-weight: 700; + } + .form__input { + font-weight: 400; + padding: 16px 24px; + border: none; + background-color: var(--gray-100); + border-radius: 12px; + } + .form__input:focus { + outline: 2px solid var(--blue1); + } + .form__password-hidden { + position: absolute; + bottom: 10px; + right: 10px; + width: 24px; + height: 24px; + background: url(img/icon-hidden.png) no-repeat center / contain; + border: none; + cursor: pointer; + } + .form__button { + font-size: 20px; + color: var(--gray-50); + background-color: var(--gray-400); + border-radius: 40px; + border: none; + padding: 16px 0; + cursor: pointer; + } + .form__button:hover { + background-color: var(--blue1); + } + /* social_login */ + .social_login { + display: flex; + justify-content: space-between; + align-items: center; + padding: 15px 25px; + margin-top: 25px; + background-color: var(--blue5); + border-radius: 8px; + } + .social_login__text { + font-weight: 500; + } + .social_login__icon-wrap { + display: flex; + gap: 20px; + } + .social__icon { + width: 42px; + height: 42px; + border-radius: 50%; + font-size: 0; + } + .social__icon-google { + background-image: url(../img/icon-goggle.png); + } + .social__icon-kakao { + background-image: url(../img/icon-kakao.png); + } + .social__description { + display: flex; + justify-content: center; + gap: 10px; + margin-top: 25px; + } + .description__link { + text-decoration: underline; + color: var(--blue1); + } +} + +/* Tablet view */ +@media (min-width: 768px) and (max-width: 1199px) { + .main { + margin: 0 50px; + } + .main-container { + width: 100%; + } +} + +/* Mobile view */ +@media (min-width: 375px) and (max-width: 767px) { + .main-container { + margin: 0 16px; + } + .main__login-wrap { + max-width: 400px; + margin: 40px auto 0; + } +} diff --git a/reset.css b/css/reset.css similarity index 100% rename from reset.css rename to css/reset.css diff --git a/css/signup.css b/css/signup.css new file mode 100644 index 000000000..fde16edd2 --- /dev/null +++ b/css/signup.css @@ -0,0 +1,135 @@ +/* PC view */ +@media screen { + .main { + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + } + .main-container { + width: 640px; + } + .main__logo { + font-family: "ROKAF"; + font-size: 65px; + color: var(--blue1); + display: flex; + justify-content: center; + align-items: center; + gap: 10px; + } + + /** main__login-wrap **/ + .main__login-wrap { + margin-top: 40px; + } + /* form */ + .login__form { + display: flex; + flex-direction: column; + gap: 25px; + } + .form__item { + position: relative; + display: flex; + flex-direction: column; + gap: 20px; + font-size: 16px; + line-height: 26px; + } + .form__label { + font-weight: 700; + } + .form__input { + font-weight: 400; + padding: 16px 24px; + border: none; + background-color: var(--gray-100); + border-radius: 12px; + } + .form__input:focus { + outline: 2px solid var(--blue1); + } + .form__password-hidden { + position: absolute; + bottom: 10px; + right: 10px; + width: 24px; + height: 24px; + background: url(img/icon-hidden.png) no-repeat center / contain; + border: none; + cursor: pointer; + } + .form__button { + font-size: 20px; + color: var(--gray-50); + background-color: var(--gray-400); + border-radius: 40px; + border: none; + padding: 16px 0; + cursor: pointer; + } + .form__button:hover { + background-color: var(--blue1); + } + /* social_login */ + .social_login { + display: flex; + justify-content: space-between; + align-items: center; + padding: 15px 25px; + margin-top: 25px; + background-color: var(--blue5); + border-radius: 8px; + } + .social_login__text { + font-weight: 500; + } + .social_login__icon-wrap { + display: flex; + gap: 20px; + } + .social__icon { + width: 42px; + height: 42px; + border-radius: 50%; + font-size: 0; + } + .social__icon-google { + background-image: url(../img/icon-goggle.png); + } + .social__icon-kakao { + background-image: url(../img/icon-kakao.png); + } + .social__description { + display: flex; + justify-content: center; + gap: 10px; + margin-top: 25px; + } + .description__link { + text-decoration: underline; + color: var(--blue1); + } +} + +/* Tablet view */ +@media (min-width: 768px) and (max-width: 1199px) { + .main { + margin: 0 50px; + } + .main-container { + width: 100%; + } +} + +/* Mobile view */ +@media (min-width: 375px) and (max-width: 767px) { + .main-container { + margin: 0 16px; + } + .main__login-wrap { + max-width: 400px; + margin: 40px auto 0; + } +} diff --git a/faq.html b/faq.html index 6b76efa7a..27b4664ce 100644 --- a/faq.html +++ b/faq.html @@ -3,6 +3,7 @@ + Document diff --git a/font/ROKAF Slab Serif Bold.ttf b/font/ROKAF-Slab-Serif-Bold.ttf similarity index 100% rename from font/ROKAF Slab Serif Bold.ttf rename to font/ROKAF-Slab-Serif-Bold.ttf diff --git a/font/ROKAF Slab Serif Medium.ttf b/font/ROKAF-Slab-Serif-Medium.ttf similarity index 100% rename from font/ROKAF Slab Serif Medium.ttf rename to font/ROKAF-Slab-Serif-Medium.ttf diff --git a/img/og-image.png b/img/og-image.png new file mode 100644 index 0000000000000000000000000000000000000000..158e4f5f51509c2874dbf851b94f868bee8d58b9 GIT binary patch literal 10216 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 + + + + + 판다마켓 - - - + + +
@@ -28,16 +39,17 @@

구경하러가기 판다 캐릭터가 파란색 가방을 메고 서 있는 그림
-
+
초록색 옷을 바라보는 판다 둘 그림 @@ -57,7 +69,7 @@

물음표 박스 위에 있는 돋보기 그림 @@ -77,7 +89,7 @@

필통과 수첩 그리고 안경 등 상품의 그림 @@ -98,14 +110,11 @@

-
-
-

- 믿을 수 있는
- 판다마켓 중고 거래 -

-
-
+

+ 믿을 수 있는
+ 판다마켓 중고 거래 +

+