+
${
navigationLinks.map(
- ([link, text]) => LinkButton({ link, text })
+ ({link, text, name}) =>
+ LinkButtonComponent({
+ link,
+ text,
+ selected: name === pageName
+ })
).join("")
}
diff --git a/src/components/Page.component.js b/src/components/Page.component.js
index f3a43c9..3d732c7 100644
--- a/src/components/Page.component.js
+++ b/src/components/Page.component.js
@@ -1,6 +1,6 @@
-const Navigation = require("./Navigation.component");
+const NavigationComponent = require("./Navigation.component");
-module.exports = ({ title="page", description="a page" }) => (content) =>
+module.exports = ({ title="page", description="a page", name="page" }) => (content) =>
`
@@ -11,7 +11,9 @@ module.exports = ({ title="page", description="a page" }) => (content) =>
- ${Navigation()}
+ ${NavigationComponent({
+ pageName: name
+ })}
${content}
diff --git a/src/env/index.js b/src/env/index.js
index 3397448..f8962a2 100644
--- a/src/env/index.js
+++ b/src/env/index.js
@@ -1,9 +1,25 @@
+const fetch = (...args) => import('node-fetch').then(({default: fetch}) => fetch(...args));
+
module.exports = {
navigationLinks: [
- ["index.html", "home"],
- ["blog.html", "blog"],
- ["me.html", "me"],
- ["https://git.hippoz.xyz", "git"],
+ {link: "index.html", text: "home", name: "home"},
+ {link: "blog.html", text: "blog", name: "blog"},
+ {link: "projects.html", text: "projects", name: "projects"},
+ {link: "https://git.hippoz.xyz", text: "git", name: "__ext_git"},
],
+ repositoryList: {
+ gitTargetUsername: "hippoz",
+ repositoryFetchUrl: `https://git.hippoz.xyz/api/v1/users/hippoz/repos?page=1&limit=100`,
+ _cache: null,
+ fetchProjects: async function() {
+ if (this._cache) return this._cache;
+
+ const response = await fetch(this.repositoryFetchUrl);
+ const json = await response.json();
+ this._cache = json;
+
+ return json;
+ }
+ },
navigationBrandingText: "hippoz."
}
\ No newline at end of file
diff --git a/src/index.page.js b/src/index.page.js
index a1c70b9..0042aaa 100644
--- a/src/index.page.js
+++ b/src/index.page.js
@@ -2,7 +2,8 @@ const Page = require("./components/Page.component");
module.exports = Page({
title: "hippoz",
- description: "hippoz website homepage"
+ description: "hippoz website homepage",
+ name: "home",
})(`
hippoz's website
i think
diff --git a/src/me.page.js b/src/me.page.js
deleted file mode 100644
index 12c5585..0000000
--- a/src/me.page.js
+++ /dev/null
@@ -1,12 +0,0 @@
-const Page = require("./components/Page.component");
-
-module.exports = Page({
- title: "about",
- description: "hippoz about page"
-})(`
-
hello
-
i think
-
-
-
i'm hippoz. that's about it.
-`);
diff --git a/src/projects.page.js b/src/projects.page.js
new file mode 100644
index 0000000..dc9d3a4
--- /dev/null
+++ b/src/projects.page.js
@@ -0,0 +1,25 @@
+const { repositoryList } = require("./env");
+const Page = require("./components/Page.component");
+
+module.exports = async () => Page({
+ title: "hippoz",
+ description: "hippoz website homepage",
+ name: "projects",
+})(`
+ ${
+ (await repositoryList.fetchProjects())
+ .sort((a, b) => b.size - a.size) // biggest projects first
+ .filter(a => !a.archived)
+ .map(
+ repo =>`
+
+
+
${repo.fork ? "🍴" : "📘"} ${repo.name}
+
view >>
+
+ ${repo.description ? `
${repo.description}
` : `
Mysterious! This project has no description.
`}
+
`
+ )
+ .join("\n")
+ }
+`);