From c2b11dfdb7b511c6227765f9ac9b87981df978e5 Mon Sep 17 00:00:00 2001 From: hemmahosjessi Date: Mon, 27 Sep 2021 19:20:37 +0200 Subject: [PATCH 01/23] setting up project after live session --- code/chart.js | 27 +++++++++++++++++++++++++++ code/index.html | 2 ++ code/script.js | 19 +++++++++++++++++++ 3 files changed, 48 insertions(+) diff --git a/code/chart.js b/code/chart.js index 92e85a30..1b61a587 100644 --- a/code/chart.js +++ b/code/chart.js @@ -2,3 +2,30 @@ const ctx = document.getElementById('chart').getContext('2d') //"Draw" the chart here 👇 + + + const drawChart = (amount)=> { + const config = { + type: 'doughnut', + data: { + labels: [ + 'Finished projects', + 'Projects left', + ], + datasets: [{ + label: 'My First Dataset', + data: [amount, 20-amount], + backgroundColor: [ + 'rgb(255, 99, 132)', + 'rgb(54, 162, 235)', + ], + hoverOffset: 4 + }] + }, + }; + + const theChart = new Chart (ctx, config) + } + + + diff --git a/code/index.html b/code/index.html index 2fb5e0ae..313b7d53 100644 --- a/code/index.html +++ b/code/index.html @@ -6,6 +6,8 @@ Project GitHub Tracker + +

GitHub Tracker

diff --git a/code/script.js b/code/script.js index e69de29b..8559f5d5 100644 --- a/code/script.js +++ b/code/script.js @@ -0,0 +1,19 @@ +const USER = 'hemmahosjessi' +const REPOS_URL = `https://api.github.com/users/${USER}/repos` +const projectsContainer = document.getElementById('projects') + +const getRepos = () => { + fetch(REPOS_URL) + .then(response => (response.json())) + .then(data => { + console.log(data) + // data.forEach(repo => console.log(repo.name)) + const forkedRepos = data.filter(repo => repo.fork && repo.name.startsWith('project-')) + forkedRepos.forEach(repo => projectsContainer.innerHTML += `

${repo.name}

`) + drawChart(forkedRepos.length) + }) +} + +getRepos() + + From 8219d53ade9d52ab8137d430182929a8b52e3622 Mon Sep 17 00:00:00 2001 From: hemmahosjessi Date: Mon, 27 Sep 2021 22:45:37 +0200 Subject: [PATCH 02/23] profile --- code/index.html | 4 ++++ code/script.js | 48 ++++++++++++++++++++++++++++++++++++++++++++++++ code/style.css | 5 +++++ 3 files changed, 57 insertions(+) diff --git a/code/index.html b/code/index.html index 313b7d53..52a24d5c 100644 --- a/code/index.html +++ b/code/index.html @@ -11,11 +11,15 @@

GitHub Tracker

+
+

Projects:

+
+
diff --git a/code/script.js b/code/script.js index 8559f5d5..5abdb9e3 100644 --- a/code/script.js +++ b/code/script.js @@ -1,6 +1,26 @@ const USER = 'hemmahosjessi' const REPOS_URL = `https://api.github.com/users/${USER}/repos` const projectsContainer = document.getElementById('projects') +const profileContainer = document.getElementById('profile') +// const PULLS_URL = `https://api.github.com/repos/technigo/${repo.name}/pulls` + + +// ---- PROFILE ----- + +const getProfile = () => { + fetch (`https://api.github.com/users/${USER}`) + .then (response => response.json()) + .then(data => { + console.log(data) + profileContainer.innerHTML += ` +

${data.login}

+ + ` + }) +} + +getProfile() + const getRepos = () => { fetch(REPOS_URL) @@ -17,3 +37,31 @@ const getRepos = () => { getRepos() + +// const getPullRequests = (repos) => { +// //Get all the PRs for each project. +// repos.forEach(repo => { +// fetch(PULLS_URL + repo.name + PULLS) +// .then(res => res.json()) +// .then(data => { +// console.log(data) +// }) + +// }) + +// } + +// getPullRequests() + + +// const getPullRequests = () => { +// fetch(PULLS_URL) +// .then(response => (response.json())) +// .then(data => { +// console.log(data) +// }) +// } + +// getPullRequests() + + diff --git a/code/style.css b/code/style.css index 7c8ad447..47bdb67f 100644 --- a/code/style.css +++ b/code/style.css @@ -1,3 +1,8 @@ body { background: #FFECE9; +} + +.chart { + width: 400px; + height: auto; } \ No newline at end of file From 7adbdebc29f7d72694f8b9fda299b39b5592fb52 Mon Sep 17 00:00:00 2001 From: hemmahosjessi Date: Mon, 27 Sep 2021 23:16:05 +0200 Subject: [PATCH 03/23] some styling tests --- code/index.html | 19 +++++++++++++++---- code/style.css | 8 ++++++++ 2 files changed, 23 insertions(+), 4 deletions(-) diff --git a/code/index.html b/code/index.html index 52a24d5c..068cf6d0 100644 --- a/code/index.html +++ b/code/index.html @@ -10,11 +10,22 @@ -

GitHub Tracker

-
+
+
+ +
+ +
+
+

GitHub Tracker

+
+ +
+

Projects:

+
+
-

Projects:

-
+
diff --git a/code/style.css b/code/style.css index 47bdb67f..d971a205 100644 --- a/code/style.css +++ b/code/style.css @@ -1,7 +1,15 @@ body { background: #FFECE9; + display: flex; + flex-direction: row; } +.button { + width: 100%; + height: 48px; +} + + .chart { width: 400px; height: auto; From aee06af5a09e1a95417b61fc5d794f554c1de654 Mon Sep 17 00:00:00 2001 From: hemmahosjessi Date: Tue, 28 Sep 2021 21:00:19 +0200 Subject: [PATCH 04/23] step 4 --- code/index.html | 39 +++++++++++----------- code/script.js | 51 +++++++++++++++++++++++++--- code/style.css | 89 ++++++++++++++++++++++++++++++++++++++++++++++--- 3 files changed, 150 insertions(+), 29 deletions(-) diff --git a/code/index.html b/code/index.html index 068cf6d0..282aaadb 100644 --- a/code/index.html +++ b/code/index.html @@ -4,33 +4,34 @@ + + + Project GitHub Tracker - -
-
- -
-
-
-

GitHub Tracker

-
- -
-

Projects:

-
-
- + + + +
+
+ + +
+ +
+
- -
- -
+
+

Project repositories / Technigo Frontend Bootcamp 2021/22

+
+
diff --git a/code/script.js b/code/script.js index 5abdb9e3..4557a456 100644 --- a/code/script.js +++ b/code/script.js @@ -5,7 +5,7 @@ const profileContainer = document.getElementById('profile') // const PULLS_URL = `https://api.github.com/repos/technigo/${repo.name}/pulls` -// ---- PROFILE ----- +// ---- PROFILE -----// const getProfile = () => { fetch (`https://api.github.com/users/${USER}`) @@ -13,14 +13,14 @@ const getProfile = () => { .then(data => { console.log(data) profileContainer.innerHTML += ` -

${data.login}

+

${data.login}

` }) } - getProfile() +// ---- REPOS -----// const getRepos = () => { fetch(REPOS_URL) @@ -29,14 +29,55 @@ const getRepos = () => { console.log(data) // data.forEach(repo => console.log(repo.name)) const forkedRepos = data.filter(repo => repo.fork && repo.name.startsWith('project-')) - forkedRepos.forEach(repo => projectsContainer.innerHTML += `

${repo.name}

`) + forkedRepos.forEach(repo => projectsContainer.innerHTML += ` +
+

${repo.name}

+
+

Most recent push

+

${repo.pushed_at}

+
+
+

Default branch name

+

${repo.default_branch}

+
+
+

Default branch name

+

${repo.url}

+
+
`) drawChart(forkedRepos.length) }) } - getRepos() +// ---- MOST RECENT PUSH -----// + +// const getMostRecentPush = () => { +// fetch(``) +// .then(response => (response.json())) +// .then(data => { + +// } +// getMostRecentPush() + +// ---- COMMITS -----// + +// const getCommitAmount = () => { +// fetch(`https://api.github.com/${USER}/repos/{owner}/{repo}/pulls/{pull_number}/commits`) +// .then(response => (response.json())) +// .then(data => { +// console.log(data) +// }) +// } +// getCommitAmount() + +// "https://api.github.com/repos/octocat/Hello-World/commits{/sha} + + + + + // const getPullRequests = (repos) => { // //Get all the PRs for each project. diff --git a/code/style.css b/code/style.css index d971a205..8683bfd7 100644 --- a/code/style.css +++ b/code/style.css @@ -1,16 +1,95 @@ + +html { + box-sizing: border-box; + } + + *, *:before, *:after { + box-sizing: inherit; + } + body { - background: #FFECE9; + background: linear-gradient(45deg, #1a1a1a 60%, #111 60%); + background-repeat: no-repeat; + display: flex; + font-family: poppins; + color: #dedede; + overflow: auto; + min-height: 1500px; +} + +h2 { + font-weight: 100; +} + +h3 { + font-weight: 300; + margin-bottom: 0.5rem; +} + +h4 { + margin: 0; +} + +p { + font-weight: 100; + margin: 0.5rem 0 0 0; +}s + +/* .header { + padding: 2rem; +} */ + +.left-area { + width: 30%; + /* height: 100%; */ display: flex; - flex-direction: row; + flex-direction: column; + justify-content: center; + /* background-color: #111; */ + padding: 3rem; + /* position: sticky; */ +} + +img { + border-radius: 50%; + width: 60%; + height: auto; } .button { width: 100%; height: 48px; + background-color: #dedede; + border: none; + border-radius: 12px; + font-size: 1.125rem; } - .chart { - width: 400px; + width: 250px; height: auto; -} \ No newline at end of file + padding-top: 3rem; +} + +.right-area { + width: 100%; + padding: 3rem; +} + +.project-grid { + display: grid; + grid-template-columns: 1fr 1fr; + grid-auto-rows: auto; + gap: 1rem; +} + +.project-card { + height: auto; + background-color: #222; + padding: 1rem 2rem 2rem 2rem; + border-radius: 12px; +} + +/* .most-recent { + mars +} */ \ No newline at end of file From 42a238eef5bdada16d551d49ecf6814a3fdd751d Mon Sep 17 00:00:00 2001 From: hemmahosjessi Date: Tue, 28 Sep 2021 23:29:13 +0200 Subject: [PATCH 05/23] line break --- code/index.html | 2 +- code/script.js | 6 ++--- code/style.css | 67 +++++++++++++++++++++++++++++++------------------ 3 files changed, 46 insertions(+), 29 deletions(-) diff --git a/code/index.html b/code/index.html index 282aaadb..701a4e2b 100644 --- a/code/index.html +++ b/code/index.html @@ -16,7 +16,7 @@ - +
diff --git a/code/script.js b/code/script.js index 4557a456..056561c2 100644 --- a/code/script.js +++ b/code/script.js @@ -40,9 +40,9 @@ const getRepos = () => {

Default branch name

${repo.default_branch}

-
-

Default branch name

-

${repo.url}

+
+

Default branch URL

+

${repo.url}

`) drawChart(forkedRepos.length) diff --git a/code/style.css b/code/style.css index 8683bfd7..636bc630 100644 --- a/code/style.css +++ b/code/style.css @@ -1,24 +1,34 @@ html { box-sizing: border-box; - } + } */ - *, *:before, *:after { +*:before, *:after { box-sizing: inherit; - } + } + + + /* background: linear-gradient(45deg, #1a1a1a 60%, #111 60%); + background-repeat: no-repeat; */ body { - background: linear-gradient(45deg, #1a1a1a 60%, #111 60%); - background-repeat: no-repeat; - display: flex; + background-color: #1a1a1a; font-family: poppins; color: #dedede; - overflow: auto; - min-height: 1500px; + padding: 3rem; + margin: 0; + max-width: 90%; +} + +.body { + display: flex; + flex-direction: row; + align-content: center; } h2 { font-weight: 100; + margin-top: 0; } h3 { @@ -35,25 +45,25 @@ p { margin: 0.5rem 0 0 0; }s -/* .header { - padding: 2rem; -} */ + +/* // LEFT AREA // */ + .left-area { width: 30%; - /* height: 100%; */ - display: flex; - flex-direction: column; - justify-content: center; - /* background-color: #111; */ - padding: 3rem; - /* position: sticky; */ + align-content: center; +} + +.user-name { + text-align: center; + margin-top: 1rem; } img { border-radius: 50%; width: 60%; height: auto; + align-self: center; } .button { @@ -72,24 +82,31 @@ img { } .right-area { + display: flex; + flex-wrap: wrap; width: 100%; - padding: 3rem; + padding-left: 3rem; } .project-grid { display: grid; - grid-template-columns: 1fr 1fr; + grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: auto; - gap: 1rem; + gap: 2rem; } + .project-card { - height: auto; background-color: #222; padding: 1rem 2rem 2rem 2rem; border-radius: 12px; + width: auto; } -/* .most-recent { - mars -} */ \ No newline at end of file +/* // Line breaks the url // */ +.break { + overflow-wrap: break-word; + word-wrap: break-word; + word-break: break-word; + hyphens: auto; +} From 815b3c35bcd6bd1fe554c3d02fd03edbfa67596c Mon Sep 17 00:00:00 2001 From: hemmahosjessi Date: Wed, 29 Sep 2021 00:26:48 +0200 Subject: [PATCH 06/23] chart to bar --- code/chart.js | 67 +++++++++++++++++++++++++++++++++---------------- code/index.html | 12 ++++++--- code/script.js | 9 +++++-- code/style.css | 41 +++++++++++++++++++++++------- 4 files changed, 93 insertions(+), 36 deletions(-) diff --git a/code/chart.js b/code/chart.js index 1b61a587..4c28c179 100644 --- a/code/chart.js +++ b/code/chart.js @@ -3,29 +3,54 @@ const ctx = document.getElementById('chart').getContext('2d') //"Draw" the chart here 👇 +const drawChart = (amount)=> { +const config = { + type: 'bar', + data: { + labels: [ + 'Finished projects', + 'Projects left', + ], + datasets: [{ + label: 'My first dataset', + data: [amount, 20-amount], + backgroundColor: [ + 'rgba(255, 99, 132)', + 'rgba(255, 159, 64)', + ], + + hoverOffset: 4 + }] + }, +} +const theChart = new Chart (ctx, config) +} + + + - const drawChart = (amount)=> { - const config = { - type: 'doughnut', - data: { - labels: [ - 'Finished projects', - 'Projects left', - ], - datasets: [{ - label: 'My First Dataset', - data: [amount, 20-amount], - backgroundColor: [ - 'rgb(255, 99, 132)', - 'rgb(54, 162, 235)', - ], - hoverOffset: 4 - }] - }, - }; + // const drawChart = (amount)=> { + // const config = { + // type: 'doughnut', + // data: { + // labels: [ + // 'Finished projects', + // 'Projects left', + // ], + // datasets: [{ + // label: 'My First Dataset', + // data: [amount, 20-amount], + // backgroundColor: [ + // 'rgb(255, 99, 132)', + // 'rgb(54, 162, 235)', + // ], + // hoverOffset: 4 + // }] + // }, + // }; - const theChart = new Chart (ctx, config) - } + // const theChart = new Chart (ctx, config) + // } diff --git a/code/index.html b/code/index.html index 701a4e2b..3468fdff 100644 --- a/code/index.html +++ b/code/index.html @@ -13,11 +13,14 @@ - - + + +
+

GitHub Tracker

+
+ +
@@ -32,6 +35,7 @@

GitHub Tracker

Project repositories / Technigo Frontend Bootcamp 2021/22

+
diff --git a/code/script.js b/code/script.js index 056561c2..df02ffcf 100644 --- a/code/script.js +++ b/code/script.js @@ -13,8 +13,13 @@ const getProfile = () => { .then(data => { console.log(data) profileContainer.innerHTML += ` - -

${data.login}

+
+ +
+

Jessi Nygren Walhed

+

${data.login}

+ ` }) } diff --git a/code/style.css b/code/style.css index 636bc630..4e9729c5 100644 --- a/code/style.css +++ b/code/style.css @@ -15,35 +15,47 @@ body { background-color: #1a1a1a; font-family: poppins; color: #dedede; - padding: 3rem; + padding-right: 7%; + padding-left: 7%; + padding-bottom: ; margin: 0; max-width: 90%; } -.body { +.main { display: flex; flex-direction: row; align-content: center; } +.header { + width: 100%; + padding: 2rem 0 2rem 0; +} + h2 { + font-size: 1.5rem; font-weight: 100; margin-top: 0; } h3 { - font-weight: 300; + font-size: 1rem; + font-weight: 600; margin-bottom: 0.5rem; + color: #58a6ff; } h4 { + font-size: 1rem; margin: 0; } p { + font-size: 14px; font-weight: 100; margin: 0.5rem 0 0 0; -}s +} /* // LEFT AREA // */ @@ -55,15 +67,23 @@ p { } .user-name { - text-align: center; - margin-top: 1rem; + margin-top: 0; } +.profile h2 { + margin-bottom: 0; +} + +/* .user-img { + display: inline-block; + vertical-align: center; +} */ + img { border-radius: 50%; - width: 60%; + width: 50%; height: auto; - align-self: center; + margin-bottom: 1rem; } .button { @@ -73,10 +93,12 @@ img { border: none; border-radius: 12px; font-size: 1.125rem; + margin-top: 1rem; } .chart { - width: 250px; + /* width: 250px; */ + width: 100%; height: auto; padding-top: 3rem; } @@ -109,4 +131,5 @@ img { word-wrap: break-word; word-break: break-word; hyphens: auto; + font-size: 1rem; } From ce5653508c85ea5c734d737de56aa160da956107 Mon Sep 17 00:00:00 2001 From: hemmahosjessi Date: Wed, 29 Sep 2021 00:31:40 +0200 Subject: [PATCH 07/23] colours --- code/style.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/code/style.css b/code/style.css index 4e9729c5..1658fed4 100644 --- a/code/style.css +++ b/code/style.css @@ -12,12 +12,12 @@ html { background-repeat: no-repeat; */ body { - background-color: #1a1a1a; + background-color: #0d1117; font-family: poppins; color: #dedede; padding-right: 7%; padding-left: 7%; - padding-bottom: ; + padding-bottom: 7%; margin: 0; max-width: 90%; } @@ -89,7 +89,8 @@ img { .button { width: 100%; height: 48px; - background-color: #dedede; + background-color: #21262d; + color: #dedede; border: none; border-radius: 12px; font-size: 1.125rem; @@ -119,7 +120,7 @@ img { .project-card { - background-color: #222; + background-color: #161b22; padding: 1rem 2rem 2rem 2rem; border-radius: 12px; width: auto; From 0e6066cd52a61788401947b01fceecee6af96271 Mon Sep 17 00:00:00 2001 From: hemmahosjessi Date: Wed, 29 Sep 2021 22:29:22 +0200 Subject: [PATCH 08/23] commits per pull request --- code/.DS_Store | Bin 0 -> 6148 bytes code/GitHub-Icon-White-Logo.wine.svg | 1 + code/chart.js | 8 +- code/index.html | 6 +- code/script.js | 133 +++++++++++------------- code/style.css | 147 +++++++++++++++++++++++---- 6 files changed, 200 insertions(+), 95 deletions(-) create mode 100644 code/.DS_Store create mode 100644 code/GitHub-Icon-White-Logo.wine.svg diff --git a/code/.DS_Store b/code/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..d954b049472c4f7155c0c48cc55dab2fc0406b54 GIT binary patch literal 6148 zcmeHK%TB^T6g`71Fm717vp;~1f6$N`H6d>Bv6V+tR9>O2#9cq#bMH)u1YBthA@?SC z&Yk-zbEfGq09>~kUjc0ZEvjJSl*1m8xaf{Ff=AG4j|xL{aEB2VJK5$qLF&(tH1~HWjX9sMY&?92lVktZ^`HkF`k$|W!D+! z1?MRSj16c#a-LzO-ZzaF>^fp>&JH;v8Lc(vQ~rhwW384h@9eO^lJh0A7Le)@eH~U+ zp;L#I6UJhF6UX$%>^@_+Tr=W7S@nHb^)LB5#Mi=plQCcn9619#vqf5G9&I!Ri~(a{ z!+?ArBC22#u=c2*4i0(+AU5e%p)Gd_sfhw60c($pP@FF%`cfCJ7|xf|ABDUmVC~VD z!|9XRCp_7O8;aAX(;sO%T;kD2W55{LX5hq6+j9P2|9t=7F0z?1U<@1;1Fo6&(=L}3 z&eom9$ypmwU#KFIS9{!)(9olpxpEYrQ&s4X#2_XCYmf9$?2mxbV1qI6uMB(vYz|fP literal 0 HcmV?d00001 diff --git a/code/GitHub-Icon-White-Logo.wine.svg b/code/GitHub-Icon-White-Logo.wine.svg new file mode 100644 index 00000000..3824bda1 --- /dev/null +++ b/code/GitHub-Icon-White-Logo.wine.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/code/chart.js b/code/chart.js index 4c28c179..6d675057 100644 --- a/code/chart.js +++ b/code/chart.js @@ -12,8 +12,13 @@ const config = { 'Projects left', ], datasets: [{ - label: 'My first dataset', + label: 'Projects during Bootcamp', data: [amount, 20-amount], + barPercentage: 25, + barThickness: 100, + maxBarThickness: 100, + borderRadius: 4, + // minBarLength: 10, backgroundColor: [ 'rgba(255, 99, 132)', 'rgba(255, 159, 64)', @@ -28,6 +33,7 @@ const theChart = new Chart (ctx, config) +//DOUGHNUT CHART// // const drawChart = (amount)=> { // const config = { diff --git a/code/index.html b/code/index.html index 3468fdff..9571a1eb 100644 --- a/code/index.html +++ b/code/index.html @@ -18,12 +18,12 @@

GitHub Tracker

+
-
+
-
@@ -35,7 +35,7 @@

GitHub Tracker

Project repositories / Technigo Frontend Bootcamp 2021/22

-
+ diff --git a/code/script.js b/code/script.js index df02ffcf..8550b2c1 100644 --- a/code/script.js +++ b/code/script.js @@ -11,14 +11,20 @@ const getProfile = () => { fetch (`https://api.github.com/users/${USER}`) .then (response => response.json()) .then(data => { - console.log(data) + // console.log(data) profileContainer.innerHTML += ` -
- -
+
+ +
+
+

Jessi Nygren Walhed

+

${data.login}

+
+
-

Jessi Nygren Walhed

-

${data.login}

+

${data.bio}

+
` }) @@ -31,83 +37,66 @@ const getRepos = () => { fetch(REPOS_URL) .then(response => (response.json())) .then(data => { - console.log(data) + // console.log(data) // data.forEach(repo => console.log(repo.name)) + const forkedRepos = data.filter(repo => repo.fork && repo.name.startsWith('project-')) + console.log('My forked repos', forkedRepos) + forkedRepos.forEach(repo => projectsContainer.innerHTML += `
-

${repo.name}

-
-

Most recent push

-

${repo.pushed_at}

-
-
-

Default branch name

-

${repo.default_branch}

-
-
-

Default branch URL

-

${repo.url}

-
+ ${repo.name} +
+

Most recent push

+

${new Date(repo.pushed_at).toDateString()}

+
+
+

Default branch name

+

${repo.default_branch}

+
+
+

No of commits

+

+
`) drawChart(forkedRepos.length) + + fetchPullRequests(forkedRepos) }) } -getRepos() - - -// ---- MOST RECENT PUSH -----// - -// const getMostRecentPush = () => { -// fetch(``) -// .then(response => (response.json())) -// .then(data => { - -// } -// getMostRecentPush() - -// ---- COMMITS -----// - -// const getCommitAmount = () => { -// fetch(`https://api.github.com/${USER}/repos/{owner}/{repo}/pulls/{pull_number}/commits`) -// .then(response => (response.json())) -// .then(data => { -// console.log(data) -// }) -// } -// getCommitAmount() - -// "https://api.github.com/repos/octocat/Hello-World/commits{/sha} - - - - - -// const getPullRequests = (repos) => { -// //Get all the PRs for each project. -// repos.forEach(repo => { -// fetch(PULLS_URL + repo.name + PULLS) -// .then(res => res.json()) -// .then(data => { -// console.log(data) -// }) +// ---- PULL REQUESTS PER PROJECT / COMMIT MESSAGES PER PULL REQUEST -----// + +const fetchPullRequests = (allRepositories) => { + allRepositories.forEach(repo => { + fetch(`https://api.github.com/repos/Technigo/${repo.name}/pulls?per_page=100`) + .then(response => (response.json())) + .then(data => { + const myPullRequests = data.find( + (pull) => pull.user.login === repo.owner.login) + console.log('My Pull requests', myPullRequests) + + if (myPullRequests) { + fetchCommits(myPullRequests.commits_url, repo.name); + } else { + document.getElementById(`commit-${repo.name}`).innerHTML = + 'No pull request done 🙃'; + } + + }) + }) -// }) - -// } - -// getPullRequests() - +} -// const getPullRequests = () => { -// fetch(PULLS_URL) -// .then(response => (response.json())) -// .then(data => { -// console.log(data) -// }) -// } +const fetchCommits = (myCommitsUrl, myRepoName) => { + fetch(myCommitsUrl) + .then(response => (response.json())) + .then(data => { + console.log('My commits', data) + document.getElementById(`commit-${myRepoName}`).innerHTML += data.length + }) +} -// getPullRequests() +getRepos() diff --git a/code/style.css b/code/style.css index 1658fed4..005e015c 100644 --- a/code/style.css +++ b/code/style.css @@ -14,7 +14,7 @@ html { body { background-color: #0d1117; font-family: poppins; - color: #dedede; + color: #c9d1d9; padding-right: 7%; padding-left: 7%; padding-bottom: 7%; @@ -29,10 +29,14 @@ body { } .header { - width: 100%; padding: 2rem 0 2rem 0; } +h1 { + font-size: 1.5rem; + font-weight: 600; +} + h2 { font-size: 1.5rem; font-weight: 100; @@ -52,13 +56,23 @@ h4 { } p { - font-size: 14px; + font-size: 12px; font-weight: 100; margin: 0.5rem 0 0 0; } +a { + color: #58a6ff; + font-weight: 600; + text-decoration: none; + +} +a:hover { + text-decoration-line: underline; +} -/* // LEFT AREA // */ + +/* LEFT AREA */ .left-area { @@ -66,6 +80,10 @@ p { align-content: center; } +.profile-area { + flex-direction: column; +} + .user-name { margin-top: 0; } @@ -74,11 +92,6 @@ p { margin-bottom: 0; } -/* .user-img { - display: inline-block; - vertical-align: center; -} */ - img { border-radius: 50%; width: 50%; @@ -98,24 +111,23 @@ img { } .chart { - /* width: 250px; */ width: 100%; height: auto; padding-top: 3rem; } + +/* RIGHT AREA */ + .right-area { - display: flex; - flex-wrap: wrap; width: 100%; padding-left: 3rem; } .project-grid { display: grid; - grid-template-columns: 1fr 1fr 1fr; - grid-auto-rows: auto; - gap: 2rem; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + grid-gap: 2rem; } @@ -123,14 +135,111 @@ img { background-color: #161b22; padding: 1rem 2rem 2rem 2rem; border-radius: 12px; - width: auto; + min-width: auto; + border: 1px solid #31363C; + /* box-shadow: 10px 10px 30px rgba(0,0,0,0,1); */ } -/* // Line breaks the url // */ -.break { +/* // Line breaks the url, needed when I showed the url // */ + +/* .break { overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; hyphens: auto; font-size: 1rem; -} +} */ + + + @media (max-width: 768px) { + + body { + padding: 0; + /* padding-right: 1rem; + padding-left: 1rem; + padding-bottom: 3rem; */ + max-width: 100%; + } + + .header { + width: 100%; + padding: 0.5rem 0 0.5rem 0; + border-bottom: 0.5px solid #31363C; + } + + h1 { + font-size: 12px; + padding-left: 1rem; + } + + h2 { + font-size: 1rem; + } + + h3 { + margin-top: 0; + } + + h4 { + font-size: 14px; + } + + .break { + font-size: 14px; + } + + .main { + flex-direction: column; + margin: 1rem; + } + + .left-area { + width: 100%; + align-content: flex-start; + } + + .profile-area { + width: 100%; + display: flex; + flex-direction: row; + } + + .profile h2 { + font-size: 1.5rem; + } + + .user { + display: flex; + flex-direction: column; + margin-left: 1rem; + } + + img { + border-radius: 50%; + width: 64px; + height: auto; + margin-bottom: 1rem; + } + + .chart { + padding-top: 1rem; + } + + .right-area { + padding-left: 0; + margin-top: 1.5rem; + } + + .project-grid { + grid-template-columns: 1fr; + grid-auto-rows: auto; + gap: 1rem; + } + + .project-card { + padding: 1rem; + border-radius: 12px; + width: auto; + } + + } From 87a51c4838461987ae428fd319d24f4437bd2563 Mon Sep 17 00:00:00 2001 From: hemmahosjessi Date: Wed, 29 Sep 2021 22:36:45 +0200 Subject: [PATCH 09/23] xx --- code/chart.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/code/chart.js b/code/chart.js index 6d675057..8dc2e172 100644 --- a/code/chart.js +++ b/code/chart.js @@ -14,7 +14,7 @@ const config = { datasets: [{ label: 'Projects during Bootcamp', data: [amount, 20-amount], - barPercentage: 25, + barPercentage: 10, barThickness: 100, maxBarThickness: 100, borderRadius: 4, From e428b6dc3e6f595e8b7dcb84787cf7f4b30765ac Mon Sep 17 00:00:00 2001 From: hemmahosjessi Date: Fri, 1 Oct 2021 00:18:51 +0200 Subject: [PATCH 10/23] styling --- code/GitHub-Icon-White-Logo.wine.svg | 5 +- code/chart.js | 2 +- code/index.html | 2 +- code/script.js | 2 +- code/style.css | 138 ++++++++++++++++++++++++--- 5 files changed, 133 insertions(+), 16 deletions(-) diff --git a/code/GitHub-Icon-White-Logo.wine.svg b/code/GitHub-Icon-White-Logo.wine.svg index 3824bda1..c4febfb0 100644 --- a/code/GitHub-Icon-White-Logo.wine.svg +++ b/code/GitHub-Icon-White-Logo.wine.svg @@ -1 +1,4 @@ - \ No newline at end of file + + + + diff --git a/code/chart.js b/code/chart.js index 8dc2e172..9e7ce34d 100644 --- a/code/chart.js +++ b/code/chart.js @@ -13,7 +13,7 @@ const config = { ], datasets: [{ label: 'Projects during Bootcamp', - data: [amount, 20-amount], + data: [amount, 19-amount], barPercentage: 10, barThickness: 100, maxBarThickness: 100, diff --git a/code/index.html b/code/index.html index 9571a1eb..072e2520 100644 --- a/code/index.html +++ b/code/index.html @@ -18,6 +18,7 @@

GitHub Tracker

+
@@ -30,7 +31,6 @@

GitHub Tracker

-

Project repositories / Technigo Frontend Bootcamp 2021/22

diff --git a/code/script.js b/code/script.js index 8550b2c1..c0755161 100644 --- a/code/script.js +++ b/code/script.js @@ -22,7 +22,7 @@ const getProfile = () => {

${data.login}

-
+

${data.bio}

diff --git a/code/style.css b/code/style.css index 005e015c..59bcd27d 100644 --- a/code/style.css +++ b/code/style.css @@ -15,11 +15,11 @@ body { background-color: #0d1117; font-family: poppins; color: #c9d1d9; - padding-right: 7%; - padding-left: 7%; + /* padding-right: 5%; + padding-left: 5%; */ padding-bottom: 7%; margin: 0; - max-width: 90%; + /* max-width: 90%; */ } .main { @@ -29,16 +29,29 @@ body { } .header { - padding: 2rem 0 2rem 0; + display: flex; + justify-content: space-between; + align-items: center; + padding: 1rem 0 1rem 0; + margin: 0; + border-bottom: 0.5px solid #31363C; +} + +.github-logo { + width: 56px; + height: 56px; + margin-right: 5%; + margin-bottom: 0; } h1 { font-size: 1.5rem; font-weight: 600; + padding-left: 5%; } h2 { - font-size: 1.5rem; + font-size: 2rem; font-weight: 100; margin-top: 0; } @@ -60,11 +73,11 @@ p { font-weight: 100; margin: 0.5rem 0 0 0; } + a { color: #58a6ff; font-weight: 600; text-decoration: none; - } a:hover { @@ -76,8 +89,10 @@ a:hover { .left-area { - width: 30%; + width: 25%; align-content: center; + padding-left: 5%; + padding-top: 4rem; } .profile-area { @@ -122,6 +137,8 @@ img { .right-area { width: 100%; padding-left: 3rem; + padding-top: 4rem; + padding-right: 5%; } .project-grid { @@ -137,7 +154,6 @@ img { border-radius: 12px; min-width: auto; border: 1px solid #31363C; - /* box-shadow: 10px 10px 30px rgba(0,0,0,0,1); */ } /* // Line breaks the url, needed when I showed the url // */ @@ -151,7 +167,7 @@ img { } */ - @media (max-width: 768px) { + @media (max-width: 767px) { body { padding: 0; @@ -163,17 +179,24 @@ img { .header { width: 100%; - padding: 0.5rem 0 0.5rem 0; + padding: 0; border-bottom: 0.5px solid #31363C; } + + .github-logo { + width: 32px; + margin-right: 1rem; + } h1 { - font-size: 12px; + font-size: 14px; padding-left: 1rem; + margin: 0; } h2 { font-size: 1rem; + font-weight: 100; } h3 { @@ -196,6 +219,8 @@ img { .left-area { width: 100%; align-content: flex-start; + padding: 0; + margin-top: 1rem; } .profile-area { @@ -227,7 +252,7 @@ img { .right-area { padding-left: 0; - margin-top: 1.5rem; + padding-top: 2rem; } .project-grid { @@ -241,5 +266,94 @@ img { border-radius: 12px; width: auto; } + + + @media (min-width: 768px) and (max-width: 991px) { + + .header { + border-bottom: 0.5px solid #31363C; + padding: 2rem; + } + + .github-logo { + width: 64px; + height: 64px; + margin: 0; + } + + h1 { + font-size: 1.5rem; + padding: 0; + } + + h2 { + font-size: 1rem; + } + + h3 { + margin-top: 0; + } + + h4 { + font-size: 14px; + } + + .break { + font-size: 14px; + } + + .main { + flex-direction: column; + margin: 1rem; + } + + /* .left-area { + width: 100%; + align-content: flex-start; + } */ + + .profile-area { + width: 100%; + display: flex; + flex-direction: row; + } + + /* .profile h2 { + font-size: 1.5rem; + } */ + + .user { + display: flex; + flex-direction: column; + margin-left: 1rem; + } + + img { + border-radius: 50%; + width: 96px; + height: auto; + margin-bottom: 1rem; + } + + /* .chart { + padding-top: 1rem; + } */ + + .right-area { + /* padding-left: 0; */ + padding: 2rem; + } + + .project-grid { + grid-template-columns: 1fr 1fr; + gap: 1rem; + } + + .project-card { + padding: 1rem; + } + + + } } From d45ed049c1bb74a333c91fc3493fd8144b81f380 Mon Sep 17 00:00:00 2001 From: hemmahosjessi Date: Fri, 1 Oct 2021 22:09:27 +0200 Subject: [PATCH 11/23] Tried the pop up modal No luck... --- code/arrow-right.svg | 9 ++ code/chart.js | 36 +------- code/index.html | 65 +++++++------- code/script.js | 20 +++-- code/style.css | 207 +++++++++++++++++-------------------------- 5 files changed, 136 insertions(+), 201 deletions(-) create mode 100644 code/arrow-right.svg diff --git a/code/arrow-right.svg b/code/arrow-right.svg new file mode 100644 index 00000000..b70116ab --- /dev/null +++ b/code/arrow-right.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/code/chart.js b/code/chart.js index 9e7ce34d..7d4e7786 100644 --- a/code/chart.js +++ b/code/chart.js @@ -12,11 +12,11 @@ const config = { 'Projects left', ], datasets: [{ - label: 'Projects during Bootcamp', + label: 'Bootcamp projects', data: [amount, 19-amount], - barPercentage: 10, + barPercentage: 5, barThickness: 100, - maxBarThickness: 100, + maxBarThickness: 150, borderRadius: 4, // minBarLength: 10, backgroundColor: [ @@ -30,33 +30,3 @@ const config = { } const theChart = new Chart (ctx, config) } - - - -//DOUGHNUT CHART// - - // const drawChart = (amount)=> { - // const config = { - // type: 'doughnut', - // data: { - // labels: [ - // 'Finished projects', - // 'Projects left', - // ], - // datasets: [{ - // label: 'My First Dataset', - // data: [amount, 20-amount], - // backgroundColor: [ - // 'rgb(255, 99, 132)', - // 'rgb(54, 162, 235)', - // ], - // hoverOffset: 4 - // }] - // }, - // }; - - // const theChart = new Chart (ctx, config) - // } - - - diff --git a/code/index.html b/code/index.html index 072e2520..4fcc90f7 100644 --- a/code/index.html +++ b/code/index.html @@ -1,43 +1,38 @@ - - - - - - - - Project GitHub Tracker - - + + + + + + + + Project GitHub Tracker + + + - + +
+

GitHub Tracker

+ +
+
+
+
+
+ +
+
- - -
-

GitHub Tracker

- - -
- -
-
-
- -
- -
-
- -
-

Project repositories / Technigo Frontend Bootcamp 2021/22

-
-
-
+
+

Project repositories / Technigo Frontend Bootcamp 2021/22

+
+
+
- - \ No newline at end of file + + \ No newline at end of file diff --git a/code/script.js b/code/script.js index c0755161..40d293a2 100644 --- a/code/script.js +++ b/code/script.js @@ -2,8 +2,7 @@ const USER = 'hemmahosjessi' const REPOS_URL = `https://api.github.com/users/${USER}/repos` const projectsContainer = document.getElementById('projects') const profileContainer = document.getElementById('profile') -// const PULLS_URL = `https://api.github.com/repos/technigo/${repo.name}/pulls` - + // ---- PROFILE -----// @@ -11,7 +10,6 @@ const getProfile = () => { fetch (`https://api.github.com/users/${USER}`) .then (response => response.json()) .then(data => { - // console.log(data) profileContainer.innerHTML += `
@@ -19,7 +17,7 @@ const getProfile = () => {

Jessi Nygren Walhed

-

${data.login}

+ ${data.login}
@@ -37,14 +35,19 @@ const getRepos = () => { fetch(REPOS_URL) .then(response => (response.json())) .then(data => { - // console.log(data) - // data.forEach(repo => console.log(repo.name)) - const forkedRepos = data.filter(repo => repo.fork && repo.name.startsWith('project-')) console.log('My forked repos', forkedRepos) forkedRepos.forEach(repo => projectsContainer.innerHTML += `
+ ${repo.name}

Most recent push

@@ -59,6 +62,7 @@ const getRepos = () => {

`) + drawChart(forkedRepos.length) fetchPullRequests(forkedRepos) @@ -80,7 +84,7 @@ const fetchPullRequests = (allRepositories) => { fetchCommits(myPullRequests.commits_url, repo.name); } else { document.getElementById(`commit-${repo.name}`).innerHTML = - 'No pull request done 🙃'; + '-'; } }) diff --git a/code/style.css b/code/style.css index 59bcd27d..be5226a4 100644 --- a/code/style.css +++ b/code/style.css @@ -1,31 +1,25 @@ html { box-sizing: border-box; - } */ + } *:before, *:after { box-sizing: inherit; } - - /* background: linear-gradient(45deg, #1a1a1a 60%, #111 60%); - background-repeat: no-repeat; */ - body { background-color: #0d1117; font-family: poppins; color: #c9d1d9; - /* padding-right: 5%; - padding-left: 5%; */ padding-bottom: 7%; margin: 0; - /* max-width: 90%; */ } .main { display: flex; flex-direction: row; - align-content: center; + padding-left: 5%; + padding-right: 5%; } .header { @@ -38,20 +32,20 @@ body { } .github-logo { - width: 56px; - height: 56px; + width: 48px; + height: 48px; margin-right: 5%; margin-bottom: 0; } h1 { font-size: 1.5rem; - font-weight: 600; + font-weight: 300; padding-left: 5%; } h2 { - font-size: 2rem; + font-size: 1.5rem; font-weight: 100; margin-top: 0; } @@ -84,21 +78,18 @@ a:hover { text-decoration-line: underline; } +.main { + padding-right: 5%; + padding-left: 5%; +} /* LEFT AREA */ - .left-area { width: 25%; - align-content: center; - padding-left: 5%; padding-top: 4rem; } -.profile-area { - flex-direction: column; -} - .user-name { margin-top: 0; } @@ -138,42 +129,96 @@ img { width: 100%; padding-left: 3rem; padding-top: 4rem; - padding-right: 5%; } .project-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); - grid-gap: 2rem; + grid-gap: 1.5rem; } - .project-card { background-color: #161b22; - padding: 1rem 2rem 2rem 2rem; + padding: 1.5rem 1rem 1.5rem 1.5rem; border-radius: 12px; min-width: auto; border: 1px solid #31363C; } -/* // Line breaks the url, needed when I showed the url // */ +.open-modal { + float: right; + width: 48px; + height: 48px; + border-radius: 50%; + background-color: #21262d; + border: none; + +} -/* .break { - overflow-wrap: break-word; - word-wrap: break-word; - word-break: break-word; - hyphens: auto; - font-size: 1rem; -} */ +.link-arrow { + width: 1.5rem; + height: 1.5rem; + margin: 0; +} + + +@media (min-width: 768px) and (max-width: 991px) { + + .main { + display: flex; + flex-direction: column; + } + + .left-area { + box-sizing: border-box; + display: flex; + flex-direction: row; + padding-top: 2rem; + width: 100%; + } + + .user { + font-size: 1.5rem; + } + + .bio { + font-size: 1rem; + } + + h2 { + font-size: 1rem; + } + + .profile { + width: 50%; + padding-right: 1.5rem; + } + + .chart { + width: 50%; + } + + .right-area { + padding-left: 0; + padding-top: 3rem; + } + + .project-grid { + grid-template-columns: 1fr 1fr; + grid-auto-rows: auto; + gap: 1.5rem; + } + + .project-card { + padding: 1rem; + } + +} @media (max-width: 767px) { body { - padding: 0; - /* padding-right: 1rem; - padding-left: 1rem; - padding-bottom: 3rem; */ max-width: 100%; } @@ -214,6 +259,7 @@ img { .main { flex-direction: column; margin: 1rem; + padding: 0; } .left-area { @@ -266,94 +312,5 @@ img { border-radius: 12px; width: auto; } - - - @media (min-width: 768px) and (max-width: 991px) { - - .header { - border-bottom: 0.5px solid #31363C; - padding: 2rem; - } - - .github-logo { - width: 64px; - height: 64px; - margin: 0; - } - - h1 { - font-size: 1.5rem; - padding: 0; - } - - h2 { - font-size: 1rem; - } - - h3 { - margin-top: 0; - } - - h4 { - font-size: 14px; - } - - .break { - font-size: 14px; - } - - .main { - flex-direction: column; - margin: 1rem; - } - - /* .left-area { - width: 100%; - align-content: flex-start; - } */ - - .profile-area { - width: 100%; - display: flex; - flex-direction: row; - } - - /* .profile h2 { - font-size: 1.5rem; - } */ - - .user { - display: flex; - flex-direction: column; - margin-left: 1rem; - } - - img { - border-radius: 50%; - width: 96px; - height: auto; - margin-bottom: 1rem; - } - - /* .chart { - padding-top: 1rem; - } */ - - .right-area { - /* padding-left: 0; */ - padding: 2rem; - } - - .project-grid { - grid-template-columns: 1fr 1fr; - gap: 1rem; - } - - .project-card { - padding: 1rem; - } - - - } } From 485a8ec5c4784c4e54b5e636949b2d03b0325451 Mon Sep 17 00:00:00 2001 From: hemmahosjessi Date: Fri, 1 Oct 2021 22:15:56 +0200 Subject: [PATCH 12/23] adjustments om headings --- code/style.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/code/style.css b/code/style.css index be5226a4..f64d24d4 100644 --- a/code/style.css +++ b/code/style.css @@ -234,14 +234,14 @@ img { } h1 { - font-size: 14px; + font-size: 1rem; padding-left: 1rem; margin: 0; } h2 { font-size: 1rem; - font-weight: 100; + font-weight: 300; } h3 { @@ -249,7 +249,7 @@ img { } h4 { - font-size: 14px; + font-size: 1rem; } .break { From 6fd0bb9c673bd1e76c31892010ffeb187db0b49a Mon Sep 17 00:00:00 2001 From: hemmahosjessi Date: Fri, 1 Oct 2021 22:18:29 +0200 Subject: [PATCH 13/23] fontsizes --- code/style.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/code/style.css b/code/style.css index f64d24d4..a4a7915a 100644 --- a/code/style.css +++ b/code/style.css @@ -252,9 +252,9 @@ img { font-size: 1rem; } - .break { + /* .break { font-size: 14px; - } + } */ .main { flex-direction: column; @@ -292,6 +292,10 @@ img { margin-bottom: 1rem; } + .bio { + font-size: 14px; + } + .chart { padding-top: 1rem; } From 759c7929a0c78446f21cdaa3f411ff73d54f0a5f Mon Sep 17 00:00:00 2001 From: hemmahosjessi Date: Fri, 1 Oct 2021 22:19:37 +0200 Subject: [PATCH 14/23] font --- code/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/code/style.css b/code/style.css index a4a7915a..aac64fb4 100644 --- a/code/style.css +++ b/code/style.css @@ -292,7 +292,7 @@ img { margin-bottom: 1rem; } - .bio { + p { font-size: 14px; } From be96c13b2866d2e4be49d2fa5e1542abca0e3785 Mon Sep 17 00:00:00 2001 From: hemmahosjessi Date: Sat, 2 Oct 2021 15:06:21 +0200 Subject: [PATCH 15/23] footer --- code/.DS_Store | Bin 6148 -> 6148 bytes code/chart.js | 12 ++--- code/index.html | 13 ++++++ code/linkedIn.png | Bin 0 -> 8734 bytes code/logo.svg | 112 ++++++++++++++++++++++++++++++++++++++++++++++ code/script.js | 4 +- code/style.css | 71 ++++++++++++++++++++++++++--- 7 files changed, 200 insertions(+), 12 deletions(-) create mode 100644 code/linkedIn.png create mode 100644 code/logo.svg diff --git a/code/.DS_Store b/code/.DS_Store index d954b049472c4f7155c0c48cc55dab2fc0406b54..9379ded49cd4d600e7379d2232f9a14eefad12cd 100644 GIT binary patch delta 127 zcmZoMXfc=|#>B!ku~2NHo+2a5#(>?7ix)66F|ustVQOXMpF delta 70 zcmZoMXfc=|#>B)qu~2NHo+2aD#(>?7lMO^zHuJMIF>dZ;t7F{Q@PlbHI|n}pP}OEZ Yj_=Hq`9&N#7=VD0fq`Xngvc6Z0HxCrVgLXD diff --git a/code/chart.js b/code/chart.js index 7d4e7786..e3ffaa63 100644 --- a/code/chart.js +++ b/code/chart.js @@ -8,19 +8,21 @@ const config = { type: 'bar', data: { labels: [ - 'Finished projects', 'Projects left', + 'Finished projects', + 'Projects total', ], datasets: [{ label: 'Bootcamp projects', - data: [amount, 19-amount], - barPercentage: 5, - barThickness: 100, - maxBarThickness: 150, + data: [amount, 19-amount, 19], + barPercentage: 100, + barThickness: 60, + maxBarThickness: 100, borderRadius: 4, // minBarLength: 10, backgroundColor: [ 'rgba(255, 99, 132)', + 'rgba(60, 179, 113)', 'rgba(255, 159, 64)', ], diff --git a/code/index.html b/code/index.html index 4fcc90f7..d0c719c8 100644 --- a/code/index.html +++ b/code/index.html @@ -32,6 +32,19 @@

Project repositories / Technigo Frontend Bootcamp 2021/22

+ + diff --git a/code/linkedIn.png b/code/linkedIn.png new file mode 100644 index 0000000000000000000000000000000000000000..fcdda1c92f08d19d36492c2ed7e08f7fc0e6e073 GIT binary patch literal 8734 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 F{{`k)kKF(O literal 0 HcmV?d00001 diff --git a/code/logo.svg b/code/logo.svg new file mode 100644 index 00000000..45d37354 --- /dev/null +++ b/code/logo.svg @@ -0,0 +1,112 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/code/script.js b/code/script.js index 40d293a2..429d32af 100644 --- a/code/script.js +++ b/code/script.js @@ -12,8 +12,8 @@ const getProfile = () => { .then(data => { profileContainer.innerHTML += `
-
- +
+

Jessi Nygren Walhed

diff --git a/code/style.css b/code/style.css index aac64fb4..6672d051 100644 --- a/code/style.css +++ b/code/style.css @@ -11,8 +11,9 @@ body { background-color: #0d1117; font-family: poppins; color: #c9d1d9; - padding-bottom: 7%; + padding-bottom: 0; margin: 0; + min-height: 100%; } .main { @@ -34,14 +35,14 @@ body { .github-logo { width: 48px; height: 48px; - margin-right: 5%; + margin-right: 2rem; margin-bottom: 0; } h1 { font-size: 1.5rem; font-weight: 300; - padding-left: 5%; + padding-left: 2rem; } h2 { @@ -98,7 +99,7 @@ a:hover { margin-bottom: 0; } -img { +.user-img { border-radius: 50%; width: 50%; height: auto; @@ -162,6 +163,48 @@ img { } +/* FOOTER */ + +.footer { + position: relative; + display: flex; + justify-content: space-between; + align-items: center; + padding: 1rem 2rem 1rem 2rem; + margin-top: 100px; + border-top: 0.5px solid #31363C; +} + +.footer a { + color: #dedede; +} + +.technigo-logo { + width: 40px; + height: auto; + margin-right: 1rem; +} + +.technigo { + display: flex; + flex-direction: row; + align-items: center; +} + +.linkedIn-logo { + width: 32px; + height: auto; + margin-left: 1rem; +} + +.linkedIn { + display: flex; + flex-direction: row; + align-items: center; +} + + + @media (min-width: 768px) and (max-width: 991px) { .main { @@ -285,7 +328,7 @@ img { margin-left: 1rem; } - img { + .user-img { border-radius: 50%; width: 64px; height: auto; @@ -316,5 +359,23 @@ img { border-radius: 12px; width: auto; } + + .footer { + padding: 1rem; + margin-top: 2rem;s + } + + .footer a { + font-size: 14px; + font-weight: 100; + } + + .technigo-logo { + width: 40px; + } + + .linkedIn-logo { + width: 24px; + } } From 5f1ca01519b13ff0594ac6555520a979be17913f Mon Sep 17 00:00:00 2001 From: hemmahosjessi Date: Sat, 2 Oct 2021 15:30:45 +0200 Subject: [PATCH 16/23] trying out the tooltip --- code/script.js | 3 +++ code/style.css | 51 +++++++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 53 insertions(+), 1 deletion(-) diff --git a/code/script.js b/code/script.js index 429d32af..15bca48c 100644 --- a/code/script.js +++ b/code/script.js @@ -40,6 +40,8 @@ const getRepos = () => { forkedRepos.forEach(repo => projectsContainer.innerHTML += `
+
+ “You only live once, but if you do it right, once is enough.” — Mae West. +
${repo.name}

Most recent push

diff --git a/code/style.css b/code/style.css index 6672d051..6f113f1e 100644 --- a/code/style.css +++ b/code/style.css @@ -153,7 +153,6 @@ a:hover { border-radius: 50%; background-color: #21262d; border: none; - } .link-arrow { @@ -163,6 +162,56 @@ a:hover { } +/* TOOL-TIP */ + +/* Tooltip container */ +.tooltip { + position: relative; + float: right; +} + +/* Tooltip text */ +.tooltip .tooltiptext { + visibility: hidden; + width: 200px; + background-color: #555; + color: #fff; + text-align: left; + padding: 1.5rem; + border-radius: 12px; + + /* Position the tooltip text */ + position: absolute; + z-index: 1; + bottom: 125%; + left: 0; + margin-left: -100px; + + /* Fade in tooltip */ + opacity: 0; + transition: opacity 0.3s; +} + +/* Tooltip arrow */ + +.tooltip .tooltiptext::after { + content: ""; + position: absolute; + top: 100%; + left: 50%; + margin-left: -5px; + border-width: 5px; + border-style: solid; + border-color: #555 transparent transparent transparent; +} + +/* Show the tooltip text when you mouse over the tooltip container */ +.tooltip:hover .tooltiptext { + visibility: visible; + opacity: 1; +} + + /* FOOTER */ .footer { From 1ffe8910e9c198d2d90d9471bedf001c7c9fa1df Mon Sep 17 00:00:00 2001 From: hemmahosjessi Date: Sat, 2 Oct 2021 15:33:23 +0200 Subject: [PATCH 17/23] tooltip display none mobile --- code/style.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/code/style.css b/code/style.css index 6f113f1e..5bb44147 100644 --- a/code/style.css +++ b/code/style.css @@ -305,6 +305,10 @@ a:hover { padding: 1rem; } + .tooltip { + display: none; + } + } @@ -409,6 +413,10 @@ a:hover { width: auto; } + .tooltip { + display: none; + } + .footer { padding: 1rem; margin-top: 2rem;s From 71840acf9ddf357a4499f86078891ba893fc3e33 Mon Sep 17 00:00:00 2001 From: hemmahosjessi Date: Sat, 2 Oct 2021 16:12:02 +0200 Subject: [PATCH 18/23] emojis removed --- code/index.html | 3 +-- code/script.js | 3 ++- code/style.css | 6 +++--- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/code/index.html b/code/index.html index d0c719c8..2544335f 100644 --- a/code/index.html +++ b/code/index.html @@ -10,6 +10,7 @@ Project GitHub Tracker + @@ -40,8 +41,6 @@

Project repositories / Technigo Frontend Bootcamp 2021/22

More about me - -
diff --git a/code/script.js b/code/script.js index 15bca48c..d9974d32 100644 --- a/code/script.js +++ b/code/script.js @@ -2,7 +2,8 @@ const USER = 'hemmahosjessi' const REPOS_URL = `https://api.github.com/users/${USER}/repos` const projectsContainer = document.getElementById('projects') const profileContainer = document.getElementById('profile') - + + // ---- PROFILE -----// diff --git a/code/style.css b/code/style.css index 5bb44147..01e62350 100644 --- a/code/style.css +++ b/code/style.css @@ -219,7 +219,7 @@ a:hover { display: flex; justify-content: space-between; align-items: center; - padding: 1rem 2rem 1rem 2rem; + padding: 2rem; margin-top: 100px; border-top: 0.5px solid #31363C; } @@ -253,7 +253,6 @@ a:hover { } - @media (min-width: 768px) and (max-width: 991px) { .main { @@ -419,7 +418,7 @@ a:hover { .footer { padding: 1rem; - margin-top: 2rem;s + margin-top: 2rem; } .footer a { @@ -434,5 +433,6 @@ a:hover { .linkedIn-logo { width: 24px; } + } From ffa3476e19cc9a95df86a7554e19427428a41f24 Mon Sep 17 00:00:00 2001 From: hemmahosjessi Date: Sun, 3 Oct 2021 08:59:52 +0200 Subject: [PATCH 19/23] labels in chart --- code/chart.js | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/code/chart.js b/code/chart.js index e3ffaa63..deb0c4f8 100644 --- a/code/chart.js +++ b/code/chart.js @@ -8,9 +8,9 @@ const config = { type: 'bar', data: { labels: [ - 'Projects left', - 'Finished projects', - 'Projects total', + 'Finished', + 'Left', + 'Total', ], datasets: [{ label: 'Bootcamp projects', @@ -21,8 +21,8 @@ const config = { borderRadius: 4, // minBarLength: 10, backgroundColor: [ - 'rgba(255, 99, 132)', 'rgba(60, 179, 113)', + 'rgba(255, 99, 132)', 'rgba(255, 159, 64)', ], From cd343b2c47ac9b70f5a2d474c83c5723d35c73c4 Mon Sep 17 00:00:00 2001 From: hemmahosjessi Date: Sun, 3 Oct 2021 14:12:35 +0200 Subject: [PATCH 20/23] social icons in footer --- .DS_Store | Bin 0 -> 6148 bytes code/f_logo_RGB-White_250.png | Bin 0 -> 8071 bytes code/index.html | 14 +++++++++++--- code/instagram.png | Bin 0 -> 13503 bytes code/script.js | 2 +- code/style.css | 17 ++++++++++++++--- 6 files changed, 26 insertions(+), 7 deletions(-) create mode 100644 .DS_Store create mode 100755 code/f_logo_RGB-White_250.png create mode 100644 code/instagram.png diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..5008ddfcf53c02e82d7eee2e57c38e5672ef89f6 GIT binary patch literal 6148 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 literal 0 HcmV?d00001 diff --git a/code/index.html b/code/index.html index 2544335f..d59d5a7a 100644 --- a/code/index.html +++ b/code/index.html @@ -38,9 +38,17 @@

Project repositories / Technigo Frontend Bootcamp 2021/22

Check them out
-
- More about me - +
+

More about me

+ + + + + + + + +
diff --git a/code/instagram.png b/code/instagram.png new file mode 100644 index 0000000000000000000000000000000000000000..401ecdad950a88dd3f8cf5d845b0f73840481987 GIT binary patch literal 13503 zcmX}TcU)6Vus?i45u_sm(wl+;f~fQ=Ac&~+CLIJG=|~ARiAWI?upt6cmC(C%QUEcC z0wOK6(0fT}2@oK^c<+7RKh7uT?Ck9B%$c)0-6-%p=@js1I~rcOKpWfZ8qW4=fy4C~XR;f0{{q0UN;H&$q~- z?TNQKN?|;y;3V)FJ=Zc~Pa8RRECJGC2^cwd7Qu8<^oE}1tS4GH2Cg*xG=Y{QM-i{M zW_tq)b)Y-p+}E8h3k@@&HI<&UA~?jInsE>qbW3PU1YMynbSE#P(+)C4SWvV&zY=zM zy}NQX$%eYE$R~dk&+H;!B$HA_qbSFCPkD*mcSiV>W*cO)KOkBvz@}Ns} zmb4hW!Lw;X2VCkD7pneLKEn<|NzBA~$|>c8V70f`!hd?IwTaC(eTa>LH@X!+Wdqo{ zvUYt}A!5F-VKZ+S$PT}&Y0=-&9SZ zhsV3hoZG;g_eN?E)Pfm);XmN=Pyl&Ukfe&ya%urV1R=HoD@tl9xPNVUKIW}M^6TSdO zjoOs9GUb*D0cArao!-bYCY*A4fj0xJ^}&es-Yu)I$xJx)MP9cx0bsa43!gjs=c#iv znmmo$q%YDF23$U_9k%SZjc{w~Xayq->V5!PrY_d&o-j~T;Fh@giaA{5 zo%74d78*dwUGKoeSfEZ`diE4fOMJQ+1p;bR%V+(ZkY-}ZnJ-97?0EfVTA}&x2Vu5xXwD zFADK@VqTQ)21&a>?GmFuf=rru*DTaN`XB=W-h>9EE-6CK)+sjgTS9L|P{Py0nwmTA zBcT*+ay>ZC{E5JB%ei(<*SIJrtqtR)mf;M-DO~*en*RfI!Qu1`@@7{D``LlMvz9)V zv}V-%id&HVL*^z;E@CMSUS89de7yelK3|VXz!TSlAaMi6RIxV1MmjRO4 zD?MAb26jW|U4oG`PYady+p78agvRVzbI%GNJmDfh*q!{3)MU$h1tLD(3SmPR)3p9+ zsxBoa2ER>(e)ZYXL9$ncG;c@@PAW<;)*#>#)uP09%2*=Hu{l4 z+T0XhqFYKpipKEy5P-ak&MRY$idvj#N60F5s(PdA1^uOX)_GP}))rNHf!CKEziiC~ z;YBxZymmRk>BdZ_77di^6w=j(1%hM>&E`rzZO4_S; z0;+IjkqLN|%3<`$9opPJU!+@yme(F1aAh|?udH(Q{IP^@Y;X;X)R3-p+nFqw!rDE+ z7zQX3@}VV-&E+wxxP(;^!7|i(fZFHybvCe1Zd8^N_WT@MKF?aDSK^kXnh{2O*ooQ4 zBZi4Vpj+!6n*6RgEAc<4BKLQ{&b|YI|MBd5cli|(vuw*P2EGrbXz4p2{n6;!0cv7h z$z3cXB89QeCH;ZW?m!J7x?I^8Y7=U`$G}%6(hzHs_t&@ddqCN%K6y<^ENC_i;f<>+ zguDHL5TGK#N&EkSoYxYR0!G+=)|;^czCC(pc<=IwETWN}_jlI7AA*HVlCfExryh}S zg{ih*BP3EsvDiANDsPpRG*KbgeU-aidGxeE4g2QgbjZXsKQ#{DXQqn^Q-ziSy7t;n5PgL}`le z9Ruw7!Sd2|lkHMpV%OR2kYM5^?h}V4i7AkazSGai_I9gX5i2FKtMh*@FV3~gzmkc; zv?{NCZ!>A8MK?$Gf!Y7=78jSYQXu7dzl z?)p^QB!a51H?=rVl}7NXSNhWMtuQY#+hAH4?`MfR0ZcRpAQ~mSYu%x3Ww*%?1=rlv z(8rUaC>9>I_Q-yEfU!GqV};-K*O)||$ofo}kQuHxR=zS4YD|^l0acHP#hEfeqTbf$ z2C^l=IDKf?C0Lnjc^V{I~xk1Jn*jj9Awm`}uI-ZIMr{ z;^1jnyIuE5S_s1NDiER!r%}=^t~i@=qjqkb z!u9rVbz@q=fNO-U0VC;Am{@h#6R~5SMgjJrfZO_cPNMdZ+CI5^Ed{~CI<`1d(jx^w z1SIM~e8})5v4h>8tk+~sSo`_uYFKl23m_`$%ml7#mNkX$UsR@g3gZVd$8x^!L)xviHdRk6u>O6^4{0D}Sf0(t45H$BC@m{K;iZ~| z9OX$nN!g1TryRxECj|nIhZC{rZ8&epHGuJZ;Fh_up*iip6^>Yj_AF@;;XSU$*)&>-bMGBF2|(x0_R*^Si-2_}$;mMT z5jaYzeC%BNK#Km>?2~X|9ZQRmrPcT+psxKH=dpo6M|zQ#$N)M(;VzQ6Enb}0WacnJ zr!k@qE0HWqOz&^0;CZR>AYfo&;;E2yIM9R94=sol`C-i+Jbk(I?1`azm$0bGPY_W~HC`Wp2GlvvFwCeH4o~54UIf)rZ|GMLpP>@JV zEJYM}x$!0Nf!VF^%a@eOX1|=%*uw*b3+L<%&Cwbs%3rjvunsEI04~}oZdnx&cSp2g z4y_wiiV)+GD@_}XeO-n*l1Gwls11sEID;lA&AYP2<0~RVd8^0C`-<(~Ko1GQF7wcz zK~dNmyLVNz@6Rj`z%nS2u%vUmmp}A&P2#diQE9svvu(b&XZ_p8Z2*{8BkH6)YEe@; zIg5!~{U^W2_vN{vmYJ(nNs%HKY-k~6pH?;QhHJ%+YD=n}S?3Z#g_HUV<$bqL^k9mY zuaBG?T6!z@?lpX?s&PebEN|@Qm5Gp0aKIs)`~xiAWv(Nt^Z`!n3!f4BLPSpOEJ&Yd z9&XW$mmpxu6@lZgHBHuz>e(N*Yz}I{)7Dn{LPyZ%^qWSe_vuZ#VHF27r?nHN@~1Qq z69n_u#E%FQzv3G-6i=d{ro|Ee(od~|iI(GgJJE{0*1dunptQ}eru8?P+{@IY>#{@A z&z9~E(V~nn5lm5ypUx(9ml)dPR|S@2*1zFx_#l5N-FK_&B|kCzCeLC2PGWEljwOaC z`_Knr<&T(;_g*LZu}kI{8>gQZ{E1W)zN#nuf*3%~m~Xi^urabr5~n%)-Xu!HmSQS$ z_rNu;zdRx`yx^u?|A_>mk=a99lk)Kz-%*7dVG|2XggIfPzS6=vxezQod zCI&SgyghKL&rKkxTVy)X^JUseH$%`fHV=Ly+%2su$;-UNBwSYB{fe?@UIQ(fBq-Kr zPU31&J!~MTxG6@Kd*y}kuy0H6E(C43m0yh%W9X_E`x~M`@{}qcHHmk?`nX!1{&oIR zGFBxJkxq74s+n7GjXLSm~fM@^ExQ}NS=@rcj2>ej* zAS?$`W?Sg_YeMX}q-3_XKHUW>uJ2XtYIXgB45>4E*VS=zCsUe*k_78$VEM zU(ep*1eaSKxc})3sbK3r?wYmHc4emTP1Z?S*KJm!phD5#ANp$*^A`4;6L{SvPaHUP zxrAg>YWEXa?l0t})0()rL|f|73;nvHvG`2enVC{N?`iQH!)v&@6 zycxQ-ysCYu%3<9aIPifayq)uB4#%bDe*e=82LC4{J5uOo^c*2d}=C2p`- z-daR972I_zYaBun6X}zdR1*-N5d|=P;uTbMr_`!P+vY?Z|AJqiZWM%T3=b zbsXV_)w3BiqlBFPk7WzU32aJ^z^{_F`G|#_6#d1zM@X|aO!SwV*n8j2pDXC66^4)a z^J-1Tq(+2I{pjbMIQY5vx@rux^^kXf*dOr8MoYb+1RYXUByvR+e$}xzi}D*4ss+aRQ(N#h3-@O zU+m8yHYhO$rng8ru>5wtTuHUp9c4%0HNpC*3~d|JwHbfz)ukVgkfHb(ZAr)_fy(CM z>g2mNV74#P{A=E-XlM@BUdW{=CRX3VG{gh@tYP*gi+honHzyVga#r zWwC*n0&ELW%$rs?Y=Jze%p@E6UPyYL^tAXb8|IJVY#;q1{+YXc*5(_8Q^pB12y-Cr zouRp|hnDcsn!&x4i&*UH?}mRM_kD4o)2LfgrgKFKsje?Cb>Y69TY4o(aQB;su^jqo z3MkB^Mvu3Q>!awe`*SP#w8GL<^1fY6UgUky)*v&NIyJ6(ob^V2!hFZUGm@9U@?4x5 z8PVqhs%<9*^Y(Ojz;7|6`F>?y)ZKiL*qnQ$%JSqn%#i1#^H5*M*Mu=*F&2gy zB9qkSWsoQ=p+=Zp|a%L<97KOLUX`Xv-Jt0qhQ2;ziZj4BbnJ zEwATUwUvGvbELww|E|T&f~VZVFZ`Di#M^56k!fAMyM2%)c6E9nM*#DB1))6=Iqh#` z@@4D6>0lLu2ZCmu7(SOtb>R$5^P`>vEIl>i)llG*NFVVeuxhyo`vzkw=Y03+w8h$-8%q+6Jpr0oM`D#`->EHRmlc-_aZTX?Mckb5H((xH=N#hjvIIZ$H)Ij+m?0 zz1DuA%41Tsm~*_&oM?y!X!iib!S>;WO(hm>udi#7#Hn!7p*~&AObehvWnk&X7b}NQbZ#$b?vi+F zZqW#<@40@DU-!`KH9QJZF|wBUKkb!UjSn&AMoJtEcJc z;H>qU-hrg~{!ox6okrE+v+Q@L#Gka5IilBKBua;hy9p$tLV40wwsswB^qJ)2QdUGq|e<3vfXaO zcL`3lU*jSNmQ~Ro$or~^jNu%F2ATiD&sYT}T$~|n2(xIGp%*Yi&bS$mLwqqCq~BdU|O^cgObDh$Ytk&lqYzy7GL^-lcc!0rK3@ z0WbHFDxAc3{q#|6GuLoRI9^Kvx6Bj0*S9)_^!9?Kqqzs*%Apdo8`k=0=1UA+`-~~D z>PgF5L_s9R_GBsx+g_%--Qgg8`4F4$jQl30Z$l5%qOkGC=qqh*$u9v zhd4%+DuWtDbACsva5Z7|`UsHzReR*%-qYQ`sUH zlY_bJBxYqg&hY{)W3iDOgdU+id=K}EWSs$80{j~#Ve>h=habca=sagUjC^pBDuf9Y zxiMN%)uO-&1YR#W_rJt&0ASKb(*mZVG{OLkh6-DOi!WgeKt9!?0f1h776e@7`2WTU zbY}rPuUS5aRT~c5+draTd|LMDqb@fU7XKSW0<6v0!}WhlAki--{qGuso;~}^sB_TF zGfXw>Z7S3Mwr}j(fgBwiZj2>W&}m8OInmY#&>-c^GI|xplBV=ErM^&GXlaBwsiLv2 zT&^=jkHs?yUpmLF@$dG^dRPM&C?fN!WMf6u|EY7$+Tj0J=f(x%5c%Jm(m5BK_v(K% zEOR0H1@rRU+gCL!;@MNf@v!OvsqWj{ZxT!0l829Bd zvAX+n5egKiEB}aYQF602g?Yg#rb0AGU1~PZxEnW;91$+~crkeUJ!-`)vjjANTqM8J zcmkGU&AhOy!l*sAeN`@Dg%n(v|4ZV_xfAwIWIwk+*S^Y!)s@HlB(<>b95D#~?y&py zLO+&QY=@&zVE%&pbkRjjpAwaWK?_+jO3O1c2I#R$GhY+)`0fx^gSnMauI^FB5pn89 z(K#g;ymQI;{0h$=o?G20&s_fE0QvUjZEhmZ{sEr+In_u_~$Yl(_sPMqVP%~kE&~>NK!Y^p{K_GUEUa8YtAo8^( z!NSP@+g5$SZJ98k!xpZXu~s$^JB{#N)}icMN~n&;lh4qO&{c@x8S!CBjWR!A}aF$^tl$q zW__e;Hq|1Rp9sU)wBK2I-|Lz)_#3luKLCgLP!+M4w5(PkK3n^UdVpyvh@{E$cn>7K zGes;2&}od?m3+PuER>y=$85D1oc}cf?2aFahjG(sAm`d#(rr20^Vh1J&L&W%5&hT} zwhazKbHA=f81#TtV-t7zU`u7Z1K6H3y`Q>D0|_gD1xoBJG=>X<32 zV$Qz8* zBVEfIEB>1Z72ZH*s`nus?iej1CgN~q&fk`lnnHEMK2RMD89CWY5U*RG!%q~+j!TJc z2!`>GJOW~~wVc(LsNRxKV?#=pbGf;4t({_VBnD1(qhuXzd89WWJIb|wegiGcj>yf1 z+Oc~c{@QK*QBZaofh2xHac8ZDjpio&^6y_>CCW2S6DjWg=0j2P%3`+?nS||)xZ|#C zOGk`PN!xpm+>p;>hhFDTN3i&h$UyNR0g2h#S1r9xN=?1|O-{F-KphZb5!nIqh|H=q zk09)MP+Dcg`+)}swR0|$7rmqfKWML5cZ}Y?Jd-(So9Ot@D{Y;%y>eiE(DFVNd@ZoQ zWErz!)pngZs+ibP-DeN22H8_*NXuO3FT+QDOuZ7kx3IGkR!VHCdW&fCqzThUyL)l7 zkAPcSBGk4Ro(vRe7MBH7#c)%74Q5ap!cxO>#>@CWUxs#iFnlsc6HF8=n|@nGEUIDY za}VGl$Rf~4&oXcc5}!07*{-^`m%SH3Y?<&GuijVsJMi}OM6j4>M5 zc}^qU4DvVrXXD?Ks}*&wE86XR)e~>o$m58JZFYr=sD48zyBOD6bVFi|9al?iv5%?= zkIQdNwO5Kes_4~^zhi?YmMYbwTV9TE=QGKyl`3~UAG~GvqLR<0LQK9neceS?-KJVr zdtbjMtAo)Gr1q~hB-5t6pIOTlkDKxuemwMURM`6mjHq~PZ%I=={vnpt0y2_Oqy4Ix zyXrLibOsmSdip?->cNZ1+g(Uhh?a7pTZ>gB^*MV_sYlz8PQpLtsteTlogBWgUr2{C z){cSK8B(6L)gEjI{}1MaXRfzZu9(W+5IGuDB)8kNecjXpzearS&9=jnQj4(Lnoo+I!R}4bL;j)GTIT(2e3yz`_PQ-T^({7j z?ghPu)FlJ=6g{oalP}+h{95b%5+SzO+Zl7;Ldbwv;O_oMA~)zZL^;KwRC`?T6R7=Th~=|DkX06#-CaM3>Sx zmD@DJ3>k7Ew>Wo8Fap{u&tJ?#2r5jv!s((@L9!xLWG^HMe$Slx#&C|2bol7vZ6Ddm zmTbY)Kl2%hxuh-oE|y08gXkCUvTR)jYs{a)4&nbLHyfz(>EraJgHWyBsmt)8|3z zD3?cfdnBBv9p`v-e_~$=U&@*Z`t`BoMts~9Ry888ty9d4I^{CycP@OP5~hJ|={cQx zt4Sj~UN4mScSj}W$Q&Jn_!g`{V9PJL$4f|o{Vsa7uAzA%ySx+>9@c-lxgz?ejYQNg zkU4zy>Q$*}ddPE4-o0Iw3V-COLy18zZ`3F08wsnNseLi;HHIr0OijMF+V zQpPpNnL?JESj$#xTdlLw@Uf&x_){jW`O!Rw{9102#=KWYM~_4HHmNx?^_QO% zZ0vCChi{}%Hc!yjk$ZdKp&f&(DF`??(+eXPt)uSU=#YcI^1GvcoHcBjJTajEC!>&= z$VbMwo6OZ0i4e@PA5lZ8P3iefj}QL(TMxw#SN@=+*Z1#)fnh9uMWSIVpW>}hN~NgvI5c(V@!(YTP{QsB>h ztlEWFIXAPo481roBB>023A1UdzHM(ZU&2U6aIE*lV)Ca^^UldDlCmGe=a)Gz zxVpE*bi_11@j$Tgh0NrqYTJx4qoA1*){y0)x7kT<$KHk$Be1k~%hXqNb@Lse5l--$ zyb{((=4f?iALeN05Hg4VfMJ(|+D+cjq$wLdBtPMy+9PiEoc*3Gh6!EgGIG)c8ih|Y zlfODvd%w_3V4Y4)ytZ_sBy)G<84homkOb3-d=9-5k94#=#^@i}99w6~kDNPNx}(j) zbi)i}oxKTPo6Dgod@o$IODa+%Oyf0sMKH+8^h#|!&7?48U3kd8iqrH{kI??wVJQVE z>%n%mE8auTaAiGbY>b$BmThoLUB5C!-FfXZ`-WzJ0&tmp7c# zRE&o2(gSR6)reC@sQP$}<%8Q3Ab{xFwPz;ag!;K13PM>vu%K22<(0ZUuKJ%G(-sV| zV4OxR07^D7F}Vm%OQz;PdyE~ZAR5?|_D;YSzYnNu`zjWBiyHtY>yJn;1rVVh%V%uc z!ZZjEy|i*Ze||s*pn0NC$s)}Lo!H(_dpQaa7@%$O&UngELshDZZI z<1H%(pIdF;VNh8BQ1YU#tKQx3Mb5RlSoU@S5nxtDTp3$Ao$v2Qt%J(fl96mXI%lN; z%vw8fJobDYvjDG+MsBmELfhsj-*0FF`5|u;SNa<4Vl2?g$r}n?`v8np)BFKXNM9(* z&KrH}0Xxua2I|^_w`?m{u^!U+Ya4M>n~bO+;Mckjsj{UsR@qFsU4dA5DhdGB;h_Kc zI77p6Q=bN#=%c?-(F6l9b$OR?lCp<~FT#{>C9Ht}A1vX7>ab7kXG^u-ofQ}e*@mko z7XiSZ5yHuI$Vt=uExxlTFz zq$34WVWA?&O|cm0qG_C^2Yi1rw4$wicEcrRi>tIe}AS9R`!H`i@Ccg zh$n!Hz}yWkBXS7>`4^n94@W$8o(QlHWLHk~GV{TUzfk8jzqisp9v+VKwdlyckg&Ez z59u}41U?K@A2j+n?guK{dk`AAPfqsU&{CzJ3xP}q_*GI;B>NasMp?xaK@{Tiuc7h9Xj)sF~FXM zH|LeU4pa^RuklTKyu`^`rv563)D;HiWqkj`ZQj-h2yd87x4IP;@jk#vQ4w&Y2 zwl1sNSH|Ec8)B82)4LwUjalvh99i6z%;{X)>Na@KJSOB<&$j+wA-~6$*Z{Yk2vUUF znZ**ew56&(m>v(E)Agto;5>P7g&hdm-`;aFZ_ZXG`}Q>2ls^8`9~Pq|60orVEv6Rf zv_~{+-@~Y<-?|;ph->j5(F!I^_lKqQx=Hl}tR1SSYXFPCss|}>VwNLy3=%o6ZCqw{ z+Bh9!&44ZLKrsVva-1+H+E)F^RjH?e!COz?D6H=5PZqz9l1|%dqrh^u0a1CJrI*F` zE1m<1AJo~u6^luS2g7fUC+$s`Tn2Q`on*C}X3qK3FNtQV*#;I#O)2qwqN13;J0I=~ z1F7Y_+Z02Oi3s;>D?KX${Cmq`KbP50TC|xJ$M%cg2=F=9iq7(IJ*u1x%dDYAiEVrp zk;;13gk|3Jt+IDs=Y@dR)nnIDrsH$|+N;5={}IGi_T8|%b)~(Y(+7=w{dv9#w7|k@ zeB09fB-YTFhrRC;`TzXkZod{Ghjf>kSW=6SjsPw>1#o5acgFl_A@$FK^0c1cUYm1R zs^{t-b2y<#_;eXsbYko6;?6Soi&CJ-G9sW3qByH9-<|=X{WmAZ+m^~5EqurKa__6QxOs zzR9#e)1FUJXxd~$JvE~I%IB7hu}Q6@~S9?>nD zOxm_ndlcUv(b`CDcLItWWi*%{V_r z1mm!W>^Hk`IfsKZg42i5kv}RfTpzYRFg6>Z?fHGbLCb7XgQOp-Jm84Qm1QQetJQod zGElp-8Fy&aoWweV;$>qP}hrWvEq+L$ODPDRx!?Viap<|88R} z?IlO~;XZe5Uwi+ugGr%i90HF81?16GcI_f-N*i1QD0;KB*s)$ho7gbeU2m72T@#N3 z@9Pte!kLdI#xVHKPNbOtk=VSC=Q;$G>LmY2d5=}vmrN4W3y=uyp`9UxF-X3Id-);ztz zYMp_ygzS)LOM%0OcoMSx*Lg_3ij2U22h_+|!*j?0O7c&lyUFoT$itW~EKfo`Or*Ys zj%f4#c;bqpvYb|vk;t0_5YW?~C3M4Pri5pntKklg!oN_%yJ*$wf zHWyo8*=f;4O%wc0+8OpVa-@O0vHKjr;;!3US4Uac&HRmlwvUky^evYXJ>_xPAzM*p zub)I*c_h`k6=LWW<5W>lUA~`jd=oW8ffNshg-yK9W51vhr@75tyLDd8@ue3LN`MWHsz@cQM5OxAoMr*k47JVH24k_C#P?a>HaeP6H6NFr4XG zR$^!qIgvX_s)xsy=+y$SU95qUNiZ9j%k9zY>1_bW>~YIzeHiyNQfv_f81hI?Jsj2B zk2#Ce8g4SK1At4}9wwgxmFGTI{t0IQRB9^Pma4g)IZBJM11fLc%=vfv(;M{A0tQb6 z%tO0&#cZC%XTEUuFbP)^{wmK)t>jUe#_ehwu!6aiX4R1`l+5+%GcMr9=k2OMyJ;0q z-tMW&F1!@QS$frr1`xEgCI!#fn7Mw^g=7gsxO|pCz+|oBwsvvgz#5V}idqOUli~Eq zpdy_C@GbU%%TO2lwrd>cN>LL^`~F4~aM2Wa2Q3H4z4*csCgg$;QM*{4qDS4v0Hnt_ z;g!eTq&ffOYX2DasO*e9MgUk#3pt7U>gNSEdqO|6BA;KGL9N}@0EU0xMAyw?{&r1Y z6d}NspHSF?0wREtw~pkzj~bUzWv%DF-F~8NHVFeu^Ao5Zn013axILb1&Rtp2IV`1r8F6|CN{*kmA1wfWii0St?U~}RyG}^gRC0|N^~ho~yun|~ z>%8$_yhD+y{d*xN#oigQm`g zlG%W_kMj3IrmWhG`pqr(fj|~V+MLiIGgqbp4DYrUSq={T?Wzx%;u;VEUiZbGx~uh@ zm!LS640N`x(x2YeZ0GP<1-YQ#YB3NdA3bu>w_Itk|PS?8zk@ ziE7+j&R)X?ttZYY(gw1e>NKTz@vCFwB%R~#ipo3>&?C=~19sGCE97-MkZTAZAdmef4Vk&Fy z zhRoP51$0ml(CdzrJNaD^bS(J!gqe-lN!yXracGR)^I{+%Zav8L$7rO;Ikh20=w?VC z$)B7bDAaGUxT-t3!4N#t`lA6(Vb&FxobOEfvZqPLJMT>@pE}Ky5^tHcm5a{TPY->Z r7?8}Fx4!P&ly=NOw8hk(Lcatn^O@hd6-WKQ5ny!pk$#n~OYHvxEsO6J literal 0 HcmV?d00001 diff --git a/code/script.js b/code/script.js index d9974d32..506c697b 100644 --- a/code/script.js +++ b/code/script.js @@ -88,7 +88,7 @@ const fetchPullRequests = (allRepositories) => { fetchCommits(myPullRequests.commits_url, repo.name); } else { document.getElementById(`commit-${repo.name}`).innerHTML = - '-'; + '-' } }) diff --git a/code/style.css b/code/style.css index 01e62350..f6c37ccb 100644 --- a/code/style.css +++ b/code/style.css @@ -224,7 +224,14 @@ a:hover { border-top: 0.5px solid #31363C; } +.footer p { + font-size: 1rem; + font-weight: 300; + margin-top: 0; +} + .footer a { + font-weight: 300; color: #dedede; } @@ -240,13 +247,13 @@ a:hover { align-items: center; } -.linkedIn-logo { +.social-logo { width: 32px; height: auto; margin-left: 1rem; } -.linkedIn { +.more-about-me { display: flex; flex-direction: row; align-items: center; @@ -430,9 +437,13 @@ a:hover { width: 40px; } - .linkedIn-logo { + .social-logo { width: 24px; } + .footer p { + display: none; + } + } From 83a6564ca9fdb60a0fa09008be760f56479717dd Mon Sep 17 00:00:00 2001 From: hemmahosjessi Date: Sun, 3 Oct 2021 14:48:42 +0200 Subject: [PATCH 21/23] hover effects --- code/style.css | 35 +++++++++++++++++++++++++++++------ 1 file changed, 29 insertions(+), 6 deletions(-) diff --git a/code/style.css b/code/style.css index f6c37ccb..e3902500 100644 --- a/code/style.css +++ b/code/style.css @@ -73,10 +73,35 @@ a { color: #58a6ff; font-weight: 600; text-decoration: none; + position: relative; } a:hover { - text-decoration-line: underline; + color: #dedede; +} + + +a::before { + transform: scaleX(0); + transform-origin: bottom right; +} + +a:hover::before { + transform: scaleX(1); + transform-origin: bottom left; +} + +a::before { + content: " "; + display: block; + position: absolute; + top: 0; right: 0; bottom: 0; left: 0; + inset: 0 0 0 0; + /* background: hsl(200 100% 80%); */ + color: #dedede; + background: #4694ee; + z-index: -1; + transition: transform .3s ease; } .main { @@ -219,7 +244,7 @@ a:hover { display: flex; justify-content: space-between; align-items: center; - padding: 2rem; + padding: 2rem 1rem 2rem 2rem; margin-top: 100px; border-top: 0.5px solid #31363C; } @@ -228,6 +253,7 @@ a:hover { font-size: 1rem; font-weight: 300; margin-top: 0; + margin-right: 1rem; } .footer a { @@ -250,7 +276,7 @@ a:hover { .social-logo { width: 32px; height: auto; - margin-left: 1rem; + padding: 0.5rem; } .more-about-me { @@ -354,9 +380,6 @@ a:hover { font-size: 1rem; } - /* .break { - font-size: 14px; - } */ .main { flex-direction: column; From f1843f9a9d43d712ad1f1b77134e9d6ecc59e1c2 Mon Sep 17 00:00:00 2001 From: hemmahosjessi Date: Sun, 3 Oct 2021 20:00:02 +0200 Subject: [PATCH 22/23] readMe --- README.md | 12 +++++++----- code/style.css | 2 -- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index 1613a3b0..e6790839 100644 --- a/README.md +++ b/README.md @@ -1,13 +1,15 @@ # GitHub Tracker +The gitHub tracker project was all about fetching the repositories from my gitHub that was forked from Technigo, and get some user info and project info. -Replace this readme with your own information about your project. +## The problem -Start by briefly describing the assignment in a sentence or two. Keep it short and to the point. +I really liked this project, even if I have a really hard time with the javascript syntax. This week I gave the live sessions a repetition which gave a lot. I decided how I wanted to structure tha page and had to make som changes and additions in both html file and inner.html in the javascript file. I also managed to change the type of chart I used. -## The problem +If I hade more time I would like to look at how to implement a searchfield to be able to search for repos. Did try to implement a popup. But actually gave up 😅 and decided to try out a more simole tooltip. -Describe how you approached to problem, and what tools and techniques you used to solve it. How did you plan? What technologies did you use? If you had more time, what would be next? +It was a bit frustrating to work with only 60 requests per hour... Need to learn how to get past that problem! ## View it live -Every project should be deployed somewhere. Be sure to include the link to the deployed project so that the viewer can click around and see what it's all about. +Here is my deployed site on Netifly. +https://vigilant-mestorf-12aeff.netlify.app/ diff --git a/code/style.css b/code/style.css index e3902500..99c8894f 100644 --- a/code/style.css +++ b/code/style.css @@ -97,7 +97,6 @@ a::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0 0 0 0; - /* background: hsl(200 100% 80%); */ color: #dedede; background: #4694ee; z-index: -1; @@ -468,5 +467,4 @@ a::before { display: none; } - } From 91b90ce2e0eb820b588711d80efe718bb7e82adb Mon Sep 17 00:00:00 2001 From: hemmahosjessi Date: Sun, 3 Oct 2021 20:00:44 +0200 Subject: [PATCH 23/23] spelling correction in readMe --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index e6790839..eab2ad05 100644 --- a/README.md +++ b/README.md @@ -5,7 +5,7 @@ The gitHub tracker project was all about fetching the repositories from my gitHu I really liked this project, even if I have a really hard time with the javascript syntax. This week I gave the live sessions a repetition which gave a lot. I decided how I wanted to structure tha page and had to make som changes and additions in both html file and inner.html in the javascript file. I also managed to change the type of chart I used. -If I hade more time I would like to look at how to implement a searchfield to be able to search for repos. Did try to implement a popup. But actually gave up 😅 and decided to try out a more simole tooltip. +If I hade more time I would like to look at how to implement a searchfield to be able to search for repos. Did try to implement a popup. But actually gave up 😅 and decided to try out a more simple tooltip. It was a bit frustrating to work with only 60 requests per hour... Need to learn how to get past that problem!