forked from lavender-legacy/lavender.software
55 lines
1.7 KiB
JavaScript
55 lines
1.7 KiB
JavaScript
const currentScript = document.currentScript;
|
|
const ctx = currentScript.dataset;
|
|
|
|
// charlotte's ad-hoc terse javascript framework!
|
|
const CSS_PREFIX = "lavender-webring";
|
|
const e = (tag, props = {}, children = []) => {
|
|
let element = Object.assign(document.createElement(tag), props);
|
|
element.append(...children);
|
|
return element;
|
|
};
|
|
const t = (text) => document.createTextNode(text);
|
|
const c = (className) => ({ className: `${CSS_PREFIX}-${className}` });
|
|
const h = (href) => ({ href });
|
|
|
|
const createDescriptionContent = () =>
|
|
ctx.description != null
|
|
? [t(ctx.description)]
|
|
: [
|
|
t("This site is part of the "),
|
|
e("a", h("https://lavender.software"), [t("lavender.software")]),
|
|
t(" webring!"),
|
|
];
|
|
|
|
const renderWebring = (currSite, prevSite, nextSite) => {
|
|
currentScript.replaceWith(
|
|
e("aside", c("container"), [
|
|
e("section", c("description"), createDescriptionContent()),
|
|
e("ul", c("site-links"), [
|
|
e("li", c("prev-site"), [e("a", h(prevSite.url), [t(prevSite.name)])]),
|
|
e("li", c("curr-site"), [e("a", h(currSite.url), [t(currSite.name)])]),
|
|
e("li", c("next-site"), [e("a", h(nextSite.url), [t(nextSite.name)])]),
|
|
]),
|
|
])
|
|
);
|
|
};
|
|
|
|
(async () => {
|
|
const data = await fetch("https://lavender.software/webring/data.json").then(
|
|
(r) => r.json()
|
|
);
|
|
|
|
let thisSiteIdx = data.findIndex((site) => site.id == ctx.siteId);
|
|
if (thisSiteIdx === -1) {
|
|
throw new Error(
|
|
`Could not find site by id '${ctx.siteId}' in the webring!`
|
|
);
|
|
}
|
|
|
|
let currSite = data[thisSiteIdx];
|
|
let prevSite = data[(thisSiteIdx + data.length - 1) % data.length];
|
|
let nextSite = data[(thisSiteIdx + 1) % data.length];
|
|
|
|
renderWebring(currSite, prevSite, nextSite);
|
|
})();
|