diff --git a/eleventy.config.js b/eleventy.config.js
index c402834..063571c 100644
--- a/eleventy.config.js
+++ b/eleventy.config.js
@@ -117,77 +117,22 @@ export default async function (eleventyConfig) {
});
// Shortcodes
-
- // Cowsay
- eleventyConfig.addFilter("cowsay", (cowText) => {
- const cowCaptionReplacementTable = [
- [
- `
- o ^__^
- o (oo)\\_______
- (__)\\ )\\/\\
- ||----w |
- || ||`,
- "",
- ],
- [/\(\s+/g, ""],
- [/\s+\(/g, ""],
- [/_{3,}/g, ""],
- [/-{3,}/g, ""],
- [/\s\)/g, ""],
- [/\n/g, ""],
- [/\s{2,}/g, " "],
- [/^ /, ""],
- ];
-
- return `
-
- ${cowText}
-
- A cow thinking: ${multiReplace(cowText, cowCaptionReplacementTable)}. The cow is illustrated using
- preformatted text characters.
-
-
- `;
- });
-
- // Embed a toot
- eleventyConfig.addAsyncShortcode("toot", async function (instance, ID) {
- const tootData = await fetch(`https://${instance}/api/v1/statuses/${ID}`);
-
- const toot = await tootData.json();
-
- const dateObj = new Date(toot.created_at);
-
- const dateTime = `${dateObj.getDate()}${dateSuffixAdder(dateObj.getDate())} of ${monthMap[dateObj.getMonth()]}, ${dateObj.getFullYear()}, at ${timeFormatter(dateObj.getHours(), dateObj.getMinutes())}`;
-
- return `
-
-
- `;
- });
-
- // Embed audio
+ // Audio player
eleventyConfig.addShortcode(
"audio",
function (title, artist, media_url, cover_url) {
return `
-
-
-
+
+
+
+
+
+ ${title}
${artist}
+
+
+
-
-
-`
-
-class card extends HTMLElement {
- constructor() {
- super();
-
- this._shadowRoot = this.attachShadow({ 'mode': 'open' });
- this._shadowRoot.appendChild(template.content.cloneNode(true));
- }
-}
-
-window.customElements.define('wc-card', card);
diff --git a/public/js/webComponents/comment.js b/public/js/webComponents/comment.js
deleted file mode 100644
index 2befd81..0000000
--- a/public/js/webComponents/comment.js
+++ /dev/null
@@ -1,76 +0,0 @@
-const template = document.createElement('template');
-
-template.innerHTML = `
-
-
-
-`
-
-class comment extends HTMLElement {
- constructor() {
- super();
-
- this._shadowRoot = this.attachShadow({ 'mode': 'open' });
- this._shadowRoot.appendChild(template.content.cloneNode(true));
- this.$comment = this._shadowRoot.querySelector('#commentContainer');
- }
-
- static get observedAttributes() {
- return ['author_name', 'author_url', 'avatar_url', 'comment_content', 'publish_date'];
- }
-
- attributeChangedCallback(name, oldVal, newVal) {
- if (oldVal != newVal) {
- this[name] = newVal;
- this.render();
- }
- }
-
- render() {
- this.$comment.querySelector('#author-link').innerHTML = this.author_name;
- this.$comment.querySelector('#author-link').href = this.author_url;
- this.$comment.querySelector('wc-profile-pic').setAttribute('url', this.avatar_url)
- this.$comment.querySelector('#comment').innerHTML = this.comment_content;
- this.$comment.querySelector('#publish-date').innerHTML = this.publish_date;
- }
-}
-
-window.customElements.define('wc-comment', comment);
diff --git a/public/js/webComponents/musicPlayer.js b/public/js/webComponents/musicPlayer.js
deleted file mode 100644
index 283f002..0000000
--- a/public/js/webComponents/musicPlayer.js
+++ /dev/null
@@ -1,51 +0,0 @@
-const template = document.createElement("template");
-
-template.innerHTML = `
-
-
-
-
-
![]()
-
![]()
-`
-
-class profilePic extends HTMLElement {
- constructor() {
- super();
-
- this._shadowRoot = this.attachShadow({ 'mode': 'open' });
- this._shadowRoot.appendChild(template.content.cloneNode(true));
- this.$profilePic = this._shadowRoot.querySelector('#profilePic');
- }
-
- static get observedAttributes() {
- return ['url'];
- }
-
- attributeChangedCallback(name, oldVal, newVal) {
- if (oldVal != newVal) {
- this[name] = newVal;
- this.render();
- }
- }
-
- render() {
- this.url ? this.$profilePic.src = this.url : null;
- }
-}
-
-window.customElements.define('wc-profile-pic', profilePic);
diff --git a/public/js/webComponents/toot.js b/public/js/webComponents/toot.js
deleted file mode 100644
index c53ea6b..0000000
--- a/public/js/webComponents/toot.js
+++ /dev/null
@@ -1,136 +0,0 @@
-const template = document.createElement('template');
-
-template.innerHTML = `
-
-
-
-
-
-
-
-`
-
-class toot extends HTMLElement {
- constructor() {
- super();
-
- this._shadowRoot = this.attachShadow({ 'mode': 'open' });
- this._shadowRoot.appendChild(template.content.cloneNode(true));
- this.$toot = this._shadowRoot.querySelector('#tootContainer');
- }
-
- static get observedAttributes() {
- return ['author_name', 'author_username', 'author_url', 'avatar_url', 'toot_content', 'toot_url', 'publish_date'];
- }
-
- attributeChangedCallback(name, oldVal, newVal) {
- if (oldVal != newVal) {
- this[name] = newVal;
- this.render();
- }
- }
-
- render() {
- this.$toot.querySelector('#author-link').innerHTML = `${this.author_name} (@${this.author_username})`;
- this.$toot.querySelector('#author-link').href = this.author_url;
- this.$toot.querySelector('wc-profile-pic').setAttribute('url', this.avatar_url)
- this.$toot.querySelector('#toot').innerHTML = this.toot_content;
- this.$toot.querySelector('#publish-date').innerHTML = this.publish_date;
- this.$toot.querySelector('#toot-link').setAttribute('href', this.toot_url)
- }
-}
-
-window.customElements.define('wc-toot', toot);