From 96bc460eace25ae808e71a2762c17737a4407a04 Mon Sep 17 00:00:00 2001 From: Sam <74021826+x39OME@users.noreply.github.com> Date: Mon, 15 May 2023 10:37:23 +0300 Subject: [PATCH] Add files via upload --- .../images/facebook.png | Bin 0 -> 640 bytes .../images/google.png | Bin 0 -> 4344 bytes .../images/logo.png | Bin 0 -> 14652 bytes .../images/playstation.png | Bin 0 -> 848 bytes .../images/switch.png | Bin 0 -> 1188 bytes .../images/xbox.png | Bin 0 -> 1371 bytes .../83-games-sign-in-login-form/index.html | 53 +++++ .../83-games-sign-in-login-form/main.js | 20 ++ .../83-games-sign-in-login-form/style.css | 199 ++++++++++++++++++ 9 files changed, 272 insertions(+) create mode 100644 100_projects/83-games-sign-in-login-form/images/facebook.png create mode 100644 100_projects/83-games-sign-in-login-form/images/google.png create mode 100644 100_projects/83-games-sign-in-login-form/images/logo.png create mode 100644 100_projects/83-games-sign-in-login-form/images/playstation.png create mode 100644 100_projects/83-games-sign-in-login-form/images/switch.png create mode 100644 100_projects/83-games-sign-in-login-form/images/xbox.png create mode 100644 100_projects/83-games-sign-in-login-form/index.html create mode 100644 100_projects/83-games-sign-in-login-form/main.js create mode 100644 100_projects/83-games-sign-in-login-form/style.css diff --git a/100_projects/83-games-sign-in-login-form/images/facebook.png b/100_projects/83-games-sign-in-login-form/images/facebook.png new file mode 100644 index 0000000000000000000000000000000000000000..9cad026f208fbc2069e0bae116046fea79224947 GIT binary patch literal 640 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 aiB#_3(Jx~HCwsr&7Ywgp^q=Uu#{UQSDBtt| literal 0 HcmV?d00001 diff --git a/100_projects/83-games-sign-in-login-form/images/logo.png b/100_projects/83-games-sign-in-login-form/images/logo.png new file mode 100644 index 0000000000000000000000000000000000000000..c086c24edae7be3b286ee31d9efa6db327156c6d GIT binary patch literal 14652 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 LQ@%p>dC30)pwN7e literal 0 HcmV?d00001 diff --git a/100_projects/83-games-sign-in-login-form/images/playstation.png b/100_projects/83-games-sign-in-login-form/images/playstation.png new file mode 100644 index 0000000000000000000000000000000000000000..5c6b4c0e6d33c9c812b7767d2af8f5aa8744d3cf GIT binary patch literal 848 zcmV-W1F!svP)&qFqClihv02}#}@LYTMn=9_tM_PrgE0)<|h zMMMxy!YlwWj#H-x;5SP$%XM0)u4qPb0J1Vh7tsn~I09tl3Qc+e0DjV@7XV|yX1{g;(z%4^7K+=fm zU4j>S&w{kHmI#32D*j*zu0)v`*g-#G5k9%yh!7FF7-J5A1S8Z^64zU}WI0j-*z@Ga zeU)-F%mKMA)kUBOB_u&vML$gITW7J`) z0ag-a)MWw%0AU94D}&TK#En6i0i~e|V4A|@D>WiWm9;7X_R6rwRqTfGt%y2}%YsZw zLKMjuvZyvXgvp zcxrtfK%CR|lH|UF~k; z0{B6U@Nz3egdk5yxQ5s#BJ8rM)5{|k;Rv5I{7L}R_Aa@`ymD`~TTjws8;bLhab7db z)bfp^0?5hMNoGhZou9(Yx)%`|nDA4&-T*Z7Mv-!W2Sf=tR4oy@9ZSp?078VvRuj`r zUeU}NuQOmR+v(sQzij5C^eXqjH-+mj9A%Tw^Kr4>tEpuxQ5uP4xqX#kt|U3j=F)y_ zzxNGrlbvPgp0bC#o&W=xW@UNWbeZ2nJj?@_0bqnqR#c#8Y+-cpbP-^f9zuE=_}#27 aKH~qUpuaC3;j-KS0000M1TjfO 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 literal 0 HcmV?d00001 diff --git a/100_projects/83-games-sign-in-login-form/index.html b/100_projects/83-games-sign-in-login-form/index.html new file mode 100644 index 0000000..0fdbaa2 --- /dev/null +++ b/100_projects/83-games-sign-in-login-form/index.html @@ -0,0 +1,53 @@ + + + + + document + + + + + + + + + + diff --git a/100_projects/83-games-sign-in-login-form/main.js b/100_projects/83-games-sign-in-login-form/main.js new file mode 100644 index 0000000..f763c41 --- /dev/null +++ b/100_projects/83-games-sign-in-login-form/main.js @@ -0,0 +1,20 @@ +$(".textbox input").focusout(function(){ + if($(this).val() == ""){ + $(this).siblings().removeClass("hidden"); + $(this).css("background","#554343"); + }else{ + $(this).siblings().addClass("hidden"); + $(this).css("background","#484848"); + } +}); + +$(".textbox input").keyup(function(){ + var inputs = $(".textbox input"); + if(inputs[0].value != "" && inputs[1].value){ + $(".login-btn").attr("disabled",false); + $(".login-btn").addClass("active"); + }else{ + $(".login-btn").attr("disabled",true); + $(".login-btn").removeClass("active"); + } +}); \ No newline at end of file diff --git a/100_projects/83-games-sign-in-login-form/style.css b/100_projects/83-games-sign-in-login-form/style.css new file mode 100644 index 0000000..2fec8f8 --- /dev/null +++ b/100_projects/83-games-sign-in-login-form/style.css @@ -0,0 +1,199 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: "hind",sans-serif; + text-decoration: none; +} +body{ + background: #121212; + min-height: 100vh; + display: flex; + align-items: center; + justify-content: center; +} +.login-form{ + width: 470px; + background: #202020; + padding: 30px 60px; +} +.logo{ + height: 50px; + text-align: center; +} +.logo img{ + height: 50px; +} +.social-media{ + display: flex; + margin: 30px 0; +} +.social-media button{ + height: 50px; + width: 100px; + margin-right: 10px; + display: flex; + align-items: center; + justify-content: center; + cursor: pointer; + border: none; + transition: .3s linear; + border-radius: 2px; +} +.social-media button:last-child{ + margin: 0; +} +.social-media button img{ + width: 20px; +} +.facebook{ + background: #4267b2; +} +.google{ + background: #fff; +} +.playstation{ + background: #02b3e8; +} +.xbox{ + background: #107c10; +} +.switch{ + background: #e60012; +} +.social-media button:hover { + opacity: .7; +} +.login-form h6{ + color: #f1f1f1; + font-size: 16px; + text-transform: uppercase; + font-weight: 600; +} +.textbox{ + width: 100%; + height: 50px; + position: relative; + margin-top: 15px; +} +.textbox input{ + width: 100%; + height: 50px; + border: none; + background: #2b2b2b; + padding: 0 15px; + font-size: 16px; + outline: none; + color: #f4f4f4; +} +.textbox input:focus{ + background: #484848 !important; +} +.check-message{ + position: absolute; + top: 50%; + right: 10px; + color: #fff; + text-transform: uppercase; + transform: translateY(-50%); +} +.textbox input:focus + .check-message{ + display: none; +} +.options{ + margin-top: 15px; + color: #f4f4f480; + overflow: hidden; + font-size: 14px; + display: flex; + justify-content: space-between; + align-items: center; +} +.remember-me{ + display: flex; + align-items: center; + justify-content: center; + align-content: center; + cursor: pointer; +} +.checkbox{ + width: 20px; + height: 20px; + background: #484848; + margin-right: 8px; + position: relative; +} +.checkbox input{ + width: 100%; + height: 100%; + opacity: 0; + cursor: pointer; +} +.checked{ + position: absolute; + left: 8px; + top: 4px; + width: 5px; + height: 10px; + border: solid #fff; + border-width: 0 1px 1px 0; + transform: rotate(45deg); + display: none; +} +.checkbox input:checked + .checked{ + display: block; +} +.options a{ + color: #f4f4f480; + font-size: 14px; + float: right; +} +.login-btn{ + width: 100%; + height: 50px; + margin-top: 30px; + background: #191919; + color: #f1f1f1; + border: none; + outline: none; + cursor: pointer; + text-transform: uppercase; + font-weight: 700; + transition: .3s linear; +} +.login-btn.active{ + background: #037bee; + color: #fff; +} +.login-btn.active:hover{ + opacity: .7; +} +.hidden{ + display: none; +} +.privacy-link{ + text-align: center; + margin-top: 35px; +} +.privacy-link a{ + color: #f1f1f1; + font-size: 14px; +} +.dont-have-account{ + font-size: 14px; + text-align: center; + color: #f4f4f480; + margin: 20px 0; +} +.dont-have-account a{ + color: #f1f1f1; +} +@media screen and (max-width:470px) { + body{ + background: #202020; + } + .login-form{ + width: 100%; + padding: 0 25px; + } +}