From 88c03748f7955dc08ec6a70360fcf45e7f8922b8 Mon Sep 17 00:00:00 2001 From: Charlotte Nyman <85078175+Svempolin@users.noreply.github.com> Date: Mon, 27 Sep 2021 16:24:42 +0200 Subject: [PATCH 1/7] done first part --- code/chart.js | 21 ++++++++++++++++++++- code/index.html | 35 ++++++++++++++++++----------------- code/script.js | 23 +++++++++++++++++++++++ 3 files changed, 61 insertions(+), 18 deletions(-) diff --git a/code/chart.js b/code/chart.js index 92e85a30..e8702263 100644 --- a/code/chart.js +++ b/code/chart.js @@ -1,4 +1,23 @@ //DOM-selector for the canvas 👇 -const ctx = document.getElementById('chart').getContext('2d') +const ctx = document.getElementById("chart").getContext("2d"); //"Draw" the chart here 👇 + +const drawChart = (amount) => { + const config = { + type: "doughnut", + data: { + labels: ["projects let", "done"], + datasets: [ + { + label: "My First Dataset", + data: [amount, 19 - amount], + backgroundColor: ["rgb(255, 99, 132)", "rgb(54, 162, 235)"], + hoverOffset: 4, + }, + ], + }, + }; + + const myChart = new Chart(ctx, config); +}; diff --git a/code/index.html b/code/index.html index 2fb5e0ae..2abe238b 100644 --- a/code/index.html +++ b/code/index.html @@ -1,21 +1,22 @@ - - - - - Project GitHub Tracker - - - -

GitHub Tracker

-

Projects:

-
+ + + + + Project GitHub Tracker + + + + +

GitHub Tracker

+

Projects:

+
- - + + - - - - \ No newline at end of file + + + + diff --git a/code/script.js b/code/script.js index e69de29b..c4f83a02 100644 --- a/code/script.js +++ b/code/script.js @@ -0,0 +1,23 @@ +const projectContainer = document.getElementById("projects"); +const USER = "Svempolin"; +const REPOS_URL = `https://api.github.com/users/${USER}/repos`; + +const globalvaribal = "hello"; +const getRepos = () => { + fetch(REPOS_URL) + .then((response) => response.json()) + .then((data) => { + // const forkedRepos = data.name; + // forkedRepos.forEach( + // (data) => (projectContainer.innerHTML += `

${data.name}

`) + // ); + console.log(data); + // data.forEach((repo) => console.log(repo.name)); + const forkedRepos = data.filter((repo) => repo.fork === true); + forkedRepos.forEach( + (repo) => (projectContainer.innerHTML += `

${repo.name}

`) + ); + drawChart(forkedRepos.length); + }); +}; +getRepos(); From f92f4d39ba540a49cae148ff0802e5edf175304a Mon Sep 17 00:00:00 2001 From: Charlotte Nyman <85078175+Svempolin@users.noreply.github.com> Date: Tue, 28 Sep 2021 11:26:03 +0200 Subject: [PATCH 2/7] added date and link --- code/index.html | 4 +++- code/script.js | 25 ++++++++++++++++++++++++- 2 files changed, 27 insertions(+), 2 deletions(-) diff --git a/code/index.html b/code/index.html index 2abe238b..4a7ca7b7 100644 --- a/code/index.html +++ b/code/index.html @@ -9,7 +9,9 @@ -

GitHub Tracker

+

Charlottes GitHub Tracker

+

+

Projects:

diff --git a/code/script.js b/code/script.js index c4f83a02..b33ff1c2 100644 --- a/code/script.js +++ b/code/script.js @@ -1,8 +1,24 @@ +const ownerInfo = document.getElementById("ownerInfo"); const projectContainer = document.getElementById("projects"); const USER = "Svempolin"; const REPOS_URL = `https://api.github.com/users/${USER}/repos`; const globalvaribal = "hello"; + +const getOwner = () => { + fetch(REPOS_URL) + .then((response) => response.json()) + .then((data) => { + console.log(data); + const forkedOwner = data.filter((repo) => repo.fork === true); + forkedOwner.forEach( + (repo) => + (ownerInfo.innerHTML += `
+
`) + ); + }); +}; + const getRepos = () => { fetch(REPOS_URL) .then((response) => response.json()) @@ -15,9 +31,16 @@ const getRepos = () => { // data.forEach((repo) => console.log(repo.name)); const forkedRepos = data.filter((repo) => repo.fork === true); forkedRepos.forEach( - (repo) => (projectContainer.innerHTML += `

${repo.name}

`) + (repo) => + (projectContainer.innerHTML += `
+

${repo.name}

+

Latest update: ${new Date(repo.updated_at).toDateString()}

+

Default branch:${repo.default_branch}

+

The link to: ${repo.name}

+
`) ); drawChart(forkedRepos.length); }); }; getRepos(); +getOwner(); From 4e01483aacdb68d63621e7af6e9c4d1f44c162fd Mon Sep 17 00:00:00 2001 From: Charlotte Nyman <85078175+Svempolin@users.noreply.github.com> Date: Tue, 28 Sep 2021 22:17:45 +0200 Subject: [PATCH 3/7] trying to get the commits --- code/index.html | 4 ++- code/script.js | 71 ++++++++++++++++++++++++++++++++++++++----------- code/style.css | 9 +++++-- 3 files changed, 65 insertions(+), 19 deletions(-) diff --git a/code/index.html b/code/index.html index 4a7ca7b7..6d633aaf 100644 --- a/code/index.html +++ b/code/index.html @@ -9,8 +9,10 @@ +
+ +

Charlottes GitHub Tracker

-

Projects:

diff --git a/code/script.js b/code/script.js index b33ff1c2..6d497b5b 100644 --- a/code/script.js +++ b/code/script.js @@ -1,46 +1,85 @@ -const ownerInfo = document.getElementById("ownerInfo"); +const profile = document.getElementById("profile"); const projectContainer = document.getElementById("projects"); +const image = document.getElementById("image"); const USER = "Svempolin"; const REPOS_URL = `https://api.github.com/users/${USER}/repos`; +const OWNER_URL = `https://api.github.com/users/${USER}`; +const myCommit_URL = `https://api.github.com/repos/Technigo/project-guess-who/pulls/124/commits`; +//const PULL_URL = `https://api.github.com/repos/Technigo/${repo.name}/pulls?_page=100`; const globalvaribal = "hello"; const getOwner = () => { - fetch(REPOS_URL) + fetch(OWNER_URL) .then((response) => response.json()) .then((data) => { - console.log(data); - const forkedOwner = data.filter((repo) => repo.fork === true); - forkedOwner.forEach( - (repo) => - (ownerInfo.innerHTML += `
-
`) - ); + //console.log(data); + image.src = data.avatar_url; + profile.innerHTML += `

Username:${data.login}

+

Name:${data.name}

+ `; }); }; +getOwner(); + const getRepos = () => { fetch(REPOS_URL) .then((response) => response.json()) .then((data) => { - // const forkedRepos = data.name; - // forkedRepos.forEach( - // (data) => (projectContainer.innerHTML += `

${data.name}

`) - // ); - console.log(data); - // data.forEach((repo) => console.log(repo.name)); + //console.log(data); const forkedRepos = data.filter((repo) => repo.fork === true); forkedRepos.forEach( (repo) => (projectContainer.innerHTML += `
+

${repo.name}

Latest update: ${new Date(repo.updated_at).toDateString()}

Default branch:${repo.default_branch}

The link to: ${repo.name}

`) ); + drawChart(forkedRepos.length); + getPullRequests(forkedRepos); }); }; + getRepos(); -getOwner(); + +const getPullRequests = (forkedRepos) => { + forkedRepos.forEach((repo) => { + fetch( + `https://api.github.com/repos/Technigo/${repo.name}/pulls?per_page=100` + ) + .then((response) => response.json()) + .then((data) => { + // console.log(data); + const pulls = data.filter( + (pulls) => pulls.user.login === repo.owner.login + ); + console.log(pulls); + const myCommit_URL = pulls[0].commits_url; + //console.log(myCommit_URL); + //getCommits(myCommit_URL, repo); + }); + }); +}; +// const getCommits = (myCommit_URL, repo) => { +// fetch(myCommit_URL) +// .then((response) => response.json()) +// .then((data) => { +// console.log(data); +// }); +// }; +// +// //TODO +// //1. Find only the PR that you made by comparing pull.user.login +// // with repo.owner.login +// //2. Now you're able to get the commits for each repo by using +// // the commits_url as an argument to call another function +// //3. You can also get the comments for each PR by calling +// // another function with the review_comments_url as argument +// }); +// }); +// }; diff --git a/code/style.css b/code/style.css index 7c8ad447..509bc5b4 100644 --- a/code/style.css +++ b/code/style.css @@ -1,3 +1,8 @@ body { - background: #FFECE9; -} \ No newline at end of file + background: #ffece9; +} + +.profile_pic { + border-radius: 50%; + height: 120px; +} From 351334f681bf2b9fe5768a390738e6dc43140623 Mon Sep 17 00:00:00 2001 From: Charlotte Nyman <85078175+Svempolin@users.noreply.github.com> Date: Wed, 29 Sep 2021 15:59:27 +0200 Subject: [PATCH 4/7] started with the css --- code/chart.js | 2 +- code/index.html | 24 +++++++++++++------- code/script.js | 52 ++++++++++++++++++++++-------------------- code/style.css | 60 ++++++++++++++++++++++++++++++++++++++++++++++++- 4 files changed, 104 insertions(+), 34 deletions(-) diff --git a/code/chart.js b/code/chart.js index e8702263..45453b6c 100644 --- a/code/chart.js +++ b/code/chart.js @@ -7,7 +7,7 @@ const drawChart = (amount) => { const config = { type: "doughnut", data: { - labels: ["projects let", "done"], + labels: ["done", "left"], datasets: [ { label: "My First Dataset", diff --git a/code/index.html b/code/index.html index 6d633aaf..5a8ff079 100644 --- a/code/index.html +++ b/code/index.html @@ -6,20 +6,28 @@ Project GitHub Tracker + + + -
+
+

Charlottes GitHub Tracker

-

Charlottes GitHub Tracker

- -

Projects:

-
- - - +
+
+

Projects:

+
+
+ + +
diff --git a/code/script.js b/code/script.js index 6d497b5b..cebdb911 100644 --- a/code/script.js +++ b/code/script.js @@ -15,29 +15,28 @@ const getOwner = () => { .then((data) => { //console.log(data); image.src = data.avatar_url; - profile.innerHTML += `

Username:${data.login}

-

Name:${data.name}

- `; + profile.innerHTML += `

Username: ${data.login}

Name: ${data.name}

`; }); }; -getOwner(); - const getRepos = () => { fetch(REPOS_URL) .then((response) => response.json()) .then((data) => { //console.log(data); - const forkedRepos = data.filter((repo) => repo.fork === true); + const forkedRepos = data.filter( + (repo) => repo.fork && repo.name.startsWith("project-") + ); forkedRepos.forEach( (repo) => - (projectContainer.innerHTML += `
- -

${repo.name}

-

Latest update: ${new Date(repo.updated_at).toDateString()}

+ (projectContainer.innerHTML += `
+

${repo.name}

Default branch:${repo.default_branch}

+

Latest update: ${new Date(repo.updated_at).toDateString()}

The link to: ${repo.name}

-
`) +

Amounts of commits:

+
`) ); drawChart(forkedRepos.length); @@ -47,31 +46,36 @@ const getRepos = () => { getRepos(); +//Pullrequest// const getPullRequests = (forkedRepos) => { forkedRepos.forEach((repo) => { - fetch( - `https://api.github.com/repos/Technigo/${repo.name}/pulls?per_page=100` - ) + const PULL_URL = `https://api.github.com/repos/Technigo/${repo.name}/pulls?per_page=100`; + fetch(PULL_URL) .then((response) => response.json()) .then((data) => { // console.log(data); - const pulls = data.filter( + const myPulls = data.find( (pulls) => pulls.user.login === repo.owner.login ); - console.log(pulls); - const myCommit_URL = pulls[0].commits_url; + + myCommits(myPulls.commits_url, repo.name); //console.log(myCommit_URL); //getCommits(myCommit_URL, repo); }); }); }; -// const getCommits = (myCommit_URL, repo) => { -// fetch(myCommit_URL) -// .then((response) => response.json()) -// .then((data) => { -// console.log(data); -// }); -// }; +const myCommits = (myCommitsUrl, myRepoName) => { + fetch(myCommitsUrl) + .then((res) => res.json()) + .then((data) => { + document.getElementById( + `commit-${myRepoName}` + ).innerHTML += `${data.length}`; + }); +}; + +getOwner(); + // // //TODO // //1. Find only the PR that you made by comparing pull.user.login diff --git a/code/style.css b/code/style.css index 509bc5b4..957231a4 100644 --- a/code/style.css +++ b/code/style.css @@ -4,5 +4,63 @@ body { .profile_pic { border-radius: 50%; - height: 120px; + border: solid black; + border-width: 5px; +} +.assignments { + display: flex; + border: solid grey; + border-radius: 10px; + background-color: #ffece9; + flex-direction: column; + padding: 50px 20px 50px; + text-align: center; + margin-top: 20px; + font-family: "Comfortaa", cursive; + /* padding-left: 20px; */ +} +.profile-container { + display: flex; + border: solid grey; + background-color: #ffece9; + padding: 50px 20px 50px; + text-align: center; + flex-direction: column; + border-radius: 10px; + font-family: "Comfortaa", cursive; +} + +.chart { + padding: 40px; +} + +h2 { + font-family: "Comfortaa", cursive; + text-align: center; +} + +@media (min-width: 320px) { + .assignments { + padding: none; + } +} +@media (min-width: 1024px) { + .assignments { + display: flex; + padding: 20px; + margin: 40px; + } + + .main-continer { + display: flex; + flex-direction: column; + } + .profile-container { + margin: 40px; + } + .profile_pic { + height: 250px; + width: 250px; + margin-left: 35%; + } } From e972e1c4870667033feb4352dbc03f9f36161242 Mon Sep 17 00:00:00 2001 From: Charlotte Nyman <85078175+Svempolin@users.noreply.github.com> Date: Wed, 29 Sep 2021 23:01:57 +0200 Subject: [PATCH 5/7] still doing the styling --- code/index.html | 2 +- code/style.css | 76 +++++++++++++++++++++++++++---------------------- 2 files changed, 43 insertions(+), 35 deletions(-) diff --git a/code/index.html b/code/index.html index 5a8ff079..870c52ca 100644 --- a/code/index.html +++ b/code/index.html @@ -23,7 +23,7 @@

Charlottes GitHub Tracker

Projects:

-
+
diff --git a/code/style.css b/code/style.css index 957231a4..47f8366a 100644 --- a/code/style.css +++ b/code/style.css @@ -1,14 +1,46 @@ body { background: #ffece9; + margin: 100px; +} + +.profile-container { + display: flex; + box-shadow: 3px 1px 8px 3px lightgray; + background-color: rgb(237, 205, 205); + padding: 50px 20px 50px; + text-align: center; + flex-direction: column; + border-radius: 10px; + font-family: "Comfortaa", cursive; +} + +.repo-container { + background-color: #ffece9; + /* padding: 0px 0px 15px 0px; */ + display: grid; + justify-content: center; + text-align: center; + font-family: "Comfortaa", cursive; } .profile_pic { + margin: auto; + margin-left: auto; + margin-right: auto; + display: inline-block; border-radius: 50%; border: solid black; border-width: 5px; } .assignments { - display: flex; + box-shadow: 1px 1px 8px 3px lightgray; + width: 92%; + margin: 5px 5px 15px 5px; + display: grid; + padding-right: 10px; + background-color: rgb(237, 205, 205); + + /* display: flex; border: solid grey; border-radius: 10px; background-color: #ffece9; @@ -16,18 +48,8 @@ body { padding: 50px 20px 50px; text-align: center; margin-top: 20px; - font-family: "Comfortaa", cursive; - /* padding-left: 20px; */ -} -.profile-container { - display: flex; - border: solid grey; - background-color: #ffece9; - padding: 50px 20px 50px; - text-align: center; - flex-direction: column; - border-radius: 10px; - font-family: "Comfortaa", cursive; + font-family: "Comfortaa", cursive; */ + padding-left: 20px; } .chart { @@ -39,28 +61,14 @@ h2 { text-align: center; } -@media (min-width: 320px) { - .assignments { - padding: none; - } -} -@media (min-width: 1024px) { - .assignments { - display: flex; - padding: 20px; - margin: 40px; - } - - .main-continer { +@media (min-width: 600px) { + .repo-container { display: flex; flex-direction: column; } - .profile-container { - margin: 40px; - } - .profile_pic { - height: 250px; - width: 250px; - margin-left: 35%; - } +} + +.profile_pic { + height: 250px; + width: 250px; } From cbffd590489f66a6fa539a86fd3f2c17bf4c4d10 Mon Sep 17 00:00:00 2001 From: Charlotte Nyman <85078175+Svempolin@users.noreply.github.com> Date: Thu, 30 Sep 2021 14:58:54 +0200 Subject: [PATCH 6/7] more or less done --- code/index.html | 17 ++++-- code/script.js | 5 +- code/style.css | 129 +++++++++++++++++++++++++++-------------- code/technigo-logo.png | Bin 0 -> 12575 bytes 4 files changed, 102 insertions(+), 49 deletions(-) create mode 100644 code/technigo-logo.png diff --git a/code/index.html b/code/index.html index 870c52ca..1c5a2ae4 100644 --- a/code/index.html +++ b/code/index.html @@ -16,18 +16,23 @@
+ + +

Charlottes GitHub Tracker

+

Student at Technigo

+
-
-
-

Projects:

-
-
- + +
+
+ + + diff --git a/code/script.js b/code/script.js index cebdb911..816970c2 100644 --- a/code/script.js +++ b/code/script.js @@ -1,6 +1,7 @@ const profile = document.getElementById("profile"); const projectContainer = document.getElementById("projects"); const image = document.getElementById("image"); + const USER = "Svempolin"; const REPOS_URL = `https://api.github.com/users/${USER}/repos`; const OWNER_URL = `https://api.github.com/users/${USER}`; @@ -15,7 +16,9 @@ const getOwner = () => { .then((data) => { //console.log(data); image.src = data.avatar_url; - profile.innerHTML += `

Username: ${data.login}

Name: ${data.name}

`; + profile.innerHTML += `

Username: ${data.login}

Name: ${data.name}

+ + `; }); }; diff --git a/code/style.css b/code/style.css index 47f8366a..cee389a0 100644 --- a/code/style.css +++ b/code/style.css @@ -1,74 +1,119 @@ body { - background: #ffece9; - margin: 100px; + background: rgb(230, 213, 213); + margin: none; } .profile-container { - display: flex; - box-shadow: 3px 1px 8px 3px lightgray; - background-color: rgb(237, 205, 205); - padding: 50px 20px 50px; + background-color: rgb(242, 238, 238); + min-width: 200px; text-align: center; - flex-direction: column; - border-radius: 10px; - font-family: "Comfortaa", cursive; + box-shadow: 1px 1px 8px 3px lightgray; + margin-left: 30px; + margin-right: 30px; + border-radius: 15%; + padding: 20px; } - -.repo-container { - background-color: #ffece9; - /* padding: 0px 0px 15px 0px; */ - display: grid; - justify-content: center; - text-align: center; - font-family: "Comfortaa", cursive; +.profile h5 { + margin: 0; } .profile_pic { + padding-top: 20px; margin: auto; margin-left: auto; margin-right: auto; - display: inline-block; border-radius: 50%; - border: solid black; border-width: 5px; + height: 170px; + width: 170px; +} +.technigo_pic { + border-radius: 50%; + height: 80px; + width: 80px; } -.assignments { - box-shadow: 1px 1px 8px 3px lightgray; - width: 92%; - margin: 5px 5px 15px 5px; - display: grid; - padding-right: 10px; - background-color: rgb(237, 205, 205); - /* display: flex; - border: solid grey; - border-radius: 10px; - background-color: #ffece9; +.repo-container { + margin-top: 40px; + display: flex; + flex-wrap: wrap; flex-direction: column; - padding: 50px 20px 50px; + justify-content: center; +} + +.assignments { + background-color: rgb(242, 238, 238); + line-height: 1.5; + min-width: 200px; text-align: center; - margin-top: 20px; - font-family: "Comfortaa", cursive; */ - padding-left: 20px; + box-shadow: 1px 1px 8px 3px lightgray; + margin-left: 30px; + margin-right: 30px; + margin: 20px; + border-radius: 15px; +} + +.assignments h4 { + margin: 0; } .chart { padding: 40px; } -h2 { - font-family: "Comfortaa", cursive; - text-align: center; -} +/* Responsive */ @media (min-width: 600px) { .repo-container { display: flex; + flex-direction: row; + flex-wrap: wrap; + height: auto; + } + .assignments { flex-direction: column; + display: flex; + width: 40%; + height: 40%; + flex-wrap: wrap; + margin: 20px; + border-radius: 15px; + box-shadow: 1px 1px 8px 3px black; + } + .projects { + display: flex; + flex-direction: row; } } - -.profile_pic { - height: 250px; - width: 250px; +@media (min-width: 1024px) { + .repo-container { + display: flex; + flex-direction: row; + flex-wrap: wrap; + height: auto; + } + .assignments { + flex-direction: column; + display: flex; + width: 20%; + height: auto; + flex-wrap: wrap; + margin: 20px; + border-radius: 15px; + box-shadow: 1px 1px 8px 3px black; + } + .projects { + display: flex; + flex-direction: row; + } + .chart-box { + width: 10px; + height: 10px; + border: solid green; + padding: none; + margin: auto; + margin-left: auto; + margin-right: auto; + border-radius: 50%; + } } diff --git a/code/technigo-logo.png b/code/technigo-logo.png new file mode 100644 index 0000000000000000000000000000000000000000..d8c7abe850ca97d5e653bc6ee9d58be870220104 GIT binary patch literal 12575 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 literal 0 HcmV?d00001 From 4f43f9b58169a95e5fac697324b0de9832b05e55 Mon Sep 17 00:00:00 2001 From: Charlotte Nyman <85078175+Svempolin@users.noreply.github.com> Date: Sun, 3 Oct 2021 23:06:59 +0200 Subject: [PATCH 7/7] change the chart size --- background img.jpeg | Bin 0 -> 2508 bytes code/chart.js | 5 ++- code/index.html | 40 ++++++++++++++++------- code/script.js | 18 +++++++++-- code/style.css | 75 ++++++++++++++++++++++++++++++++++++-------- github.png | Bin 0 -> 6299 bytes 6 files changed, 110 insertions(+), 28 deletions(-) create mode 100644 background img.jpeg create mode 100644 github.png diff --git a/background img.jpeg b/background img.jpeg new file mode 100644 index 0000000000000000000000000000000000000000..51190fc36e8f171dcd3345c29712388b5ff53868 GIT binary patch literal 2508 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 H-Ff?OScP2c literal 0 HcmV?d00001 diff --git a/code/chart.js b/code/chart.js index 45453b6c..cfe351cd 100644 --- a/code/chart.js +++ b/code/chart.js @@ -12,7 +12,10 @@ const drawChart = (amount) => { { label: "My First Dataset", data: [amount, 19 - amount], - backgroundColor: ["rgb(255, 99, 132)", "rgb(54, 162, 235)"], + backgroundColor: [ + "rgba(204, 223, 218, 0.947)", + "rgba(49, 63, 59, 0.947)", + ], hoverOffset: 4, }, ], diff --git a/code/index.html b/code/index.html index 1c5a2ae4..8e5cb494 100644 --- a/code/index.html +++ b/code/index.html @@ -8,32 +8,50 @@ - + + + + + + + --> + + +
- - -

Charlottes GitHub Tracker

-

Student at Technigo

+

Student @Technigo

+ +
+
+
+
+

Progress

+
+
+ +
+ +
+
- +

Technigo Projects:

-
- +
+ diff --git a/code/script.js b/code/script.js index 816970c2..af2468e7 100644 --- a/code/script.js +++ b/code/script.js @@ -14,10 +14,10 @@ const getOwner = () => { fetch(OWNER_URL) .then((response) => response.json()) .then((data) => { - //console.log(data); + console.log(data); image.src = data.avatar_url; - profile.innerHTML += `

Username: ${data.login}

Name: ${data.name}

- + profile.innerHTML += `

Username: ${data.login}

Name: ${data.name}

Followers:${data.followers} + `; }); }; @@ -39,6 +39,7 @@ const getRepos = () => {

Latest update: ${new Date(repo.updated_at).toDateString()}

The link to: ${repo.name}

Amounts of commits:

+ `) ); @@ -62,6 +63,7 @@ const getPullRequests = (forkedRepos) => { ); myCommits(myPulls.commits_url, repo.name); + myCommits(myPulls.comments_url, repo.name); //console.log(myCommit_URL); //getCommits(myCommit_URL, repo); }); @@ -77,6 +79,16 @@ const myCommits = (myCommitsUrl, myRepoName) => { }); }; +const myComment = (myCommentUrl, myRepoName) => { + fetch(myCommentUrl) + .then((res) => res.json()) + .then((data) => { + document.getElementById( + `comment-${myRepoName}` + ).innerHTML += `${data.length}`; + }); +}; + getOwner(); // diff --git a/code/style.css b/code/style.css index cee389a0..dfe42e71 100644 --- a/code/style.css +++ b/code/style.css @@ -1,6 +1,27 @@ body { - background: rgb(230, 213, 213); margin: none; + background-color: rgb(236, 208, 208); +} +.body-wrapper { + background: rgb(242, 238, 238); + margin: none; + display: flex; + flex-direction: column; +} +.header { + display: flex; + border: solid green; + width: 300px; + align-items: flex-start; + justify-content: center; + border-radius: 10px; +} +.header-text { + font-family: "Oxygen", sans-serif; + font-size: 30px; + font-weight: 600px; + margin: 10px, 0px, 15px, 0px; + color: rgb(80, 84, 87); } .profile-container { @@ -12,9 +33,12 @@ body { margin-right: 30px; border-radius: 15%; padding: 20px; + font-family: "Oxygen", sans-serif; + margin-top: 100px; } .profile h5 { margin: 0; + font-family: "Oxygen", sans-serif; } .profile_pic { @@ -39,6 +63,7 @@ body { flex-wrap: wrap; flex-direction: column; justify-content: center; + font-family: "Oxygen", sans-serif; } .assignments { @@ -51,14 +76,43 @@ body { margin-right: 30px; margin: 20px; border-radius: 15px; + font-family: "Oxygen", sans-serif; } .assignments h4 { margin: 0; + font-family: "Oxygen", sans-serif; +} +.chart-box { + text-align: center; + /* margin: 15px auto; */ + display: flex; + align-items: flex-start; + justify-content: space-evenly; + flex-direction: row; + padding: 15px 0; +} +.chart-section { + width: 25%; + display: flex; + flex-direction: column; + align-items: center; + padding: 3%; +} + +.chart-headline { + display: flex; + align-items: center; + justify-content: center; +} +.chart-wrapper { + width: 100%; } -.chart { - padding: 40px; +h3 { + font-family: "Oxygen", sans-serif; + font-size: 40px; + text-align: center; } /* Responsive */ @@ -102,18 +156,13 @@ body { border-radius: 15px; box-shadow: 1px 1px 8px 3px black; } + + .assignments :hover { + background-color: rgb(218, 194, 158); + } + .projects { display: flex; flex-direction: row; } - .chart-box { - width: 10px; - height: 10px; - border: solid green; - padding: none; - margin: auto; - margin-left: auto; - margin-right: auto; - border-radius: 50%; - } } diff --git a/github.png b/github.png new file mode 100644 index 0000000000000000000000000000000000000000..7fb06dab23609cd7b3072415280d211c81ff36f5 GIT binary patch literal 6299 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 RxcUG9002ovPDHLkV1gv3H1Plc literal 0 HcmV?d00001