-
- ${pfp(author.user_id)}
-
-
-
- ${author.firstname + ' ' + author.lastname}
- ${parseDate(new Date(post.date))}
-
-
- ${post.content.replace(/\n/g,'
')}
-
-
- ${post.comments.map(parseComment).join('')}
-
-
-
- ${pfp(data.user.user_id)}
-
-
-
- 
`
+export function p(attrs, ...children) {
+ return createElement("p", attrs, ...children)
}
-function banner(id) {
- return `
`
+export function span(attrs, ...children) {
+ return createElement("span", attrs, ...children)
+}
+
+export function div(attrs, ...children) {
+ return createElement("div", attrs, ...children)
+}
+
+export function a(attrs, ...children) {
+ return createElement("a", attrs, ...children)
+}
+
+export function i(attrs, ...children) {
+ return createElement("i", attrs, ...children)
+}
+
+export function form(attrs, ...children) {
+ return createElement("form", attrs, ...children)
+}
+
+export function img(attrs, ...children) {
+ return createElement("img", attrs, ...children)
+}
+
+export function input(attrs, ...children) {
+ return createElement("input", attrs, ...children)
+}
+
+export function button(attrs, ...children) {
+ return createElement("button", attrs, ...children)
+}
+
+export function path(attrs, ...children) {
+ return createElementNS("path", attrs, ...children)
+}
+
+export function svg(attrs, ...children) {
+ return createElementNS("svg", attrs, ...children)
+}
+
+export function body(attrs, ...children) {
+ return createElement("body", attrs, ...children)
+}
+
+export function textarea(attrs, ...children) {
+ return createElement("textarea", attrs, ...children)
+}
+
+export function parse(html) {
+ return document.createRange().createContextualFragment(html);
+}
+
+export function pfp(id) {
+ return img({src: `/image/avatar?user_id=${id}`})
+}
+
+export function banner(id) {
+ return img({src: `/image/banner?user_id=${id}`, onerror: () => {this.remove()}})
}
const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
@@ -46,7 +111,7 @@ const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
const letters = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i',
'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'];
-function parseMonth(month) {
+export function parseMonth(month) {
if (month > -1 && month < 26) {
return months[month]
} else {
@@ -57,6 +122,18 @@ function parseMonth(month) {
}
}
-function parseDate(date) {
+export function parseDate(date) {
return parseMonth(date.getUTCMonth()) + ' ' + date.getUTCDate() + ', ' + date.getUTCFullYear() + ' ' + date.toLocaleTimeString();
+}
+
+export function crawl(key, object) {
+ let data = []
+ for (const k in object) {
+ if (typeof object[k] === 'object') {
+ data.push(...crawl(key, object[k]))
+ } else if (k == key) {
+ data.push(object[k])
+ }
+ }
+ return data
}
\ No newline at end of file
diff --git a/public/js/people.js b/public/js/people.js
index 6568ccc..be0c988 100644
--- a/public/js/people.js
+++ b/public/js/people.js
@@ -1,64 +1,60 @@
-function parseUser(user) {
- const html = `
-
${comment[1]}
- -