From c7f220db2687b4fff14fb9fbe8364c14118fd920 Mon Sep 17 00:00:00 2001 From: "dongsu.han" Date: Fri, 28 Jul 2023 14:13:40 +0900 Subject: [PATCH 1/3] =?UTF-8?q?[#11]=20=EB=A1=9C=EA=B7=B8=EC=9D=B8/?= =?UTF-8?q?=ED=9A=8C=EC=9B=90=EA=B0=80=EC=9E=85=20=EB=AA=A8=EB=8B=AC=20?= =?UTF-8?q?=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- img/check-box-passive.svg | 4 + img/check-box.svg | 4 + img/checkmark.png | Bin 0 -> 12628 bytes img/close.png | Bin 0 -> 295 bytes img/close.svg | 15 ++ img/icon_facebook.png | Bin 0 -> 347 bytes img/icon_google.png | Bin 0 -> 771 bytes img/icon_kakao.png | Bin 0 -> 516 bytes img/icon_naver.png | Bin 0 -> 308 bytes login.css | 339 ++++++++++++++++++++++++++++++++++++++ login.html | 106 ++++++++++++ 11 files changed, 468 insertions(+) create mode 100644 img/check-box-passive.svg create mode 100644 img/check-box.svg create mode 100644 img/checkmark.png create mode 100644 img/close.png create mode 100644 img/close.svg create mode 100644 img/icon_facebook.png create mode 100644 img/icon_google.png create mode 100644 img/icon_kakao.png create mode 100644 img/icon_naver.png create mode 100644 login.css create mode 100644 login.html diff --git a/img/check-box-passive.svg b/img/check-box-passive.svg new file mode 100644 index 0000000..7ac6a05 --- /dev/null +++ b/img/check-box-passive.svg @@ -0,0 +1,4 @@ + + + + diff --git a/img/check-box.svg b/img/check-box.svg new file mode 100644 index 0000000..deebdfa --- /dev/null +++ b/img/check-box.svg @@ -0,0 +1,4 @@ + + + + diff --git a/img/checkmark.png b/img/checkmark.png new file mode 100644 index 0000000000000000000000000000000000000000..998433d96402b9398723317d2af73a1df726acb4 GIT binary patch literal 12628 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 P34rn&_16`0=Ar)s{+cOl literal 0 HcmV?d00001 diff --git a/img/close.png b/img/close.png new file mode 100644 index 0000000000000000000000000000000000000000..9426a725afef6659615954666fb419349cb09324 GIT binary patch literal 295 zcmeAS@N?(olHy`uVBq!ia0vp^LLkh+1|-AI^@Rf|&H|6fVg?3oVGw3ym^DWND9BhG zOKNA@T7Jml`@yj!T&(vT?eL2Yj_pA&~f@`YIz<@d{_1jCnX zwcD1vc%#|1s9B4rEXuE`-;z-Ngn!l1pcBkmi87N~EOgp8T#(gPG?dNsN%Hp4Tp4#= z^z^0;YcD8IE|jVNYIFWXTlA|^Yt!wWLX)gEYiX2ku;kh5!RgFB>F|ZF0*O7}&z=yq mp0BWKrQ+jiBVXZrPndnCO!+9KdgwLK9}J$ZelF{r5}E+x{c9@# literal 0 HcmV?d00001 diff --git a/img/close.svg b/img/close.svg new file mode 100644 index 0000000..7397806 --- /dev/null +++ b/img/close.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/img/icon_facebook.png b/img/icon_facebook.png new file mode 100644 index 0000000000000000000000000000000000000000..d972b0486d94a821da0dc03a77ca82af64379783 GIT binary patch literal 347 zcmeAS@N?(olHy`uVBq!ia0vp@KrF$*1|$_fl!pK*&H|6fVg?3oVGw3ym^DWND9BhG zY-O~T~yc8I(PA{`I4f2^- z!E&KTK1jgF@9?RZox)8XM}$^Le$cwN{1?}uW4B(h8YjtGmMF6xIM#B9+l!@q!^TaV zn>Y$*+scWzpP6v%r=7A(pXI7k_ncqZ?==^9d}6m}!mHD#c_#WEzQ=3w*G41$@V)nP r-}!%b{fTigXw5mXVS4&J@%DGVG9ElxJ1?IC`klek)z4*}Q$iB}h5U$1 literal 0 HcmV?d00001 diff --git a/img/icon_google.png b/img/icon_google.png new file mode 100644 index 0000000000000000000000000000000000000000..9a43b8cc150428f2356340d71d78b9882a8cf4f2 GIT binary patch literal 771 zcmV+e1N{7nP)leK~#7FwUtdz z6Hyd~-*cx01S2IH4T*_^iE&BAN{FlS@dK*3khoxQ--n zIzh!0$cB>3Qo?LE7tKn!6c+rPjO&^fP4mz|by-jtJ2|(ItqET1?;ci=6I@vgf3NJ8 z>x_1odAk@8rB7D}5@`vQtrH5iDcOXkSZKv7{oN_{@M(oqQ-YRBDO(WOZxIJ6y#TeO z6us@{8>by#4L65B21=pLRqWuLVs$ zSl4;q>CzZmX_}cf+XvtJ(lhaXuQgB|S8XI_2AAT~DLo8&ab_?D&0b5I4Fr1eGJ;2?!@B+yGA?N6-X}J8@wMxS%(X8?+(|5}kR@ zw6++ef-+yyv@@OgI+=Oz6=4bf@HlTyw;e&`0AgPCA>$qw%z@J|q^nLX&#qUSHvo*FFk06;dZ0T*y$71~`EcNl26>qf)0-dj1OKV$_`R|Xn)w7F```W z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB{z*?4$B+ufw^KLr9x@Pc-9MK#NbyvUQ2qg~ zc?_vcN7!-%W;C!)IHb0NXRfzapRt0+F6)z-i)v0z)2+9kdv4ce$L;GFt(cd&$g#@Z zGx%|=n=3MP(OG`qMVFG4&a&6Eygr-XFzaBX#9To?sSgqF>K^>$YBgE;L8fxbtfvXr z+2?%^+WqdMh~~sb{ncmdKWC_fr#v{6cd_=NUe~8J9 zU;UDNawi)!PJ3s@a{6`r!UGSMAAZh!W=Z*if2^$M4Ua#_S#=2LDF#nhKbLh*2~7YR C%y}sQ literal 0 HcmV?d00001 diff --git a/login.css b/login.css new file mode 100644 index 0000000..a872984 --- /dev/null +++ b/login.css @@ -0,0 +1,339 @@ +html, +body, +div, +span, +h1, +h2, +h3, +h4, +h5, +h6, +p, +a, +img, +strong, +ul, +li, +form, +label, +header, +hr, +svg { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +input, div, a, svg { + box-sizing: border-box; +} +body{ + font-family: 'Noto Sans KR', sans-serif; +} + +a{ + font: inherit; + text-decoration: none; + color: inherit; +} + +ul,li{ + list-style: none; +} + +/* 전체 div */ +.container { + width: 520px; + /* height: 736px; */ + border: 1px solid #c4c4c4; + border-radius: 10px; + margin: 100px auto; +} + +main{ + padding: 0 24px; /* 박스안에 좌우 padding */ +} + +/* 제목 css */ +.title{ + display: flex; + justify-content: center; + border-bottom: 1px solid #c4c4c4; + width: 100%; + position: relative; +} + +.title::after{ + content: ''; + width: 17px; + height: 17px; + position: absolute; + background-image: url(./img/close.svg); + background-position: cover; + background-repeat: no-repeat; + bottom: 0; + right: 0; + transform: translate(-24px, -22px); +} + + +.title2{ + font-size: 16px; + font-weight: 500; + margin:20px 25px; +} +/* // 제목 css */ + +/* 위니브 css */ +.weniv { + color: #000; + font-family: 'Spoqa Han Sans Neo'; + font-size: 20px; + font-style: normal; + font-weight: 500; + line-height: 24px; + /* 120% */ + margin-top: 26px; +} +/* //위니브 css */ + +/* 아이디 비밀번호 input css */ +.input{ + width: 472px; + height: 50px; + border-radius: 5px; + border: 1px solid #c4c4c4; + color: #767676; +} +.inputId{ + margin-top: 24px; + margin-bottom: 10px; + box-sizing: border-box; +} +.inputPwd{ + margin-bottom: 17px; +} + +.input:placeholder-shown{ + padding-left: 16px; +} +/* //아이디 비밀번호 input css */ + +/* 체크박스 */ +.labl-hold{ + color: #767676; + font-family: 'Spoqa Han Sans Neo'; + font-size: 16px; + font-style: normal; + font-weight: 500; + line-height: normal; +} + +.txt-hide{ + overflow: hidden; + width: 1px; + height: 1px; + clip-path: inset(50%); + position: absolute; +} + +.labl-hold { + position: relative; + cursor: pointer; +} + +.labl-hold::before { + display: inline-block; + content: ''; + width: 22px; + height: 22px; + margin-right: 8px; + background-image: url(img/check-box-passive.svg); + background-repeat: no-repeat; + vertical-align: -6px; +} + +.labl-hold::after { + content: ''; + position: absolute; + top: 0px; + left: 0px; + width: 22px; + height: 22px; + background-image: url(img/check-box.svg); + background-size: 22px; + background-repeat: no-repeat; + opacity: 0; + transition: all 0.3s ease; +} + +.inphold:checked+.labl-hold::after { + left: 0; + opacity: 1; +} + +/* //체크박스 css */ + +/* 회원가입 | 찾기 css */ +.join{ + display: flex; + justify-content: center; + text-align: center; + margin-top: 21px; + gap: 12px; + color: #767676; + font-size: 14px; + font-weight: 400; + font-style: normal; + font-family: 'Spoqa Han Sans Neo'; +} +/* //회원가입 | 찾기 css */ + +/* 또는 css */ +[class^="hr"]{ + width: 210px; + height: 1px; + background: #c4c4c4; +} + +.or{ + display: flex; + align-items: center; + margin-top: 30px; + margin-bottom: 20px; +} + +.or span{ + color: #c4c4c4; + font-family: 'Spoqa Han Sans Neo'; + font-size: 13px; + font-style: normal; + font-weight: 400; + line-height: normal; + margin: 0 13px; +} +/* //또는 css */ + +/* 버튼 css */ +.btn { + width: 472px; + height: 50px; + border-radius: 5px; + border: 1px solid #767676; + background-color: #fff; + cursor: pointer; + text-align: center; +} + +.btn-login{ + background-color: #2f80ed; + color: #fff; + font-size: 18px; + font-weight: 700; + margin-top: 21px; +} + +.a{ + width: 472px; + height: 50px; + display: block; + text-align: center; + line-height: 50px; + /* margin-bottom: 10px; */ + background: #FFF; + border-radius: 5px; + color: #767676; + font-size: 16px; + font-style: normal; + font-weight: 500; + font-family: 'Spoqa Han Sans Neo'; +} + +.login-list li { + margin-bottom: 10px; +} + +.a-google{ + border: 1px solid #767676; + vertical-align: middle; + position: relative; +} +.a-google::before { + content: ''; + width: 28px; + height: 28px; + background-image: url(img/icon_google.png); + background-repeat: no-repeat; + position: absolute; + top: 0; + left: 0; + transform: translate(50%, 50%); +} +.a-facebook { + border: 1px solid #2D9CDB; + position: relative; +} +.a-facebook::before { + content: ''; + width: 28px; + height: 28px; + background-image: url(img/icon_facebook.png); + background-repeat: no-repeat; + position: absolute; + top: 0; + left: 0; + transform: translate(65%, 50%); +} + +.a-naver { + border: 1px solid #00BF18; + position: relative; +} +.a-naver::before { + content: ''; + width: 28px; + height: 28px; + background-image: url(img/icon_naver.png); + background-repeat: no-repeat; + position: absolute; + top: 0; + left: 0; + transform: translate(50%, 50%); +} + +.a-kakao { + border: 1px solid #F2C94C; + position: relative; + margin-bottom: 25px; +} + +.a-kakao::before { + content: ''; + width: 28px; + height: 28px; + background-image: url(img/icon_kakao.png); + background-repeat: no-repeat; + position: absolute; + top: 0; + left: 0; + transform: translate(50%, 50%); +} + +/* 오류글씨 css */ +.find { +color: #F4492E; +font-family: 'Spoqa Han Sans Neo'; +font-size: 14px; +font-style: normal; +font-weight: 400; +} +.findId { + margin-bottom: 10px; +} + +.findPw { + margin-bottom: 12px; +} + diff --git a/login.html b/login.html new file mode 100644 index 0000000..a08d263 --- /dev/null +++ b/login.html @@ -0,0 +1,106 @@ + + + + + + + + + + + + + + + + + +
+ +
+

로그인 또는 회원가입

+
+
+

위니브에서 여러분의 궁금증을 해결하세요!:)

+
+
+ +
+ +
+ +
+ +
+ +
+ + + + + + +
+
+ 회원가입 + | + 아이디/비밀번호 찾기 +
+ +
+
+ 또는 +
+
+ + + + +
+ + + + + \ No newline at end of file From 454be08b68ccbd2511f698e3cbd6960e35f7b1ec Mon Sep 17 00:00:00 2001 From: "dongsu.han" Date: Sat, 29 Jul 2023 13:37:25 +0900 Subject: [PATCH 2/3] =?UTF-8?q?=ED=94=BC=EB=93=9C=EB=B0=B1=20=EB=B0=98?= =?UTF-8?q?=EC=98=81=20=EC=88=98=EC=A0=951?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .DS_Store | Bin 0 -> 6148 bytes login.css | 2 ++ 2 files changed, 2 insertions(+) create mode 100644 .DS_Store diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..26e38aca32425449388406a2c07e605693e109d3 GIT binary patch literal 6148 zcmeHK%}T>S5Z-O0O(;SR3OxqA7OnLMiWsSx=FO`jr&5BtutLDA`C~`jwvhm0ZhPODo z5+Vs_b`W02-MnLOpNljL;)6p0-EHz`{hXYdNfyq;%&m?k3afe+)$P-CC< z)}%^Z&6gTyJP;BC!~ij{iUGZcn$=Z7v_=dN1OJi%+#eiJL|0>>P;MPC$QA$)uaQ!~ z#$Ez*9F4BVLLsbxaFq(EQn_w1xJn1VqvKqSg+i6ixNbhUelyn{3YTw(=Q}c-aaSRY z!~ij{$Us?5Z9M-ke(wJllW0Z^5Cdz)05{rx+k=wy*}7C5p0y6>11Ji{6$ Date: Sun, 6 Aug 2023 16:55:32 +0900 Subject: [PATCH 3/3] =?UTF-8?q?#14=200806=20=ED=94=BC=EB=93=9C=EB=B0=B1=20?= =?UTF-8?q?=EB=B0=98=EC=98=81=20=EB=B0=8F=20=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- login.css | 120 ++++++++++++++++++++++++++++++----------------------- login.html | 53 +++++++++++------------ 2 files changed, 95 insertions(+), 78 deletions(-) diff --git a/login.css b/login.css index a506e88..6d5a403 100644 --- a/login.css +++ b/login.css @@ -24,22 +24,27 @@ svg { border: 0; font-size: 100%; font: inherit; - vertical-align: baseline; + vertical-align: middle; } -input, div, a, svg { + +input, +div, +a, +svg { box-sizing: border-box; } -body{ - font-family: 'Noto Sans KR', sans-serif; + +body { + font-family: 'Spoqa Han Sans Neo', sans-serif; } -a{ - font: inherit; +a { text-decoration: none; color: inherit; } -ul,li{ +ul, +li { list-style: none; } @@ -52,12 +57,13 @@ ul,li{ margin: 100px auto; } -main{ - padding: 0 24px; /* 박스안에 좌우 padding */ +main { + padding: 0 24px; + /* 박스안에 좌우 padding */ } /* 제목 css */ -.title{ +.title { display: flex; justify-content: center; border-bottom: 1px solid #c4c4c4; @@ -65,7 +71,7 @@ main{ position: relative; } -.title::after{ +.title::after { content: ''; width: 17px; height: 17px; @@ -76,54 +82,58 @@ main{ bottom: 0; right: 0; transform: translate(-24px, -22px); + cursor: pointer; } -.title2{ +.title2 { font-size: 16px; font-weight: 500; - margin:20px 25px; - font-family: 'Spoqa Han Sans Neo'; + margin: 20px 25px; } + /* // 제목 css */ /* 위니브 css */ .weniv { color: #000; - font-family: 'Spoqa Han Sans Neo'; - font-size: 20px; - font-style: normal; - font-weight: 500; - line-height: 24px; - /* 120% */ + font-size: 20px; + font-style: normal; + font-weight: 500; + line-height: 24px; margin-top: 26px; } + /* //위니브 css */ /* 아이디 비밀번호 input css */ -.input{ +.input { width: 472px; height: 50px; border-radius: 5px; border: 1px solid #c4c4c4; color: #767676; + padding-left: 16px; } -.inputId{ + +.input:focus{ + outline: none; +} + +.inputId { margin-top: 24px; margin-bottom: 10px; box-sizing: border-box; } -.inputPwd{ + +.inputPwd { margin-bottom: 17px; } -.input:placeholder-shown{ - padding-left: 16px; -} /* //아이디 비밀번호 input css */ /* 체크박스 */ -.labl-hold{ +.labl-hold { color: #767676; font-family: 'Spoqa Han Sans Neo'; font-size: 16px; @@ -132,7 +142,7 @@ main{ line-height: normal; } -.txt-hide{ +.txt-hide { overflow: hidden; width: 1px; height: 1px; @@ -143,6 +153,8 @@ main{ .labl-hold { position: relative; cursor: pointer; + display: flex; + align-items: center; } .labl-hold::before { @@ -153,7 +165,7 @@ main{ margin-right: 8px; background-image: url(img/check-box-passive.svg); background-repeat: no-repeat; - vertical-align: -6px; + /* vertical-align: -6px; vertical-align속성에서 운영체제별로 다르게 보이는 문제가 발생 */ } .labl-hold::after { @@ -178,7 +190,7 @@ main{ /* //체크박스 css */ /* 회원가입 | 찾기 css */ -.join{ +.join { display: flex; justify-content: center; text-align: center; @@ -190,31 +202,32 @@ main{ font-style: normal; font-family: 'Spoqa Han Sans Neo'; } + /* //회원가입 | 찾기 css */ /* 또는 css */ -[class^="hr"]{ +[class^="hr"] { width: 210px; height: 1px; background: #c4c4c4; } -.or{ +.or { display: flex; align-items: center; margin-top: 30px; margin-bottom: 20px; } -.or span{ +.or span { color: #c4c4c4; - font-family: 'Spoqa Han Sans Neo'; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; margin: 0 13px; } + /* //또는 css */ /* 버튼 css */ @@ -226,42 +239,43 @@ main{ background-color: #fff; cursor: pointer; text-align: center; + border: none; } -.btn-login{ +.btn-login { background-color: #2f80ed; - color: #fff; - font-size: 18px; - font-weight: 700; - margin-top: 21px; - border: none; + color: #fff; + font-size: 18px; + font-weight: 700; + margin-top: 21px; } -.a{ +.a { width: 472px; height: 50px; display: block; text-align: center; - line-height: 50px; - /* margin-bottom: 10px; */ + padding-top: 15px; + padding-bottom: 15px; + /* line-height: 50px; */ background: #FFF; border-radius: 5px; color: #767676; font-size: 16px; font-style: normal; font-weight: 500; - font-family: 'Spoqa Han Sans Neo'; } .login-list li { margin-bottom: 10px; } -.a-google{ +.a-google { border: 1px solid #767676; vertical-align: middle; position: relative; } + .a-google::before { content: ''; width: 28px; @@ -273,10 +287,12 @@ main{ left: 0; transform: translate(50%, 50%); } + .a-facebook { border: 1px solid #2D9CDB; position: relative; } + .a-facebook::before { content: ''; width: 28px; @@ -293,6 +309,7 @@ main{ border: 1px solid #00BF18; position: relative; } + .a-naver::before { content: ''; width: 28px; @@ -325,17 +342,16 @@ main{ /* 오류글씨 css */ .find { -color: #F4492E; -font-family: 'Spoqa Han Sans Neo'; -font-size: 14px; -font-style: normal; -font-weight: 400; + color: #F4492E; + font-size: 14px; + font-style: normal; + font-weight: 400; } + .findId { margin-bottom: 10px; } .findPw { margin-bottom: 12px; -} - +} \ No newline at end of file diff --git a/login.html b/login.html index a08d263..33ce011 100644 --- a/login.html +++ b/login.html @@ -7,7 +7,8 @@ - + @@ -38,7 +39,7 @@

위니브에서 여러분의 궁금증을 해결하세요!:) - + @@ -73,33 +74,33 @@

위니브에서 여러분의 궁금증을 해결하세요!:) - +