[정지원] sprint2 #119
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
File renamed without changes
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
File renamed without changes
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
File renamed without changes
File renamed without changes
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,9 +1,86 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="ko"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <title>판다마켓 - login</title> | ||
| <link rel="icon" href="images/logo/favicon.ico" /> | ||
| <link | ||
| rel="stylesheet" | ||
| as="style" | ||
| crossorigin | ||
| href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard.min.css" | ||
| /> | ||
| <link rel="stylesheet" href="/styles/reset.css" /> | ||
| <link rel="stylesheet" href="/styles/global.css" /> | ||
| <link rel="stylesheet" href="/styles/auth.css" /> | ||
| </head> | ||
| <body> | ||
| <div class="auth-container"> | ||
| <!-- 판다마켓 로고 --> | ||
| <div class="logo-wrapper"> | ||
| <a href="/index.html"> | ||
| <img | ||
| src="/images/logo/pandaMarket-Logo.png" | ||
| alt="판다마켓 logo" | ||
| width="396" | ||
| /> | ||
| </a> | ||
| </div> | ||
|
|
||
| <!-- 로그인 입력 폼 --> | ||
| <form method="post"> | ||
| <div class="input-form"> | ||
| <label for="email">이메일</label> | ||
| <input | ||
|
|
||
| id="email" | ||
| type="email" | ||
| name="email" | ||
| placeholder="이메일을 입력해주세요" | ||
| /> | ||
| </div> | ||
| <div class="input-form"> | ||
| <label for="password">비밀번호</label> | ||
| <div class="input-form-wrapper"> | ||
| <input | ||
| id="password" | ||
| type="password" | ||
| name="password" | ||
| placeholder="비밀번호를 입력해주세요" | ||
| /> | ||
| <img | ||
|
Collaborator
There was a problem hiding this comment. 이미지에 기능이 있다면, button으로 감싸거나 aria-label 등을 활용하시면 접근성에 좋습니다 :) |
||
| src="/images/icon/auth/eye-invisible.svg" | ||
| alt="비밀번호 숨김" | ||
| class="password-show" | ||
| width="24" | ||
| /> | ||
| </div> | ||
| </div> | ||
| <!-- 나중에 페이지 연결 예정 --> | ||
| <a href="#" id="auth-button" class="button btn-round">로그인</a> | ||
|
Collaborator
There was a problem hiding this comment. 나중에 하시겠지만, 로그인은 a 가 아니라 submit 기능을 가진 버튼이 되겠네요~! :) |
||
| </form> | ||
|
|
||
| <!-- 간편 로그인 --> | ||
| <div class="login-simple"> | ||
| <div class="login-simple-title">간편 로그인 하기</div> | ||
| <div class="login-simple-social"> | ||
| <a href="https://www.google.com/" | ||
| ><img | ||
| src="/images/icon/sns/google.png" | ||
| alt="google login" | ||
| width="42" | ||
| /></a> | ||
| <a href="https://www.kakaocorp.com/page/" | ||
| ><img src="/images/icon/sns/kakao.png" alt="kakao login" width="42" | ||
| /></a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!-- 회원가입 페이지로 이동 --> | ||
| <div class="switch-auth-wrapper"> | ||
| 판다마켓이 처음이신가요? | ||
| <a href="signup.html" class="switch-auth">회원가입</a> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| </html> | ||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,111 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="ko"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <title>판다마켓 - signup</title> | ||
| <link rel="icon" href="images/logo/favicon.ico" /> | ||
| <link | ||
| rel="stylesheet" | ||
| as="style" | ||
| crossorigin | ||
| href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard.min.css" | ||
| /> | ||
| <link rel="stylesheet" href="/styles/reset.css" /> | ||
| <link rel="stylesheet" href="/styles/global.css" /> | ||
| <link rel="stylesheet" href="/styles/auth.css" /> | ||
| </head> | ||
| <body> | ||
| <div class="auth-container"> | ||
| <!-- 판다마켓 로고 --> | ||
| <div class="logo-wrapper"> | ||
| <a href="/index.html"> | ||
| <img | ||
| src="/images/logo/pandaMarket-Logo.png" | ||
| alt="판다마켓 logo" | ||
| width="396" | ||
| /> | ||
| </a> | ||
| </div> | ||
| <!-- 회원가입 입력 폼 --> | ||
| <form method="post"> | ||
| <div class="input-form"> | ||
| <label for="email">이메일</label> | ||
| <input | ||
| id="email" | ||
| type="email" | ||
| name="email" | ||
| placeholder="이메일을 입력해주세요" | ||
| /> | ||
| </div> | ||
| <div class="input-form"> | ||
| <label for="nickName">닉네임</label> | ||
| <input | ||
| id="nickName" | ||
| type="text" | ||
| name="nickName" | ||
| placeholder="닉네임을 입력해주세요" | ||
| /> | ||
| </div> | ||
| <div class="input-form"> | ||
| <label for="password">비밀번호</label> | ||
| <div class="input-form-wrapper"> | ||
| <input | ||
| id="password" | ||
| type="password" | ||
| name="password" | ||
| placeholder="비밀번호를 입력해주세요" | ||
| /> | ||
| <img | ||
| src="/images/icon/auth/eye-invisible.svg" | ||
| alt="비밀번호 숨김" | ||
| class="password-show" | ||
| width="24" | ||
| /> | ||
| </div> | ||
| </div> | ||
| <div class="input-form"> | ||
| <label for="verifyPassword">비밀번호 확인</label> | ||
| <div class="input-form-wrapper"> | ||
| <input | ||
| id="verifyPassword" | ||
| type="password" | ||
| name="verifyPassword" | ||
| placeholder="비밀번호를 다시 입력해주세요" | ||
| /> | ||
| <img | ||
| src="/images/icon/auth/eye-visible.svg" | ||
| alt="비밀번호 보임" | ||
| class="password-show" | ||
| width="24" | ||
| /> | ||
| </div> | ||
| </div> | ||
| <!-- 나중에 페이지 연결 예정 --> | ||
| <a href="#" id="auth-button" class="button btn-round">회원가입</a> | ||
| </form> | ||
|
|
||
| <!-- 간편 로그인 --> | ||
| <div class="login-simple"> | ||
| <div class="login-simple-title">간편 로그인 하기</div> | ||
| <div class="login-simple-social"> | ||
| <a href="https://www.google.com/" | ||
| ><img | ||
| src="/images/icon/sns/google.png" | ||
| alt="google login" | ||
| width="42" | ||
| /></a> | ||
| <a href="https://www.kakaocorp.com/page/" | ||
| ><img src="/images/icon/sns/kakao.png" alt="kakao login" width="42" | ||
| /></a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <!-- 로그인 페이지로 이동 --> | ||
| <div class="switch-auth-wrapper"> | ||
| 이미 회원이신가요? | ||
| <a href="login.html" class="switch-auth">로그인</a> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| </html> |
Oops, something went wrong.
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
전반적으로 깔끔합니다~! 👍