From 1320b41c5d2c406fa5cebace26aaee4578085552 Mon Sep 17 00:00:00 2001 From: gamandeepsingh Date: Sat, 15 Apr 2023 17:34:39 +0530 Subject: [PATCH 1/2] GamandeepSingh git-userSearcher --- gitUser/index.html | 48 ++++++++++++++++++++++++++++ gitUser/script.js | 34 ++++++++++++++++++++ gitUser/style.css | 79 ++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 161 insertions(+) create mode 100644 gitUser/index.html create mode 100644 gitUser/script.js create mode 100644 gitUser/style.css diff --git a/gitUser/index.html b/gitUser/index.html new file mode 100644 index 0000000..3bd1d7b --- /dev/null +++ b/gitUser/index.html @@ -0,0 +1,48 @@ + + + + + + + GitHub-User Searcher + + + + + + + + +
+ +

+

+ 🔎GitHub-User Searcher🔍 +

+

+
+
+ +
+
+
+ +
+
+
+ pls! Click on the pic, that will re-direct you to their GitHub profile! +
+
+
+ +
+
+ + + + + \ No newline at end of file diff --git a/gitUser/script.js b/gitUser/script.js new file mode 100644 index 0000000..3c3673b --- /dev/null +++ b/gitUser/script.js @@ -0,0 +1,34 @@ + +//to display text after click on search! +function functionName() { + document.querySelector(".box").classList.toggle("b1") +} + +//fetch data from form! +var form = document.getElementById("myForm"); + + +form.addEventListener('submit', function (e) { + + //prevent the auto submission of form + e.preventDefault(); + + var search = document.getElementById("search").value; + + //to remove space in b/w firstName & lastName + var originalName = search.split(' ').join(''); + + document.getElementById("result").innerHTML = ''; + + fetch("https://api.github.com/users/" + originalName) + .then((result) => result.json()) + .then((data) => { + console.log(data) + + document.getElementById("result").classList.add("discription"); + + document.getElementById("result").innerHTML = ` + + ` + }) +}) diff --git a/gitUser/style.css b/gitUser/style.css new file mode 100644 index 0000000..9729090 --- /dev/null +++ b/gitUser/style.css @@ -0,0 +1,79 @@ +.b1 { + visibility: hidden; + font-family: 'DynaPuff', cursive; + +} + +.box { + display: flex; + align-items: center; + justify-content: center; + color: #917FB3; + font-family: 'Tilt Prism', cursive; + font-size: 30px; +} + +h1 { + font-family: 'DynaPuff', cursive; + text-align: center; + text-align: center; + font-size: 80px; + color: #F7D060; +} + +.form-control { + padding: 7px; + font-size: 14px; + font-family: cursive; + border-width: 2px; + border-color: #FDE2F3; + + color: #000000; + border-style: double; + border-radius: 22px; + box-shadow: 0px 4px 10px rgba(66, 66, 66, .75); + +} + +.form-control:focus { + outline: none; + background-color: #F7D060; +} + +.btn { + width: 100%; + background: #F9D949; + background-image: -webkit-linear-gradient(top, #F9D949, #FF8400); + background-image: -moz-linear-gradient(top, #F9D949, #FF8400); + background-image: -ms-linear-gradient(top, #F9D949, #FF8400); + background-image: -o-linear-gradient(top, #F9D949, #FF8400); + background-image: linear-gradient(to bottom, #F9D949, #FF8400); + -webkit-border-radius: 32; + -moz-border-radius: 32; + border-radius: 32px; + -webkit-box-shadow: 6px 6px 11px #6a7999; + -moz-box-shadow: 6px 6px 11px #6a7999; + box-shadow: 6px 6px 11px #6a7999; + font-family: Arial; + color: #ffffff; + font-size: 21px; + padding: 10px 20px 10px 20px; + text-decoration: none; +} + +.btn:hover { + background: #FF8400; + background-image: -webkit-linear-gradient(top, #FF8400, #F9D949); + background-image: -moz-linear-gradient(top, #FF8400, #F9D949); + background-image: -ms-linear-gradient(top, #FF8400, #F9D949); + background-image: -o-linear-gradient(top, #FF8400, #F9D949); + background-image: linear-gradient(to bottom, #FF8400, #F9D949); + text-decoration: none; + color: #6a7999; +} + +#result { + position: absolute; + left: 35%; + +} \ No newline at end of file From 150a9e74c813a829af0fb3f28a720c851e6039fb Mon Sep 17 00:00:00 2001 From: gamandeepsingh Date: Mon, 17 Apr 2023 18:24:11 +0530 Subject: [PATCH 2/2] folderNameChanged --- {gitUser => Gamandeep singh}/index.html | 0 {gitUser => Gamandeep singh}/script.js | 0 {gitUser => Gamandeep singh}/style.css | 0 3 files changed, 0 insertions(+), 0 deletions(-) rename {gitUser => Gamandeep singh}/index.html (100%) rename {gitUser => Gamandeep singh}/script.js (100%) rename {gitUser => Gamandeep singh}/style.css (100%) diff --git a/gitUser/index.html b/Gamandeep singh/index.html similarity index 100% rename from gitUser/index.html rename to Gamandeep singh/index.html diff --git a/gitUser/script.js b/Gamandeep singh/script.js similarity index 100% rename from gitUser/script.js rename to Gamandeep singh/script.js diff --git a/gitUser/style.css b/Gamandeep singh/style.css similarity index 100% rename from gitUser/style.css rename to Gamandeep singh/style.css