-
Notifications
You must be signed in to change notification settings - Fork 79
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* docs: sprint2 기능 목록 업데이트 * feat: GNB 고정 * feat: 로그인 페이지 html 작성 * feat: 회원가입 페이지 html 작성 * feat: auth 페이지 레이아웃 설정 * feat: form input styling * feat: form submit button styling * feat: 간편 로그인 styling * feat: link styling * feat: 비밀번호 눈모양 아이콘 추가 * chore: css 변수 등록 * feat: user event styling * feat: 로그인 페이지 스타일 회원가입 페이지에 적용 * feat: sns 이동 기능 구현 * fix: 로고 클릭 시 메인 페이지로 이동 * fix: 회원가입 페이지에도 sns 이동 적용
- Loading branch information
Showing
16 changed files
with
435 additions
and
47 deletions.
There are no files selected for viewing
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
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.
This file contains 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 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 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 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,116 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta | ||
| name="viewport" | ||
| content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" | ||
| /> | ||
| <link rel="stylesheet" href="/styles/variables.css" /> | ||
| <link rel="stylesheet" href="/styles/reset.css" /> | ||
| <link rel="stylesheet" href="/styles/auth.css" /> | ||
|
|
||
| <link | ||
| rel="stylesheet" | ||
| type="text/css" | ||
| href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css" | ||
| /> | ||
| <title>판다마켓</title> | ||
| </head> | ||
| <body> | ||
| <div class="logo"> | ||
| <a href="/"> | ||
| <img | ||
| width="396" | ||
| height="132" | ||
| src="/assets/icon/main-logo.svg" | ||
| alt="logo" | ||
| /></a> | ||
| </div> | ||
|
|
||
| <form class="signup-form"> | ||
| <div class="form__block"> | ||
| <label for="email">이메일</label> | ||
| <input | ||
| id="email" | ||
| name="email" | ||
| type="email" | ||
| placeholder="이메일을 입력해주세요" | ||
| /> | ||
| </div> | ||
|
|
||
| <div class="form__block"> | ||
| <label for="username">닉네임</label> | ||
| <input | ||
| id="username" | ||
| name="username" | ||
| type="text" | ||
| placeholder="닉네임을 입력해주세요" | ||
| /> | ||
| </div> | ||
|
|
||
| <div class="form__block"> | ||
| <label for="password">비밀번호</label> | ||
| <div class="password-container"> | ||
| <input | ||
| id="password" | ||
| name="password" | ||
| type="password" | ||
| placeholder="비밀번호를 입력해주세요" | ||
| /> | ||
| <img | ||
| class="password-eye" | ||
| src="assets/icon/password_eye.svg" | ||
| alt="password-eye" | ||
| /> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="form__block"> | ||
| <label for="password-confirm">비밀번호 확인</label> | ||
| <div class="password-container"> | ||
| <input | ||
| id="password-confirm" | ||
| name="password-confirm" | ||
| type="password" | ||
| placeholder="비밀번호를 다시 한 번 입력해주세요" | ||
| /> | ||
| <img | ||
| class="password-eye" | ||
| src="assets/icon/password_eye.svg" | ||
| alt="password-eye" | ||
| /> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="form__block"> | ||
| <button class="form__submit-btn">회원가입</button> | ||
| </div> | ||
|
|
||
| <div class="form__block"> | ||
| <div class="form__easy-login"> | ||
| <span>간편 로그인하기</span> | ||
| <a | ||
| href="https://www.google.com/" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| <img src="/assets/icon/ic_google.svg" alt="google-icon" /> | ||
| </a> | ||
| <a | ||
| href="https://www.kakaocorp.com/page/" | ||
| target="_blank" | ||
| rel="noopener noreferrer" | ||
| > | ||
| <img src="/assets/icon/ic_kakao.svg" alt="kakao-icon" /> | ||
| </a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="form__block form__link"> | ||
| <span>이미 회원이신가요?</span> | ||
| <a href="/login.html">로그인</a> | ||
| </div> | ||
| </form> | ||
| </body> | ||
| </html> |
Oops, something went wrong.