Skip to content

[진성진] Sprint 3 #32

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

Merged
dongqui merged 6 commits into from
Jan 21, 2025
Merged

[진성진] Sprint 3 #32

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
fb14146
refactor(진성진): 스프린트 2 피드백 반영
cozy-ito Jan 17, 2025
8fc2b64
refactor(진성진): 메인 페이지 태블릿 반응형 UI 구현
cozy-ito Jan 17, 2025
4d26161
refactor(진성진): 메인 페이지 모바일 반응형 UI 구현
cozy-ito Jan 17, 2025
ef829e1
rafactor(진성진): 로그인, 회원가입 모바일 반응형 UI 구현
cozy-ito Jan 17, 2025
533a959
--amend
cozy-ito Jan 17, 2025
7dc166b
refactor(진성진): 메인 페이지 오픈그래프 적용
cozy-ito Jan 17, 2025
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
50 changes: 36 additions & 14 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,17 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta property="og:title" content="판다마켓" />
<meta
property="og:description"
content="일상의 모든 물건을 거래해보세요."
/>
<meta
property="og:url"
content="https://cozy-ito-panda-market.netlify.app/"
/>
<meta property="og:image" content="src/assets/img/open_graph_img.png" />
Copy link
Collaborator

@dongqui dongqui Jan 21, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

og도 넣어주셧네요~! 👍


<link rel="stylesheet" href="src/styles/common.css" />
<link rel="stylesheet" href="src/styles/main.css" />
<title>판다마켓</title>
Expand All @@ -11,7 +22,16 @@
<header class="main-header">
<nav class="main-nav">
<a href="/">
<img src="src/assets/img/panda-logo.png" alt="판다마켓 로고" />
<picture>
Copy link
Collaborator

@dongqui dongqui Jan 21, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

picture를 활용하셨군요! 👍

<source
srcset="src/assets/img/logo_with_panda_icon.svg"
media="(min-width: 768px)"
/>
<img
src="src/assets/img/logo_without_panda_icon.svg"
alt="판다마켓 로고"
/>
</picture>
</a>
<a class="login" href="login.html">로그인</a>
</nav>
Expand All @@ -20,11 +40,13 @@
<main class="home-main">
<section class="hero-section">
<div class="center-content">
<p class="title">
일상의 모든 물건을 <br />
거래해 보세요
</p class="title">
<a href="items.html">구경하러 가기</a>
<div class="content">
<p>
일상의 모든 물건을 <br />
거래해 보세요
</p>
<a href="items.html">구경하러 가기</a>
</div>
<img
src="src/assets/img/img_home_top.png"
alt="홈페이지 상단 판다 이미지"
Expand All @@ -36,10 +58,10 @@
<img src="src/assets/img/img_home_01.png" alt="메인이미지1" />
<div class="content">
<span class="subtitle">Hot Item</span>
<h2 class="title">
<p class="title">
인기 상품을 <br />
확인해 보세요
</h2>
</p>
<p class="description">
가장 HOT한 중고거래 물품을 <br />
판다 마켓에서 확인해 보세요
Expand All @@ -52,10 +74,10 @@ <h2 class="title">
<img src="src/assets/img/img_home_02.png" alt="메인이미지2" />
<div class="content">
<span class="subtitle">Search</span>
<h2 class="title">
<p class="title">
구매를 원하는 <br />
상품을 검색하세요
</h2>
</p>
<p class="description">
구매하고 싶은 물품은 검색해서 <br />
쉽게 찾아보세요!
Expand All @@ -68,10 +90,10 @@ <h2 class="title">
<img src="src/assets/img/img_home_03.png" alt="메인이미지3" />
<div class="content reset-right-padding">
<span class="subtitle">Register</span>
<h2 class="title">
<p class="title">
판매를 원하는 <br />
상품을 등록하세요
</h2>
</p>
<p class="description">
어떤 물건이든 판매하고 싶은 상품을 <br />
쉽게 등록하세요
Expand All @@ -81,10 +103,10 @@ <h2 class="title">
</section>
<section class="bottom-section">
<div class="center-content">
<h2 class="title">
<p class="title">
믿을 수 있는 <br />
판다마켓 중고 거래
</h2>
</p>
<img
src="src/assets/img/img_home_bottom.png"
alt="홈페이지 하단 판다이미지"
Expand Down
11 changes: 7 additions & 4 deletions login.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,12 +12,15 @@
<div class="login-main">
<div class="logo">
<a href="index.html">
<img src="src/assets/img/logo.svg" alt="판다 마켓 로고" />
<img
src="src/assets/img/logo_with_panda_icon.svg"
alt="판다 마켓 로고"
/>
</a>
</div>
<form class="login-form">
<label for="email" class="login-label">
<p>이메일</p>
<span>이메일</span>
<div class="login-input-box">
<input
id="email"
Expand All @@ -28,7 +31,7 @@
</div>
</label>
<label for="password" class="login-label">
<p>비밀번호</p>
<span>비밀번호</span>
<div class="login-input-box">
<input
id="password"
Expand All @@ -45,7 +48,7 @@
<button class="login-button">로그인</button>
</form>
<div class="convenient-login-box">
<p>간편 로그인하기</p>
<span>간편 로그인하기</span>
<div class="convenient-login-icon-box">
<a href="https://www.google.com/">
<img src="src/assets/icons/ic_google.svg" alt="구글 아이콘" />
Expand Down
15 changes: 9 additions & 6 deletions signup.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,12 +12,15 @@
<div class="login-main">
<div class="logo">
<a href="index.html">
<img src="src/assets/img/logo.svg" alt="판다 마켓 로고" />
<img
src="src/assets/img/logo_with_panda_icon.svg"
alt="판다 마켓 로고"
/>
</a>
</div>
<form class="login-form">
<label for="email" class="login-label">
<p>이메일</p>
<span>이메일</span>
<div class="login-input-box">
<input
id="email"
Expand All @@ -28,7 +31,7 @@
</div>
</label>
<label for="nickname" class="login-label">
<p>닉네임</p>
<span>닉네임</span>
<div class="login-input-box">
<input
id="nickname"
Expand All @@ -39,7 +42,7 @@
</div>
</label>
<label for="password" class="login-label">
<p>비밀번호</p>
<span>비밀번호</span>
<div class="login-input-box">
<input
id="password"
Expand All @@ -54,7 +57,7 @@
</div>
</label>
<label for="repassword" class="login-label">
<p>비밀번호 확인</p>
<span>비밀번호 확인</span>
<div class="login-input-box">
<input
id="repassword"
Expand All @@ -71,7 +74,7 @@
<button class="login-button">회원가입</button>
</form>
<div class="convenient-login-box">
<p>간편 로그인하기</p>
<span>간편 로그인하기</span>
<div class="convenient-login-icon-box">
<a href="https://www.google.com/">
<img src="src/assets/icons/ic_google.svg" alt="구글 아이콘" />
Expand Down
15 changes: 0 additions & 15 deletions src/assets/img/logo.svg
View file
Open in desktop

This file was deleted.

15 changes: 15 additions & 0 deletions src/assets/img/logo_with_panda_icon.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions src/assets/img/logo_without_panda_icon.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/assets/img/open_graph_img.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed src/assets/img/panda-logo.png
View file
Open in desktop
Binary file not shown.
Loading
Loading