From 5f189041cc541d348815711bcf1b4eddc59a7373 Mon Sep 17 00:00:00 2001
From: superdimensional <plusethunder@gmail.com>
Date: Fri, 7 May 2021 00:08:47 -0400
Subject: [PATCH] inplemented github api to pull projects

---
 githubapi.js | 39 +++++++++++++++++++++++++++++++++++++++
 index.html   | 51 +++++++++++++++++++++++----------------------------
 2 files changed, 62 insertions(+), 28 deletions(-)
 create mode 100644 githubapi.js
diff --git a/githubapi.js b/githubapi.js
new file mode 100644
index 0000000..0220e50
--- /dev/null
+++ b/githubapi.js
@@ -0,0 +1,39 @@
+requestUserRepos()
+
+
+function requestUserRepos() {
+    const xhr = new XMLHttpRequest();
+    const url = `https://api.github.com/users/array-in-a-matrix/repos`;
+    xhr.open('GET', url, true);
+
+    xhr.onload = function () {
+        const data = JSON.parse(this.response);
+        let root = document.getElementById('userRepo');
+        while (root.firstChild) {
+            root.removeChild(root.firstChild);
+        }
+        let tbody = document.getElementById('userRepo');
+        for (let i in data) {
+            let tr = document.createElement('tr');
+            tr.classList.add('list-group-item')
+
+            function removeNull(disc) {
+                if (disc === null) {
+                    const disc = "-"
+                    return disc
+                } else {
+                    return data[i].description
+                }
+            }
+
+            tr.innerHTML = (`
+                <td>${data[i].name}</td>
+                <td>${removeNull(data[i].description)}</td>
+                <td><a href="${data[i].html_url}">${data[i].html_url}</a></td>
+                <td>${data[i].language}</td>
+            `);
+            tbody.appendChild(tr);
+        }
+    }
+    xhr.send();
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 9838555..8a893f6 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
   <title>Array in a Matrix</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="theme-color" content="#157878">
-  <script src="/script.js" defer></script>
+  <script src="script.js" defer></script>
 </head>
 
 <body data-new-gr-c-s-check-loaded="8.872.0" data-gr-ext-installed="">
@@ -15,7 +15,6 @@
     <h1 class="project-name">Array in a Matrix</h1>
     <h2 class="project-tagline"> Welcome!</h2>
     <a href="https://github.com/array-in-a-matrix" class="btn">GitHub</a>
-    <a href="calculators/main.html" class="btn">Web Calculators</a>
 
   </header>
   <main class="main-content">
@@ -27,45 +26,41 @@
 
     <h2>My projects</h2>
     <p>You can access and use my projects below.</p>
+
     <table>
       <thead>
         <tr>
-          <th style="text-align: left">Project name</th>
+          <th style="text-align: left">Github projects</th>
           <th style="text-align: left">Discription</th>
-          <th style="text-align: left">Last updated</th>
           <th style="text-align: left">GitHub link</th>
+          <th style="text-align: left">Language</th>
+        </tr>
+      </thead>
+      <tbody id="userRepo">
+        <script src="githubapi.js"></script>
+      </tbody>
+
+    </table>
+    <table>
+      <thead>
+        <tr>
+          <th style="text-align: left">Other projects</th>
+          <th style="text-align: left">Discription</th>
+          <th style="text-align: left">Link</th>
         </tr>
       </thead>
       <tbody>
         <tr>
-          <td style="text-align: left"><a
-              href="https://addons.mozilla.org/en-US/firefox/addon/black-red-triangle-theme/">Firefox
-              black & red triangle theme</a>
+          <td style="text-align: left">Firefox
+            black & red triangle theme
             </p>
           </td>
-          <td style="text-align: left">A red and black theme for firefox. I didn't come up with a creative name.</td>
-          <td style="text-align: left">14/4/2021</td>
-          <td style="text-align: left">-</td>
-        </tr>
-        <tr>
-          <td style="text-align: left">-</td>
-          <td style="text-align: left">-</td>
-          <td style="text-align: left">-</td>
-          <td style="text-align: left">-</td>
-        </tr>
-        <tr>
-          <td style="text-align: left">-</td>
-          <td style="text-align: left">-</td>
-          <td style="text-align: left">-</td>
-          <td style="text-align: left">-</td>
-        </tr>
-        <tr>
-          <td style="text-align: left">-</td>
-          <td style="text-align: left">-</td>
-          <td style="text-align: left">-</td>
-          <td style="text-align: left">-</td>
+          <td style="text-align: left">A red and black theme for firefox tabs.</td>
+          <td style="text-align: left"><a>https://addons.mozilla.org/en-US/firefox/addon/black-red-triangle-theme/</a>
+          </td>
         </tr>
       </tbody>
+
     </table>
 
     <h2>Planned projects</h2>

Other projects	Discription	Link
Firefox - black & red triangle theme +	Firefox + black & red triangle theme	A red and black theme for firefox. I didn't come up with a creative name.	14/4/2021	-
-	-	-	-
-	-	-	-
-	-	-	-	A red and black theme for firefox tabs.	https://addons.mozilla.org/en-US/firefox/addon/black-red-triangle-theme/ +