Technigo
diff --git a/‎code/chart.js‎
Lines changed: 4 additions & 4 deletions b/‎code/chart.js‎
Lines changed: 4 additions & 4 deletions
diff --git a/‎code/index.html‎
Lines changed: 3 additions & 2 deletions b/‎code/index.html‎
Lines changed: 3 additions & 2 deletions
diff --git a/‎code/script.js‎
Lines changed: 0 additions & 2 deletions b/‎code/script.js‎
Lines changed: 0 additions & 2 deletions
diff --git a/‎code/style.css‎
Lines changed: 7 additions & 1 deletion b/‎code/style.css‎
Lines changed: 7 additions & 1 deletion
@@ -1,19 +1,19 @@
 const ctx = document.getElementById('chart').getContext('2d')
-const technigoProjects = 20
+const technigoProjects = 21
 
 const drawBarChart = (repos) => {
     new Chart(ctx, {
         type: 'doughnut',
         data: {
             labels: [
-                'Technigo projects',
+                'Projects to do',
                 'Finished projects'
             ],
             datasets: [
                 {
                     data: [
-                        technigoProjects,
-                        repos.length
+                        repos,
+                        technigoProjects - repos
                     ],
                     backgroundColor: [
                         '#d5a7b6',
 
@@ -5,9 +5,10 @@
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Ziko's GitHub Tracker</title>
   <link rel="stylesheet" href="./style.css" />
   <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+  <title>Project Four: Ziko's GitHub Tracker</title>
+  <meta name="desciption" content="Technigo Week 7: GitHub Tracker. Fourth individual project: Dig deeper into API's and start with unit testing.">
 </head>
 
 <body>
@@ -20,7 +21,7 @@ <h1>Ziko's GitHub Tracker</h1>
 
     <section id="profile-wrapper"></section>
 
-    <h2>Projects:</h2>
+    <h2>"Project" repos:</h2>
     <section id="projects"></section>
 
     <section id="chart-wrapper">
 
@@ -10,7 +10,6 @@ const fetchProfile = () => {
     fetch(USER_URL)
         .then((response) => response.json())
         .then((data) => {
-            console.log('fetchProfile', data)
             profileContainer.innerHTML += `
                 <div id="profile">
                     <figure class="profile-image">
@@ -30,7 +29,6 @@ const fetchRepos = () => {
     fetch(USER_REPOS_URL)
         .then((response) => response.json())
         .then((data) => {
-            console.log('fetchRepos', data)
             const technigoRepos = data.filter(
                 (repo) => repo.name.includes('project-') && repo.fork
             )
 
@@ -67,6 +67,12 @@ h3 {
   padding: 1rem;
 }
 
+#chart-wrapper {
+  width: 90vw;
+  max-width: 512px;
+  margin: 0 auto;
+}
+
 header {
   position: sticky;
   top: 0;
@@ -79,7 +85,7 @@ footer {
 header, footer {
   background-color: #f2f2f2;
   text-align: center;
-  padding: 1rem;
+  padding: 1rem 0rem;
   width: 100%;
 }