diff --git a/index.html b/index.html index 997c416..033a22e 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,7 @@ -
+
Frontend-Projects
diff --git a/script.js b/script.js index 3fba447..0950b1a 100644 --- a/script.js +++ b/script.js @@ -1,25 +1,24 @@ -const rowEl = document.getElementById("rowEl"); +const rowEl = document.getElementById("rowEl"); // Function to fetch data from api and send to manageData(). -function getData(){ -fetch('https://api.github.com/repos/devvsakib/Frontend-Projects/contents') - .then(response => response.json() - ) - .then(data => { - //Data = data; - //console.log(data); // Prints result - manageData(data); - - }) - .catch(error => console.error(error)) +function getData() { + fetch('https://api.github.com/repos/devvsakib/Frontend-Projects/contents') + .then(response => response.json() + ) + .then(data => { + //Data = data; + //console.log(data); // Prints result + manageData(data); + + }) + .catch(error => console.error(error)) } // Function to manage data and set button link for each project. -function manageData(data){ - data.forEach((array , idx) =>{ +function manageData(data) { + data.forEach((array, idx) => { //console.log(data.name); - if(array.name[0]!=".") - { + if (array.name[0] != ".") { //console.log(array.name); rowEl.innerHTML += `
@@ -28,7 +27,7 @@ function manageData(data){ -
+
diff --git a/style.css b/style.css index 35aa9d3..9f18c4f 100644 --- a/style.css +++ b/style.css @@ -15,7 +15,7 @@ } -.headder{ +.header{ z-index: 1; width: 100vw; background: rgb(240, 240, 240); @@ -31,7 +31,7 @@ } - .headder span{ + .header span{ z-index: 1; height:fit-content ; font-family: 'Dosis'; @@ -41,6 +41,7 @@ border:1px solid black; background: linear-gradient(to right, #30CFD0 0%, #330867 100%); -webkit-background-clip: text; + background-clip: text; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black;