From e428077fc1fef1a2c47a0ccf140cb16a570ba807 Mon Sep 17 00:00:00 2001 From: Gaurav Shetty Date: Sun, 10 Dec 2023 00:37:24 +0530 Subject: [PATCH] Hide and show password Signed-off-by: Gaurav Shetty --- Hide-show-pass/.DS_Store | Bin 0 -> 6148 bytes Hide-show-pass/.vscode/settings.json | 3 ++ Hide-show-pass/Images/.DS_Store | Bin 0 -> 6148 bytes Hide-show-pass/Images/open.png | Bin 0 -> 6115 bytes Hide-show-pass/Images/shut.png | Bin 0 -> 1779 bytes Hide-show-pass/README.md | 2 ++ Hide-show-pass/index.html | 16 +++++++++++ Hide-show-pass/script.js | 13 +++++++++ Hide-show-pass/style.css | 40 +++++++++++++++++++++++++++ 9 files changed, 74 insertions(+) create mode 100644 Hide-show-pass/.DS_Store create mode 100644 Hide-show-pass/.vscode/settings.json create mode 100644 Hide-show-pass/Images/.DS_Store create mode 100644 Hide-show-pass/Images/open.png create mode 100644 Hide-show-pass/Images/shut.png create mode 100644 Hide-show-pass/README.md create mode 100644 Hide-show-pass/index.html create mode 100644 Hide-show-pass/script.js create mode 100644 Hide-show-pass/style.css diff --git a/Hide-show-pass/.DS_Store b/Hide-show-pass/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..7ae509841f81caf79a4ae1d111814e95deb2ac57 GIT binary patch literal 6148 zcmeHKO=}ZD7=EXX?WRS@L80Jf!E0Gl4Wf97X?n;(gl^G;O3Y@LWOcK%WD`>fft>Z= z-|;Mn|DgXx5aRRBOd#9!<0eJsg_&nQ-e=#LXPB8CA`-1>ctlhqA_s}FvWM&!#{Ha1 zwq;uOfkJ&FqP&yHevrtZmrU38V9qQ1CdNiQo{^djA3sSUFriNbd4Q6>} z_WI`_OX7S|uV09*?aH;CU1!(XcV78JIrAsI$uw{E#xJ;bCS?+=%e~-P9L>758^6=CSWlOeuv}p>y(RNE57BvT@e(TJbo%jkT)MDV?CTO;3Ox z7-5kiZh>*88LJh_Rm!PPW5mi3!J{{Y^Bge*>s5@A!}C2Q7?}rdUSfQ|#6Z>Bl~BO! z35U-BYgPfPfK^~q0X`pGB*vz}rABphAX85OU(yD_S-E?$=t1_$?;w5BE3dpW516`dlsmn+BH}(E_tS O0!jv(Sq1*70zUzzrLQ;u literal 0 HcmV?d00001 diff --git a/Hide-show-pass/.vscode/settings.json b/Hide-show-pass/.vscode/settings.json new file mode 100644 index 0000000..3b66410 --- /dev/null +++ b/Hide-show-pass/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "git.ignoreLimitWarning": true +} \ No newline at end of file diff --git a/Hide-show-pass/Images/.DS_Store b/Hide-show-pass/Images/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..1d0a3cc9fafff3b89d118ec7d79548e9ae63449b GIT binary patch literal 6148 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 literal 0 HcmV?d00001 diff --git a/Hide-show-pass/Images/shut.png b/Hide-show-pass/Images/shut.png new file mode 100644 index 0000000000000000000000000000000000000000..d68b40d436f57711ce7dae467391bd73feb3fff0 GIT binary patch literal 1779 zcmZ{kdpO%^7RP^tF)eCzin@kgP?^YuAgSA!geY;V(!@21AWz&9!J-CfRFzas-P*W> zRy%D+F&h*qYgwwgE_HiqjdsS6ic3`u6NLTE?(^*P?6c4QanARg_ngl;|D5M7@bmG| zJZf+h002!-B0d1ruRuHbxeDlE(K9GeOzFe`5&&eF13(TR0CvHroc92bf&>6rBmm$l z0YERQs?*;QEGW~wJn+C_e(|dwFgub&BqxJP{Fk{8v7Es`jq6Dws7W z0ID=k{MUiRK|vWSP8e)FkS&$iOC?RlJ*l+wsc{zUmI-sS_~o;j4NSCEtL+3OsH{MV zCdA`C)JwI9Fy$Z-L3G2*!~-X?ILJgFLX%o>VYPGBnr2 z_pL8C=}jydZgS2Avt3IUb=dyljjwoI81<*iA6u0;io&2`T= zIudxb!%HSRX;U(*5$IeKKWzYq9v9@E7hIa=G+|9vw$eKDtF#xa4C1{Xe_5b87{$A& zF@IrKgP(3M|NvprDhgi|87iXQKHx`|`sEew7MC`F|kH8CMLz5R?)O+5R^0ggv-Gzw* z>uMy{^j`V*4lyB=@8VP=ZSHE^3Vl>lN)Rgo`b@cgIm%t|>?UlU-C&>A(_m*P!v@f& z9N*T*vWn{ju;2Ffs%=A*W&U-~AsZztg4MBd4GAtGmiES=;Ys zo<2d`n36&AdPwEU4=FQ~3In*_^TgEOwQ0`>iWH#_W#7y1(a(^T&e-D+^@~^Dzl+Yx z4z;eIT5c=qbCO6uYgEbSZ+8Ro(zJj;evnHXi&=12?}y-I(s07-OD@m{HyQdV;7G;7 z=4|d~R)Gmz-y=zp(Gt4vMssB*OWIR&d9|h24V_-5BBfU7)|rdCe*xDidr4a3y7`^e`!A~0B- z3^Mxi#~!WYVn|Elwxz+E(ZdvoXVLTs{?WG4ZpHT;B={FvhvwAgm$ z)4Y>2#n6GTgSEj^1nok#ma*=Sk-k7&Bia3ht^pfmJ$EhtkN_Zh*Dq2T)kpl z!Hah81JqAt)MCxVDC)sb#+%A7JJ&1Li}Q3Tn$p)dbWJNXoT8>q-mh(KEl&`65U#C` zKW=a-BV8S}GVK^qJeB{5WgbkVTZ<7;@s+HL-p(!L+HIi6_c6j;{MaUN1cgK zYyGy#yq>txDJb9AUUHySVm@G=&1!iLe!yqBgv;D0Dwlzya~PliXe8POjzYtcm_U?0 z4vodx*ujuU91^)>8~5SAfcV5HW_0@h2d*(EFM@#Oe>QNL@r-0HH9qNo8C&~*FUcC& zF$0;vKbYjy7#xk7%z&qGm_Rf$j)6lU5V48z3`7(S0Tv^e3DJpv1PFQ*!hsHY2fBlu t4blOLraPb+R9Y08N~7A@J78&O2O5%Y4YsNfJNm%+fG5ER|I{s#_fK3L8@&Jk literal 0 HcmV?d00001 diff --git a/Hide-show-pass/README.md b/Hide-show-pass/README.md new file mode 100644 index 0000000..f4d6a75 --- /dev/null +++ b/Hide-show-pass/README.md @@ -0,0 +1,2 @@ +Hide/Show password +A project made using HTML, CSS and JS which can be integrated easily to your website for better security when entering password in public spaces.} \ No newline at end of file diff --git a/Hide-show-pass/index.html b/Hide-show-pass/index.html new file mode 100644 index 0000000..af9dcb9 --- /dev/null +++ b/Hide-show-pass/index.html @@ -0,0 +1,16 @@ + + + + + + Hide/Show pass + + + +
+ + error +
+ + + \ No newline at end of file diff --git a/Hide-show-pass/script.js b/Hide-show-pass/script.js new file mode 100644 index 0000000..89cc721 --- /dev/null +++ b/Hide-show-pass/script.js @@ -0,0 +1,13 @@ +let eyeicon = document.getElementById("eyeicon"); +let password = document.getElementById("password"); + +eyeicon.onclick = function(){ + if(password.type == "password"){ + password.type = "text"; + eyeicon.src = "./Images/open.png"; + } + else{ + password.type = "password"; + eyeicon.src = "./Images/shut.png"; + } +} \ No newline at end of file diff --git a/Hide-show-pass/style.css b/Hide-show-pass/style.css new file mode 100644 index 0000000..28d5af3 --- /dev/null +++ b/Hide-show-pass/style.css @@ -0,0 +1,40 @@ +*{ + margin: 0; + padding: 0; + font-family: 'Poppins', sans-serif; + box-sizing: border-box; +} + +body{ + background: #00008B; +} + +.input-box{ + background: #fff; + width: 90%; + max-width: 500px; + border-radius: 5px; + padding: 10px 20px; + margin: 300px auto; + display: flex; + align-items: center; +} + +.input-box input{ + width: 100%; + padding: 10px 0; + border: 0; + outline: 0; + font-size: 24px; + color: #555; +} + +.input-box img{ + width: 35px; + cursor: pointer; +} + +img{ + width: 35px; + cursor: pointer; +} \ No newline at end of file