Fixed Issues and added a UI

Author: imfunniee

CODE_OF_CONDUCT.md

@@ -14,22 +14,22 @@ appearance, race, religion, or sexual identity and orientation.
 Examples of behavior that contributes to creating a positive environment
 include:
 
-* Using welcoming and inclusive language
-* Being respectful of differing viewpoints and experiences
-* Gracefully accepting constructive criticism
-* Focusing on what is best for the community
-* Showing empathy towards other community members
+- Using welcoming and inclusive language
+- Being respectful of differing viewpoints and experiences
+- Gracefully accepting constructive criticism
+- Focusing on what is best for the community
+- Showing empathy towards other community members
 
 Examples of unacceptable behavior by participants include:
 
-* The use of sexualized language or imagery and unwelcome sexual attention or
- advances
-* Trolling, insulting/derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or electronic
- address, without explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
- professional setting
+- The use of sexualized language or imagery and unwelcome sexual attention or
+  advances
+- Trolling, insulting/derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or electronic
+  address, without explicit permission
+- Other conduct which could reasonably be considered inappropriate in a
+  professional setting
 
 ## Our Responsibilities
 

README.md

@@ -1,6 +1,6 @@
 <img src="https://i.imgur.com/eA6clZr.png">
 
-# Gitfolio [![Tweet](https://img.shields.io/twitter/url/https/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=personal%20website%20and%20a%20blog%20for%20every%20github%20user%20@imfunnieee%20&url=https://github.com/imfunniee/gitfolio) ![GitHub release](https://img.shields.io/github/release/imfunniee/gitfolio.svg?style=popout-square) ![npm](https://img.shields.io/npm/dm/gitfolio.svg?style=popout-square) ![GitHub top language](https://img.shields.io/github/languages/top/imfunniee/gitfolio.svg?style=popout-square) ![GitHub last commit](https://img.shields.io/github/last-commit/imfunniee/gitfolio.svg?style=popout-square) ![GitHub](https://img.shields.io/github/license/imfunniee/gitfolio.svg?style=popout-square)
+# Gitfolio [![Tweet](https://img.shields.io/twitter/url/https/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=personal%20website%20and%20a%20blog%20for%20every%20github%20user%20@imfunnieee%20&url=https://github.com/imfunniee/gitfolio) ![GitHub release](https://img.shields.io/github/release/imfunniee/gitfolio.svg?style=popout-square) ![npm](https://img.shields.io/npm/dm/gitfolio.svg?style=popout-square) ![GitHub top language](https://img.shields.io/github/languages/top/imfunniee/gitfolio.svg?style=popout-square) ![GitHub last commit](https://img.shields.io/github/last-commit/imfunniee/gitfolio.svg?style=popout-square) ![GitHub](https://img.shields.io/github/license/imfunniee/gitfolio.svg?style=popout-square) [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
 
 ### personal website + blog for every github user
 

api.js

@@ -0,0 +1,66 @@
+const got = require("got");
+
+/**
+ * The defaults here are the same as the API
+ * @see https://developer.github.com/v3/repos/#list-user-repositories
+ * @param {string} username
+ * @param {Object} opts
+ * @param {('all' | 'owner' | 'member')[]} [opts.types]
+ * @param {'created' | 'updated' | 'pushed' | 'full_name' | 'star'} [opts.sort]
+ * @param {'desc' | 'asc'} [opts.order]
+ */
+async function getRepos(username, opts = {}) {
+  let tempRepos;
+  let page = 1;
+  let repos = [];
+
+  const sort = opts.sort;
+  const order = opts.order || (sort === "full_name" ? "asc" : "desc");
+  const types = opts.types || [];
+  let type = "all";
+
+  if (
+    types.includes("all") ||
+    (types.includes("owner") && types.includes("member"))
+  ) {
+    type = "all";
+  } else if (types.includes("member")) {
+    type = "member";
+  }
+
+  do {
+    let requestUrl = `https://api.github.com/users/${username}/repos?per_page=100&page=${page++}&type=${type}`;
+    if (sort && sort !== "star") {
+      requestUrl += `&sort=${sort}&direction=${order}`;
+    }
+    tempRepos = await got(requestUrl);
+    tempRepos = JSON.parse(tempRepos.body);
+    repos = repos.concat(tempRepos);
+  } while (tempRepos.length == 100);
+
+  if (sort == "star") {
+    repos = repos.sort(function(a, b) {
+      if (order == "desc") {
+        return b.stargazers_count - a.stargazers_count;
+      } else {
+        return a.stargazers_count - b.stargazers_count;
+      }
+    });
+  }
+
+  return repos;
+}
+
+/**
+ * @see https://developer.github.com/v3/users/#get-a-single-user
+ * @param {string} username
+ */
+async function getUser(username) {
+  const res = await got(`https://api.github.com/users/${username}`);
+  return JSON.parse(res.body);
+}
+
+module.exports = {
+  getRepos,
+  getUser
+};

assets/blog/blog.json

@@ -1 +1 @@
-[]
+[]

assets/blog/blogTemplate.html

@@ -103,9 +103,9 @@ <h2 id="blog_sub_title">
         icon.setAttribute("href", user[0].userimg);
         icon.setAttribute("type", "image/png");
         document.getElementsByTagName("head")[0].appendChild(icon);
-        document.getElementById("profile_img_blog").style.background = `url('${
-          user[0].userimg
-        }') center center`;
+        document.getElementById(
+          "profile_img_blog"
+        ).style.background = `url('${user[0].userimg}') center center`;
         document.getElementById(
           "username_blog"
         ).innerHTML = `<span style="display:${