From 66d9798c136df31377da01a1f9246f8b8d561eaf Mon Sep 17 00:00:00 2001
From: idotj <info@idotj.com>
Date: Sun, 1 Oct 2023 17:51:31 +0200
Subject: [PATCH] New width for toot-text area + minor fixes

---
 CHANGELOG                         |  5 ++
 src/mastodon-timeline.css         | 95 +++++++++++++++++++------------
 src/mastodon-timeline.js          | 47 +++++++++------
 src/mastodon-timeline.min.css     |  2 +-
 src/mastodon-timeline.min.js      |  2 +-
 src/mastodon-timeline.min.min.css |  0
 6 files changed, 95 insertions(+), 56 deletions(-)
 create mode 100644 src/mastodon-timeline.min.min.css

diff --git a/CHANGELOG b/CHANGELOG
index 6878482..b237ead 100644
--- a/CHANGELOG
+++ b/CHANGELOG
@@ -1,3 +1,8 @@
+v3.10.0 - 01/10/2023
+- Render customized emojis in user name
+- Add new styles for scrollbar
+- Maximize the width of the toot-text area
+
 v3.9.5 - 23/09/2023
 - Improve CSS class names
 - Use "time" tag for date format
diff --git a/src/mastodon-timeline.css b/src/mastodon-timeline.css
index 8f6220d..65a2adb 100644
--- a/src/mastodon-timeline.css
+++ b/src/mastodon-timeline.css
@@ -1,4 +1,4 @@
-/* Mastodon embed feed timeline v3.9.5 */
+/* Mastodon embed feed timeline v3.10.0 */
 /* More info at: */
 /* https://gitlab.com/idotj/mastodon-embed-feed-timeline */
 
@@ -13,6 +13,7 @@ html[data-theme="light"] {
   --bg-color: #fff;
   --bg-hover-color: #d9e1e8;
   --line-gray-color: #c0cdd9;
+  --contrast-gray-color: #606984;
   --content-text: #000;
   --link-color: #3a3bff;
   --error-text-color: #8b0000;
@@ -21,6 +22,7 @@ html[data-theme="dark"] {
   --bg-color: #282c37;
   --bg-hover-color: #313543;
   --line-gray-color: #393f4f;
+  --contrast-gray-color: #606984;
   --content-text: #fff;
   --link-color: #8c8dff;
   --error-text-color: #fe6c6c;
@@ -31,8 +33,32 @@ html[data-theme="dark"] {
   height: 100%;
   overflow-y: auto;
   position: relative;
-  background: var(--bg-color);
-  scrollbar-color: var(--bg-hover-color) rgba(0, 0, 0, 0.1);
+  background-color: var(--bg-color);
+  scrollbar-color: var(--line-gray-color) var(--bg-color);
+  scrollbar-width: thin;
+}
+.mt-container::-webkit-scrollbar {
+  width: 0.25rem;
+  height: 0.25rem;
+}
+.mt-container::-webkit-scrollbar-thumb {
+  background-color: var(--line-gray-color);
+  border: none;
+  border-radius: 3rem;
+}
+.mt-container::-webkit-scrollbar-thumb:hover,
+.mt-container::-webkit-scrollbar-thumb:active {
+  background-color: var(--line-gray-color);
+}
+.mt-container::-webkit-scrollbar-track {
+  background-color: var(--bg-color);
+  border: none;
+  border-radius: 0;
+}
+.mt-container::-webkit-scrollbar-track:hover,
+.mt-container::-webkit-scrollbar-track:active,
+.mt-container::-webkit-scrollbar-corner {
+  background-color: var(--bg-color);
 }
 .mt-container a:link,
 .mt-container a:active,
@@ -43,25 +69,8 @@ html[data-theme="dark"] {
 .mt-container a:not(.mt-toot-preview):hover {
   text-decoration: underline;
 }
-.mt-container::-webkit-scrollbar {
-  width: 0.75rem;
-  height: 0.75rem;
-}
-.mt-container::-webkit-scrollbar-corner {
-  background: transparent;
-}
-.mt-container::-webkit-scrollbar-thumb {
-  border: 0 var(--content-text);
-  border-radius: 2rem;
-  background: var(--bg-hover-color);
-}
-.mt-container::-webkit-scrollbar-track {
-  border: 0 var(--content-text);
-  border-radius: 0;
-  background: rgba(0, 0, 0, 0.1);
-}
 .mt-body {
-  padding: 1rem 1.5rem;
+  padding: 1rem clamp(0.25rem, 4vw, 1.5rem);
   white-space: pre-wrap;
   word-wrap: break-word;
 }
@@ -77,7 +86,7 @@ html[data-theme="dark"] {
 /* Toot container */
 .mt-toot {
   margin: 0.25rem;
-  padding: 1rem 0.5rem 1.5rem 4rem;
+  padding: 1rem 0.5rem 1.5rem 0.5rem;
   position: relative;
   min-height: 3.75rem;
   background-color: transparent;
@@ -94,25 +103,26 @@ html[data-theme="dark"] {
 
 /* User avatar */
 .mt-toot-avatar {
+  margin-right: 0.75rem;
+}
+.mt-toot-avatar-standard {
+  width: 2.25rem;
+  height: 2.25rem;
+}
+.mt-toot-avatar-boosted {
   width: 3rem;
   height: 3rem;
-  position: absolute;
-  top: 1rem;
-  left: 0.25rem;
-  border-radius: 0.25rem;
-  overflow: hidden;
+  position: relative;
 }
-.mt-toot-avatar-image img {
-  width: 100%;
-  height: auto;
-}
-.mt-toot-avatar-image .mt-toot-avatar-boosted {
+.mt-toot-avatar-image-big img {
+  aspect-ratio: 1/1;
   width: 2.25rem;
   height: 2.25rem;
   border-radius: 0.25rem;
   overflow: hidden;
 }
-.mt-toot-avatar-image .mt-toot-avatar-account {
+.mt-toot-avatar-image-small img {
+  aspect-ratio: 1/1;
   width: 1.5rem;
   height: 1.5rem;
   top: 1.5rem;
@@ -131,14 +141,22 @@ html[data-theme="dark"] {
 }
 .mt-toot-header-user {
   font-weight: 600;
+  margin-top: 0.5rem;
   padding-right: 1rem;
 }
 .mt-toot-header-user > a {
+  display: flex;
+  align-items: flex-start;
   color: var(--content-text) !important;
+  overflow-wrap: anywhere;
 }
 .mt-toot-header-date {
   font-size: 0.75rem;
   text-align: right;
+  margin: 0.5rem 0 0 auto;
+}
+.mt-toot-header-date > a {
+  color: var(--contrast-gray-color) !important;
 }
 
 /* Text */
@@ -166,6 +184,7 @@ html[data-theme="dark"] {
   margin-left: 0;
   padding-left: 0.5rem;
 }
+.mt-toot-header-user .custom-emoji,
 .mt-toot-text .custom-emoji {
   height: 1.5rem;
   min-width: 1.5rem;
@@ -175,7 +194,7 @@ html[data-theme="dark"] {
 
 /* Poll */
 .mt-toot-poll {
-  margin-bottom: 0.25rem;
+  margin-bottom: 1rem;
   color: var(--content-text);
 }
 .mt-toot-poll ul {
@@ -283,8 +302,10 @@ html[data-theme="dark"] {
 /* Counter bar */
 .mt-toot-counter-bar {
   display: flex;
-  gap: clamp(0.25rem, 1vw, 1.5rem);
-  color: var(--link-color);
+  min-width: 6rem;
+  max-width: 40rem;
+  justify-content: space-between;
+  color: var(--contrast-gray-color);
 }
 .mt-toot-counter-bar-replies,
 .mt-toot-counter-bar-reblog,
@@ -299,7 +320,7 @@ html[data-theme="dark"] {
 .mt-toot-counter-bar-reblog > svg,
 .mt-toot-counter-bar-favorites > svg {
   width: 1rem;
-  fill: var(--link-color);
+  fill: var(--contrast-gray-color);
 }
 
 /* Error */
diff --git a/src/mastodon-timeline.js b/src/mastodon-timeline.js
index 9bf3804..9b9a239 100644
--- a/src/mastodon-timeline.js
+++ b/src/mastodon-timeline.js
@@ -1,5 +1,5 @@
 /**
- * Mastodon embed feed timeline v3.9.5
+ * Mastodon embed feed timeline v3.10.0
  * More info at:
  * https://gitlab.com/idotj/mastodon-embed-feed-timeline
  */
@@ -185,9 +185,7 @@ MastodonApi.prototype.buildTimeline = async function () {
     if (
       e.target.localName == "article" ||
       e.target.offsetParent?.localName == "article" ||
-      (e.target.localName == "img" &&
-        e.target.offsetParent.className !== "mt-toot-avatar" &&
-        e.target.offsetParent.className !== "mt-toot-avatar-account")
+      e.target.localName == "img"
     ) {
       openTootURL(e);
     }
@@ -213,6 +211,10 @@ MastodonApi.prototype.buildTimeline = async function () {
       e.target.localName !== "a" &&
       e.target.localName !== "span" &&
       e.target.localName !== "button" &&
+      e.target.localName !== "time" &&
+      e.target.className !== "mt-toot-preview-noImage" &&
+      e.target.parentNode.className !== "mt-toot-avatar-image-big" &&
+      e.target.parentNode.className !== "mt-toot-avatar-image-small" &&
       e.target.parentNode.className !== "mt-toot-preview-image" &&
       urlToot
     ) {
@@ -356,7 +358,7 @@ MastodonApi.prototype.appendToot = function (c, i) {
  * @param {number} i Index of toot
  */
 MastodonApi.prototype.assambleToot = function (c, i) {
-  let avatar, user, url, date, formattedDate;
+  let avatar, user, userName, url, date, formattedDate;
 
   if (c.reblog) {
     // BOOSTED toot
@@ -368,15 +370,15 @@ MastodonApi.prototype.assambleToot = function (c, i) {
       '<a href="' +
       c.reblog.account.url +
       '" class="mt-toot-avatar" rel="nofollow noopener noreferrer" target="_blank">' +
-      '<div class="mt-toot-avatar-image">' +
       '<div class="mt-toot-avatar-boosted">' +
+      '<div class="mt-toot-avatar-image-big">' +
       '<img src="' +
       c.reblog.account.avatar +
       '" alt="' +
       c.reblog.account.username +
       ' avatar" loading="lazy" />' +
       "</div>" +
-      '<div class="mt-toot-avatar-account">' +
+      '<div class="mt-toot-avatar-image-small">' +
       '<img src="' +
       c.account.avatar +
       '" alt="' +
@@ -387,14 +389,18 @@ MastodonApi.prototype.assambleToot = function (c, i) {
       "</a>";
 
     // User name and url
+    userName = this.showEmojos(
+      c.reblog.account.display_name
+        ? c.reblog.account.display_name
+        : c.reblog.account.username,
+      this.FETCHED_DATA.emojos
+    );
     user =
       '<div class="mt-toot-header-user">' +
       '<a href="' +
       c.reblog.account.url +
       '" rel="nofollow noopener noreferrer" target="_blank">' +
-      (c.reblog.account.display_name
-        ? c.reblog.account.display_name
-        : c.reblog.account.username) +
+      userName +
       '<span class="visually-hidden"> account</span>' +
       "</a>" +
       "</div>";
@@ -411,22 +417,28 @@ MastodonApi.prototype.assambleToot = function (c, i) {
       '<a href="' +
       c.account.url +
       '" class="mt-toot-avatar" rel="nofollow noopener noreferrer" target="_blank">' +
-      '<div class="mt-toot-avatar-image">' +
+      '<div class="mt-toot-avatar-standard">' +
+      '<div class="mt-toot-avatar-image-big">' +
       '<img src="' +
       c.account.avatar +
       '" alt="' +
       c.account.username +
       ' avatar" loading="lazy" />' +
       "</div>" +
+      "</div>" +
       "</a>";
 
     // User name and url
+    userName = this.showEmojos(
+      c.account.display_name ? c.account.display_name : c.account.username,
+      this.FETCHED_DATA.emojos
+    );
     user =
       '<div class="mt-toot-header-user">' +
       '<a href="' +
       c.account.url +
       '" rel="nofollow noopener noreferrer" target="_blank">' +
-      (c.account.display_name ? c.account.display_name : c.account.username) +
+      userName +
       '<span class="visually-hidden"> account</span>' +
       "</a>" +
       "</div>";
@@ -524,9 +536,9 @@ MastodonApi.prototype.assambleToot = function (c, i) {
   }
 
   // Preview link
-  let preview_link = "";
+  let previewLink = "";
   if (!this.HIDE_PREVIEW_LINK && c.card) {
-    preview_link = this.placePreviewLink(c.card);
+    previewLink = this.placePreviewLink(c.card);
   }
 
   // Poll
@@ -536,7 +548,8 @@ MastodonApi.prototype.assambleToot = function (c, i) {
     for (let i in c.poll.options) {
       pollOption += "<li>" + c.poll.options[i].title + "</li>";
     }
-    poll = '<div class="mt-toot-poll">' + "<ul>" + pollOption + "</ul>" + "</div>";
+    poll =
+      '<div class="mt-toot-poll">' + "<ul>" + pollOption + "</ul>" + "</div>";
   }
 
   // Counter bar
@@ -577,14 +590,14 @@ MastodonApi.prototype.assambleToot = function (c, i) {
     '" data-location="' +
     url +
     '" tabindex="0">' +
-    avatar +
     '<div class="mt-toot-header">' +
+    avatar +
     user +
     timestamp +
     "</div>" +
     content +
     media +
-    preview_link +
+    previewLink +
     poll +
     counterBar +
     "</article>";
diff --git a/src/mastodon-timeline.min.css b/src/mastodon-timeline.min.css
index e683a11..7f55fd1 100644
--- a/src/mastodon-timeline.min.css
+++ b/src/mastodon-timeline.min.css
@@ -1 +1 @@
-:root{--text-max-lines:none}:root,html[data-theme=light]{--bg-color:#fff;--bg-hover-color:#d9e1e8;--line-gray-color:#c0cdd9;--content-text:#000;--link-color:#3a3bff;--error-text-color:#8b0000}html[data-theme=dark]{--bg-color:#282c37;--bg-hover-color:#313543;--line-gray-color:#393f4f;--content-text:#fff;--link-color:#8c8dff;--error-text-color:#fe6c6c}.mt-container{height:100%;overflow-y:auto;position:relative;background:var(--bg-color);scrollbar-color:var(--bg-hover-color) rgba(0,0,0,.1)}.mt-container a,.mt-container a:active,.mt-container a:link{text-decoration:none;color:var(--link-color)}.mt-container a:not(.mt-toot-preview):hover{text-decoration:underline}.mt-container::-webkit-scrollbar{width:.75rem;height:.75rem}.mt-container::-webkit-scrollbar-corner{background:0 0}.mt-container::-webkit-scrollbar-thumb{border:0 var(--content-text);border-radius:2rem;background:var(--bg-hover-color)}.mt-container::-webkit-scrollbar-track{border:0 var(--content-text);border-radius:0;background:rgba(0,0,0,.1)}.mt-body{padding:1rem 1.5rem;white-space:pre-wrap;word-wrap:break-word}.mt-body .invisible{font-size:0;line-height:0;display:inline-block;width:0;height:0;position:absolute}.mt-toot{margin:.25rem;padding:1rem .5rem 1.5rem 4rem;position:relative;min-height:3.75rem;background-color:transparent;border-bottom:1px solid var(--line-gray-color)}.mt-toot:focus,.mt-toot:hover{cursor:pointer;background-color:var(--bg-hover-color)}.mt-toot p:last-child{margin-bottom:0}.mt-toot-avatar{width:3rem;height:3rem;position:absolute;top:1rem;left:.25rem;border-radius:.25rem;overflow:hidden}.mt-toot-avatar-image img{width:100%;height:auto}.mt-toot-avatar-image .mt-toot-avatar-boosted{width:2.25rem;height:2.25rem;border-radius:.25rem;overflow:hidden}.mt-toot-avatar-image .mt-toot-avatar-account{width:1.5rem;height:1.5rem;top:1.5rem;left:1.5rem;position:absolute;border-radius:.25rem;overflow:hidden}.mt-toot-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.mt-toot-header-user{font-weight:600;padding-right:1rem}.mt-toot-header-user>a{color:var(--content-text)!important}.mt-toot-header-date{font-size:.75rem;text-align:right}.mt-toot-text{margin-bottom:1rem;color:var(--content-text)}.mt-toot-text .spoiler-btn{display:inline-block}.mt-toot-text .spoiler-text-hidden{display:none}.mt-toot-text.truncate{display:-webkit-box;overflow:hidden;-webkit-line-clamp:var(--text-max-lines);-webkit-box-orient:vertical}.mt-toot-text:not(.truncate) .ellipsis::after{content:"..."}.mt-toot-text blockquote{border-left:.25rem solid var(--line-gray-color);margin-left:0;padding-left:.5rem}.mt-toot-text .custom-emoji{height:1.5rem;min-width:1.5rem;margin-bottom:-.25rem;width:auto}.mt-toot-poll{margin-bottom:.25rem;color:var(--content-text)}.mt-toot-poll ul{list-style:none;padding:0;margin:0}.mt-toot-poll ul li{font-size:.9rem;margin-bottom:.5rem}.mt-toot-poll ul li:not(:last-child){margin-bottom:.25rem}.mt-toot-poll ul li:before{content:"◯";padding-right:.5rem}.mt-toot-media{overflow:hidden;margin-bottom:1rem}.mt-toot-media>.spoiler-btn{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%)}.mt-toot-media-spoiler>img{filter:blur(2rem)}.img-ratio14_7{position:relative;padding-top:56.95%;width:100%}.img-ratio14_7>img{width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.mt-toot-preview{min-height:4rem;display:flex;flex-direction:row;border:1px solid var(--line-gray-color);border-radius:.5rem;color:var(--link-color);font-size:.8rem;margin:1rem 0;overflow:hidden}.mt-toot-preview-image{width:40%;align-self:stretch}.mt-toot-preview-image img{display:block;width:100%;height:100%;object-fit:cover}.mt-toot-preview-noImage{width:40%;font-size:1.5rem;align-self:center;text-align:center}.mt-toot-preview-content{width:60%;display:flex;align-self:center;flex-direction:column;padding:.5rem 1rem;gap:.5rem}.mt-toot-preview-title{font-weight:600}.spoiler-btn{border-radius:2px;background-color:var(--line-gray-color);border:0;color:var(--content-text);font-weight:700;font-size:.7rem;padding:0 .35rem;text-transform:uppercase;line-height:1.25rem;cursor:pointer;vertical-align:top}.mt-toot-counter-bar{display:flex;gap:clamp(.25rem,1vw,1.5rem);color:var(--link-color)}.mt-toot-counter-bar-favorites,.mt-toot-counter-bar-reblog,.mt-toot-counter-bar-replies{display:flex;font-size:.75rem;gap:.25rem;align-items:center;opacity:.5}.mt-toot-counter-bar-favorites>svg,.mt-toot-counter-bar-reblog>svg,.mt-toot-counter-bar-replies>svg{width:1rem;fill:var(--link-color)}.mt-error{position:absolute;display:flex;flex-direction:column;height:calc(100% - 3.5rem);width:calc(100% - 4.5rem);justify-content:center;align-items:center;color:var(--error-text-color);padding:.75rem;text-align:center}.mt-error-icon{font-size:2rem}.mt-error-message{padding:1rem 0}.mt-error-message hr{color:var(--line-gray-color)}.mt-body>.loading-spinner{position:absolute;width:3rem;height:3rem;margin:auto;top:calc(50% - 1.5rem);right:calc(50% - 1.5rem)}.loading-spinner{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' viewBox='0 0 128 128' %3E%3Cg%3E%3Cpath d='M64 128A64 64 0 0 1 18.34 19.16L21.16 22a60 60 0 1 0 52.8-17.17l.62-3.95A64 64 0 0 1 64 128z' fill='%23404040'/%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 64 64' to='360 64 64' dur='1000ms' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center center;background-color:transparent;background-size:min(2.5rem,calc(100% - .5rem))}.mt-footer{margin:1rem auto 2rem auto;padding:0 2rem;text-align:center}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
\ No newline at end of file
+:root{--text-max-lines:none}:root,html[data-theme=light]{--bg-color:#fff;--bg-hover-color:#d9e1e8;--line-gray-color:#c0cdd9;--contrast-gray-color:#606984;--content-text:#000;--link-color:#3a3bff;--error-text-color:#8b0000}html[data-theme=dark]{--bg-color:#282c37;--bg-hover-color:#313543;--line-gray-color:#393f4f;--contrast-gray-color:#606984;--content-text:#fff;--link-color:#8c8dff;--error-text-color:#fe6c6c}.mt-container{height:100%;overflow-y:auto;position:relative;background-color:var(--bg-color);scrollbar-color:var(--line-gray-color) var(--bg-color);scrollbar-width:thin}.mt-container::-webkit-scrollbar{width:.25rem;height:.25rem}.mt-container::-webkit-scrollbar-thumb{background-color:var(--line-gray-color);border:none;border-radius:3rem}.mt-container::-webkit-scrollbar-thumb:active,.mt-container::-webkit-scrollbar-thumb:hover{background-color:var(--line-gray-color)}.mt-container::-webkit-scrollbar-track{background-color:var(--bg-color);border:none;border-radius:0}.mt-container::-webkit-scrollbar-corner,.mt-container::-webkit-scrollbar-track:active,.mt-container::-webkit-scrollbar-track:hover{background-color:var(--bg-color)}.mt-container a,.mt-container a:active,.mt-container a:link{text-decoration:none;color:var(--link-color)}.mt-container a:not(.mt-toot-preview):hover{text-decoration:underline}.mt-body{padding:1rem clamp(.25rem,4vw,1.5rem);white-space:pre-wrap;word-wrap:break-word}.mt-body .invisible{font-size:0;line-height:0;display:inline-block;width:0;height:0;position:absolute}.mt-toot{margin:.25rem;padding:1rem .5rem 1.5rem .5rem;position:relative;min-height:3.75rem;background-color:transparent;border-bottom:1px solid var(--line-gray-color)}.mt-toot:focus,.mt-toot:hover{cursor:pointer;background-color:var(--bg-hover-color)}.mt-toot p:last-child{margin-bottom:0}.mt-toot-avatar{margin-right:.75rem}.mt-toot-avatar-standard{width:2.25rem;height:2.25rem}.mt-toot-avatar-boosted{width:3rem;height:3rem;position:relative}.mt-toot-avatar-image-big img{aspect-ratio:1/1;width:2.25rem;height:2.25rem;border-radius:.25rem;overflow:hidden}.mt-toot-avatar-image-small img{aspect-ratio:1/1;width:1.5rem;height:1.5rem;top:1.5rem;left:1.5rem;position:absolute;border-radius:.25rem;overflow:hidden}.mt-toot-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.mt-toot-header-user{font-weight:600;margin-top:.5rem;padding-right:1rem}.mt-toot-header-user>a{display:flex;align-items:flex-start;color:var(--content-text)!important;overflow-wrap:anywhere}.mt-toot-header-date{font-size:.75rem;text-align:right;margin:.5rem 0 0 auto}.mt-toot-header-date>a{color:var(--contrast-gray-color)!important}.mt-toot-text{margin-bottom:1rem;color:var(--content-text)}.mt-toot-text .spoiler-btn{display:inline-block}.mt-toot-text .spoiler-text-hidden{display:none}.mt-toot-text.truncate{display:-webkit-box;overflow:hidden;-webkit-line-clamp:var(--text-max-lines);-webkit-box-orient:vertical}.mt-toot-text:not(.truncate) .ellipsis::after{content:"..."}.mt-toot-text blockquote{border-left:.25rem solid var(--line-gray-color);margin-left:0;padding-left:.5rem}.mt-toot-header-user .custom-emoji,.mt-toot-text .custom-emoji{height:1.5rem;min-width:1.5rem;margin-bottom:-.25rem;width:auto}.mt-toot-poll{margin-bottom:1rem;color:var(--content-text)}.mt-toot-poll ul{list-style:none;padding:0;margin:0}.mt-toot-poll ul li{font-size:.9rem;margin-bottom:.5rem}.mt-toot-poll ul li:not(:last-child){margin-bottom:.25rem}.mt-toot-poll ul li:before{content:"◯";padding-right:.5rem}.mt-toot-media{overflow:hidden;margin-bottom:1rem}.mt-toot-media>.spoiler-btn{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%)}.mt-toot-media-spoiler>img{filter:blur(2rem)}.img-ratio14_7{position:relative;padding-top:56.95%;width:100%}.img-ratio14_7>img{width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.mt-toot-preview{min-height:4rem;display:flex;flex-direction:row;border:1px solid var(--line-gray-color);border-radius:.5rem;color:var(--link-color);font-size:.8rem;margin:1rem 0;overflow:hidden}.mt-toot-preview-image{width:40%;align-self:stretch}.mt-toot-preview-image img{display:block;width:100%;height:100%;object-fit:cover}.mt-toot-preview-noImage{width:40%;font-size:1.5rem;align-self:center;text-align:center}.mt-toot-preview-content{width:60%;display:flex;align-self:center;flex-direction:column;padding:.5rem 1rem;gap:.5rem}.mt-toot-preview-title{font-weight:600}.spoiler-btn{border-radius:2px;background-color:var(--line-gray-color);border:0;color:var(--content-text);font-weight:700;font-size:.7rem;padding:0 .35rem;text-transform:uppercase;line-height:1.25rem;cursor:pointer;vertical-align:top}.mt-toot-counter-bar{display:flex;min-width:6rem;max-width:40rem;justify-content:space-between;color:var(--contrast-gray-color)}.mt-toot-counter-bar-favorites,.mt-toot-counter-bar-reblog,.mt-toot-counter-bar-replies{display:flex;font-size:.75rem;gap:.25rem;align-items:center;opacity:.5}.mt-toot-counter-bar-favorites>svg,.mt-toot-counter-bar-reblog>svg,.mt-toot-counter-bar-replies>svg{width:1rem;fill:var(--contrast-gray-color)}.mt-error{position:absolute;display:flex;flex-direction:column;height:calc(100% - 3.5rem);width:calc(100% - 4.5rem);justify-content:center;align-items:center;color:var(--error-text-color);padding:.75rem;text-align:center}.mt-error-icon{font-size:2rem}.mt-error-message{padding:1rem 0}.mt-error-message hr{color:var(--line-gray-color)}.mt-body>.loading-spinner{position:absolute;width:3rem;height:3rem;margin:auto;top:calc(50% - 1.5rem);right:calc(50% - 1.5rem)}.loading-spinner{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' viewBox='0 0 128 128' %3E%3Cg%3E%3Cpath d='M64 128A64 64 0 0 1 18.34 19.16L21.16 22a60 60 0 1 0 52.8-17.17l.62-3.95A64 64 0 0 1 64 128z' fill='%23404040'/%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 64 64' to='360 64 64' dur='1000ms' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center center;background-color:transparent;background-size:min(2.5rem,calc(100% - .5rem))}.mt-footer{margin:1rem auto 2rem auto;padding:0 2rem;text-align:center}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
\ No newline at end of file
diff --git a/src/mastodon-timeline.min.js b/src/mastodon-timeline.min.js
index bb69738..c7c1633 100644
--- a/src/mastodon-timeline.min.js
+++ b/src/mastodon-timeline.min.js
@@ -1 +1 @@
-window.addEventListener("load",()=>{new MastodonApi({container_body_id:"mt-body",spinner_class:"loading-spinner",default_theme:"auto",instance_url:"https://mastodon.online",timeline_type:"local",user_id:"",profile_name:"",hashtag_name:"",toots_limit:"20",hide_unlisted:!1,hide_reblog:!1,hide_replies:!1,hide_preview_link:!1,hide_emojos:!1,markdown_blockquote:!1,hide_counter_bar:!1,text_max_lines:"0",link_see_more:"See more posts at Mastodon"})});const MastodonApi=function(t){this.CONTAINER_BODY_ID=t.container_body_id||"mt-body",this.SPINNER_CLASS=t.spinner_class||"loading-spinner",this.DEFAULT_THEME=t.default_theme||"auto",this.INSTANCE_URL=t.instance_url,this.USER_ID=t.user_id||"",this.PROFILE_NAME=this.USER_ID?t.profile_name:"",this.TIMELINE_TYPE=t.timeline_type||"local",this.HASHTAG_NAME=t.hashtag_name||"",this.TOOTS_LIMIT=t.toots_limit||"20",this.HIDE_UNLISTED=void 0!==t.hide_unlisted&&t.hide_unlisted,this.HIDE_REBLOG=void 0!==t.hide_reblog&&t.hide_reblog,this.HIDE_REPLIES=void 0!==t.hide_replies&&t.hide_replies,this.HIDE_PREVIEW_LINK=void 0!==t.hide_preview_link&&t.hide_preview_link,this.HIDE_EMOJOS=void 0!==t.hide_emojos&&t.hide_emojos,this.MARKDOWN_BLOCKQUOTE=void 0!==t.markdown_blockquote&&t.markdown_blockquote,this.HIDE_COUNTER_BAR="undefined"!==t.hide_counter_bar&&t.hide_counter_bar,this.TEXT_MAX_LINES=t.text_max_lines||"0",this.LINK_SEE_MORE=t.link_see_more,this.FETCHED_DATA={},this.mtBodyContainer=document.getElementById(this.CONTAINER_BODY_ID),this.buildTimeline()};MastodonApi.prototype.buildTimeline=async function(){for(let t in this.setTheme(),await this.getTimelineData(),this.mtBodyContainer.innerHTML="",this.FETCHED_DATA.timeline)("public"==this.FETCHED_DATA.timeline[t].visibility||!this.HIDE_UNLISTED&&"unlisted"==this.FETCHED_DATA.timeline[t].visibility)&&(this.HIDE_REBLOG&&this.FETCHED_DATA.timeline[t].reblog||this.HIDE_REPLIES&&this.FETCHED_DATA.timeline[t].in_reply_to_id||this.appendToot(this.FETCHED_DATA.timeline[t],Number(t)));if(""===this.mtBodyContainer.innerHTML)this.mtBodyContainer.setAttribute("role","none"),this.mtBodyContainer.innerHTML='<div class="mt-error"><span class="mt-error-icon">\uD83D\uDCED</span><br/><strong>Sorry, no toots to show</strong><br/><div class="mt-error-message">Got '+this.FETCHED_DATA.timeline.length+' toots from the server but due to the "hide filters" applied, no toot is shown</div></div>';else{if(this.LINK_SEE_MORE){let e="";"profile"===this.TIMELINE_TYPE?e=this.PROFILE_NAME:"hashtag"===this.TIMELINE_TYPE?e="tags/"+this.HASHTAG_NAME:"local"===this.TIMELINE_TYPE&&(e="public/local");let o='<div class="mt-footer"><a href="'+this.INSTANCE_URL+"/"+e+'" target="_blank" rel="nofollow noopener noreferrer">'+this.LINK_SEE_MORE+"</a></div>";this.mtBodyContainer.parentNode.insertAdjacentHTML("beforeend",o)}this.manageSpinner()}this.mtBodyContainer.addEventListener("click",function(t){("article"==t.target.localName||t.target.offsetParent?.localName=="article"||"img"==t.target.localName&&"mt-toot-avatar"!==t.target.offsetParent.className&&"mt-toot-avatar-account"!==t.target.offsetParent.className)&&i(t),"button"==t.target.localName&&"spoiler-btn"==t.target.className&&a(t)}),this.mtBodyContainer.addEventListener("keydown",function(t){"Enter"===t.key&&"article"==t.target.localName&&i(t)});let i=function(t){let e=t.target.closest(".mt-toot").dataset.location;"a"!==t.target.localName&&"span"!==t.target.localName&&"button"!==t.target.localName&&"mt-toot-preview-image"!==t.target.parentNode.className&&e&&window.open(e,"_blank")},a=function(t){let e=t.target.nextSibling;"img"===e.localName?(t.target.parentNode.classList.remove("mt-toot-media-spoiler"),t.target.style.display="none"):(e.classList.contains("spoiler-text-hidden")||e.classList.contains("spoiler-text-visible"))&&("Show more"==t.target.textContent?(e.classList.remove("spoiler-text-hidden"),e.classList.add("spoiler-text-visible"),t.target.setAttribute("aria-expanded","true"),t.target.textContent="Show less"):(e.classList.remove("spoiler-text-visible"),e.classList.add("spoiler-text-hidden"),t.target.setAttribute("aria-expanded","false"),t.target.textContent="Show more"))}},MastodonApi.prototype.setTheme=function(){let t=function(t){document.documentElement.setAttribute("data-theme",t)};if("auto"===this.DEFAULT_THEME){let e=window.matchMedia("(prefers-color-scheme: dark)");e.matches?t("dark"):t("light"),e.addEventListener("change",e=>{e.matches?t("dark"):t("light")})}else t(this.DEFAULT_THEME)},MastodonApi.prototype.getTimelineData=async function(){return new Promise((t,e)=>{async function o(t){let e=await fetch(t);if(!e.ok)throw Error("Failed to fetch the following URL: "+t+"<hr>Error status: "+e.status+"<hr>Error message: "+e.statusText);let o=await e.json();return o}let i={};"profile"===this.TIMELINE_TYPE?i.timeline=`${this.INSTANCE_URL}/api/v1/accounts/${this.USER_ID}/statuses?limit=${this.TOOTS_LIMIT}`:"hashtag"===this.TIMELINE_TYPE?i.timeline=`${this.INSTANCE_URL}/api/v1/timelines/tag/${this.HASHTAG_NAME}?limit=${this.TOOTS_LIMIT}`:"local"===this.TIMELINE_TYPE&&(i.timeline=`${this.INSTANCE_URL}/api/v1/timelines/public?local=true&limit=${this.TOOTS_LIMIT}`),this.HIDE_EMOJOS||(i.emojos=this.INSTANCE_URL+"/api/v1/custom_emojis");let a=Object.entries(i).map(([t,i])=>o(i).then(e=>({[t]:e})).catch(o=>(e(Error("Something went wrong fetching data")),this.mtBodyContainer.innerHTML='<div class="mt-error"><span class="mt-error-icon">❌</span><br/><strong>Sorry, request failed:</strong><br/><div class="mt-error-message">'+o.message+"</div></div>",this.mtBodyContainer.setAttribute("role","none"),{[t]:[]})));Promise.all(a).then(e=>{this.FETCHED_DATA=e.reduce((t,e)=>({...t,...e}),{}),t()})})},MastodonApi.prototype.appendToot=function(t,e){this.mtBodyContainer.insertAdjacentHTML("beforeend",this.assambleToot(t,e))},MastodonApi.prototype.assambleToot=function(t,e){let o,i,a,s,r;t.reblog?(a=t.reblog.url,o='<a href="'+t.reblog.account.url+'" class="mt-toot-avatar" rel="nofollow noopener noreferrer" target="_blank"><div class="mt-toot-avatar-image"><div class="mt-toot-avatar-boosted"><img src="'+t.reblog.account.avatar+'" alt="'+t.reblog.account.username+' avatar" loading="lazy" /></div><div class="mt-toot-avatar-account"><img src="'+t.account.avatar+'" alt="'+t.account.username+' avatar" loading="lazy" /></div></div></a>',i='<div class="mt-toot-header-user"><a href="'+t.reblog.account.url+'" rel="nofollow noopener noreferrer" target="_blank">'+(t.reblog.account.display_name?t.reblog.account.display_name:t.reblog.account.username)+'<span class="visually-hidden"> account</span></a></div>',s=t.reblog.created_at):(a=t.url,o='<a href="'+t.account.url+'" class="mt-toot-avatar" rel="nofollow noopener noreferrer" target="_blank"><div class="mt-toot-avatar-image"><img src="'+t.account.avatar+'" alt="'+t.account.username+' avatar" loading="lazy" /></div></a>',i='<div class="mt-toot-header-user"><a href="'+t.account.url+'" rel="nofollow noopener noreferrer" target="_blank">'+(t.account.display_name?t.account.display_name:t.account.username)+'<span class="visually-hidden"> account</span></a></div>',s=t.created_at),r=this.formatDate(s);let n='<div class="mt-toot-header-date"><a href="'+a+'" rel="nofollow noopener noreferrer" target="_blank"><time datetime="'+s+'">'+r+"</time></a></div>",l="";"0"!==this.TEXT_MAX_LINES&&(l="truncate",document.documentElement.style.setProperty("--text-max-lines",this.TEXT_MAX_LINES));let d="";d=""!==t.spoiler_text?'<div class="mt-toot-text">'+t.spoiler_text+' <button type="button" class="spoiler-btn" aria-expanded="false">Show more</button><div class="spoiler-text-hidden">'+this.formatTootText(t.content)+"</div></div>":t.reblog&&""!==t.reblog.content&&""!==t.reblog.spoiler_text?'<div class="mt-toot-text">'+t.reblog.spoiler_text+' <button type="button" class="spoiler-btn" aria-expanded="false">Show more</button><div class="spoiler-text-hidden">'+this.formatTootText(t.reblog.content)+"</div></div>":t.reblog&&""!==t.reblog.content&&""===t.reblog.spoiler_text?'<div class="mt-toot-text'+l+'"><div class="mt-toot-text-wrapper">'+this.formatTootText(t.reblog.content)+"</div></div>":'<div class="mt-toot-text'+l+'"><div class="mt-toot-text-wrapper">'+this.formatTootText(t.content)+"</div></div>";let c="";if(t.media_attachments.length>0)for(let m in t.media_attachments)c=this.placeMedias(t.media_attachments[m],t.sensitive);if(t.reblog&&t.reblog.media_attachments.length>0)for(let h in t.reblog.media_attachments)c=this.placeMedias(t.reblog.media_attachments[h],t.reblog.sensitive);let p="";!this.HIDE_PREVIEW_LINK&&t.card&&(p=this.placePreviewLink(t.card));let u="",v="";if(t.poll){for(let g in t.poll.options)v+="<li>"+t.poll.options[g].title+"</li>";u='<div class="mt-toot-poll"><ul>'+v+"</ul></div>"}let E="";if(!this.HIDE_COUNTER_BAR){let _='<div class="mt-toot-counter-bar-replies"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1792 1600" aria-hidden="true"><path d="M1792 1056q0 166-127 451q-3 7-10.5 24t-13.5 30t-13 22q-12 17-28 17q-15 0-23.5-10t-8.5-25q0-9 2.5-26.5t2.5-23.5q5-68 5-123q0-101-17.5-181t-48.5-138.5t-80-101t-105.5-69.5t-133-42.5t-154-21.5t-175.5-6H640v256q0 26-19 45t-45 19t-45-19L19 621Q0 602 0 576t19-45L531 19q19-19 45-19t45 19t19 45v256h224q713 0 875 403q53 134 53 333z"/></svg>'+t.replies_count+"</div>",T;E='<div class="mt-toot-counter-bar">'+_+('<div class="mt-toot-counter-bar-reblog"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1280" aria-hidden="true"><path d="M1280 1248q0 13-9.5 22.5t-22.5 9.5H288q-8 0-13.5-2t-9-7t-5.5-8t-3-11.5t-1-11.5V640H64q-26 0-45-19T0 576q0-24 15-41l320-384q19-22 49-22t49 22l320 384q15 17 15 41q0 26-19 45t-45 19H512v384h576q16 0 25 11l160 192q7 10 7 21zm640-416q0 24-15 41l-320 384q-20 23-49 23t-49-23l-320-384q-15-17-15-41q0-26 19-45t45-19h192V384H832q-16 0-25-12L647 180q-7-9-7-20q0-13 9.5-22.5T672 128h960q8 0 13.5 2t9 7t5.5 8t3 11.5t1 11.5v600h192q26 0 45 19t19 45z"/></svg>'+t.reblogs_count+"</div>")+('<div class="mt-toot-counter-bar-favorites"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1664 1600" aria-hidden="true"><path d="M1664 615q0 22-26 48l-363 354l86 500q1 7 1 20q0 21-10.5 35.5T1321 1587q-19 0-40-12l-449-236l-449 236q-22 12-40 12q-21 0-31.5-14.5T301 1537q0-6 2-20l86-500L25 663Q0 636 0 615q0-37 56-46l502-73L783 41q19-41 49-41t49 41l225 455l502 73q56 9 56 46z"/></svg>'+t.favourites_count)+"</div></div>"}return'<article class="mt-toot" aria-posinset="'+(e+1)+'" aria-setsize="'+this.TOOTS_LIMIT+'" data-location="'+a+'" tabindex="0">'+o+'<div class="mt-toot-header">'+i+n+"</div>"+d+c+p+u+E+"</article>"},MastodonApi.prototype.formatTootText=function(t){let e=t;return e=this.addTarget2hashtagMention(e),this.HIDE_EMOJOS||(e=this.showEmojos(e,this.FETCHED_DATA.emojos)),this.MARKDOWN_BLOCKQUOTE&&(e=this.replaceHTMLtag(e,"<p>&gt;","</p>","<blockquote><p>","</p></blockquote>")),e},MastodonApi.prototype.addTarget2hashtagMention=function(t){let e=t.replaceAll('rel="tag"','rel="tag" target="_blank"');return e.replaceAll('class="u-url mention"','class="u-url mention" target="_blank"')},MastodonApi.prototype.showEmojos=function(t,e){if(!t.includes(":"))return t;for(let o of e){let i=RegExp(`\\:${o.shortcode}\\:`,"g");t=t.replace(i,`<img src="${o.url}" class="custom-emoji" alt="Emoji ${o.shortcode}" />`)}return t},MastodonApi.prototype.replaceHTMLtag=function(t,e,o,i,a){if(!t.includes(e))return t;{let s=RegExp(e+"(.*?)"+o,"gi");return t.replace(s,i+"$1"+a)}},MastodonApi.prototype.placeMedias=function(t,e){let o=e||!1,i='<div class="mt-toot-media img-ratio14_7 '+(o?"mt-toot-media-spoiler ":"")+this.SPINNER_CLASS+'">'+(o?'<button class="spoiler-btn">Show content</button>':"")+'<img src="'+t.preview_url+'" alt="'+(t.description?t.description:"")+'" loading="lazy" /></div>';return i},MastodonApi.prototype.placePreviewLink=function(t){return'<a href="'+t.url+'" class="mt-toot-preview" target="_blank" rel="noopener noreferrer">'+(t.image?'<div class="mt-toot-preview-image '+this.SPINNER_CLASS+'"><img src="'+t.image+'" alt="" loading="lazy" /></div>':'<div class="mt-toot-preview-noImage">\uD83D\uDCC4</div>')+'</div><div class="mt-toot-preview-content">'+(t.provider_name?'<span class="mt-toot-preview-provider">'+t.provider_name+"</span>":"")+'<span class="mt-toot-preview-title">'+t.title+"</span>"+(t.author_name?'<span class="mt-toot-preview-author">By '+t.author_name+"</span>":"")+"</div></a>"},MastodonApi.prototype.formatDate=function(t){let e=new Date(t),o=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec",][e.getMonth()]+" "+e.getDate()+", "+e.getFullYear();return o},MastodonApi.prototype.manageSpinner=function(){let t=this.SPINNER_CLASS,e=function(){this.parentNode.classList.remove(t),this.removeEventListener("load",e),this.removeEventListener("error",e)};this.mtBodyContainer.querySelectorAll(`.${this.SPINNER_CLASS} > img`).forEach(t=>{t.addEventListener("load",e),t.addEventListener("error",e)})};
+window.addEventListener("load",()=>{new MastodonApi({container_body_id:"mt-body",spinner_class:"loading-spinner",default_theme:"auto",instance_url:"https://mastodon.online",timeline_type:"local",user_id:"",profile_name:"",hashtag_name:"",toots_limit:"20",hide_unlisted:!1,hide_reblog:!1,hide_replies:!1,hide_preview_link:!1,hide_emojos:!1,markdown_blockquote:!1,hide_counter_bar:!1,text_max_lines:"0",link_see_more:"See more posts at Mastodon"})});const MastodonApi=function(t){this.CONTAINER_BODY_ID=t.container_body_id||"mt-body",this.SPINNER_CLASS=t.spinner_class||"loading-spinner",this.DEFAULT_THEME=t.default_theme||"auto",this.INSTANCE_URL=t.instance_url,this.USER_ID=t.user_id||"",this.PROFILE_NAME=this.USER_ID?t.profile_name:"",this.TIMELINE_TYPE=t.timeline_type||"local",this.HASHTAG_NAME=t.hashtag_name||"",this.TOOTS_LIMIT=t.toots_limit||"20",this.HIDE_UNLISTED=void 0!==t.hide_unlisted&&t.hide_unlisted,this.HIDE_REBLOG=void 0!==t.hide_reblog&&t.hide_reblog,this.HIDE_REPLIES=void 0!==t.hide_replies&&t.hide_replies,this.HIDE_PREVIEW_LINK=void 0!==t.hide_preview_link&&t.hide_preview_link,this.HIDE_EMOJOS=void 0!==t.hide_emojos&&t.hide_emojos,this.MARKDOWN_BLOCKQUOTE=void 0!==t.markdown_blockquote&&t.markdown_blockquote,this.HIDE_COUNTER_BAR="undefined"!==t.hide_counter_bar&&t.hide_counter_bar,this.TEXT_MAX_LINES=t.text_max_lines||"0",this.LINK_SEE_MORE=t.link_see_more,this.FETCHED_DATA={},this.mtBodyContainer=document.getElementById(this.CONTAINER_BODY_ID),this.buildTimeline()};MastodonApi.prototype.buildTimeline=async function(){for(let t in this.setTheme(),await this.getTimelineData(),this.mtBodyContainer.innerHTML="",this.FETCHED_DATA.timeline)("public"==this.FETCHED_DATA.timeline[t].visibility||!this.HIDE_UNLISTED&&"unlisted"==this.FETCHED_DATA.timeline[t].visibility)&&(this.HIDE_REBLOG&&this.FETCHED_DATA.timeline[t].reblog||this.HIDE_REPLIES&&this.FETCHED_DATA.timeline[t].in_reply_to_id||this.appendToot(this.FETCHED_DATA.timeline[t],Number(t)));if(""===this.mtBodyContainer.innerHTML)this.mtBodyContainer.setAttribute("role","none"),this.mtBodyContainer.innerHTML='<div class="mt-error"><span class="mt-error-icon">\uD83D\uDCED</span><br/><strong>Sorry, no toots to show</strong><br/><div class="mt-error-message">Got '+this.FETCHED_DATA.timeline.length+' toots from the server but due to the "hide filters" applied, no toot is shown</div></div>';else{if(this.LINK_SEE_MORE){let e="";"profile"===this.TIMELINE_TYPE?e=this.PROFILE_NAME:"hashtag"===this.TIMELINE_TYPE?e="tags/"+this.HASHTAG_NAME:"local"===this.TIMELINE_TYPE&&(e="public/local");let o='<div class="mt-footer"><a href="'+this.INSTANCE_URL+"/"+e+'" target="_blank" rel="nofollow noopener noreferrer">'+this.LINK_SEE_MORE+"</a></div>";this.mtBodyContainer.parentNode.insertAdjacentHTML("beforeend",o)}this.manageSpinner()}this.mtBodyContainer.addEventListener("click",function(t){("article"==t.target.localName||t.target.offsetParent?.localName=="article"||"img"==t.target.localName)&&i(t),"button"==t.target.localName&&"spoiler-btn"==t.target.className&&a(t)}),this.mtBodyContainer.addEventListener("keydown",function(t){"Enter"===t.key&&"article"==t.target.localName&&i(t)});let i=function(t){let e=t.target.closest(".mt-toot").dataset.location;"a"!==t.target.localName&&"span"!==t.target.localName&&"button"!==t.target.localName&&"time"!==t.target.localName&&"mt-toot-preview-noImage"!==t.target.className&&"mt-toot-avatar-image-big"!==t.target.parentNode.className&&"mt-toot-avatar-image-small"!==t.target.parentNode.className&&"mt-toot-preview-image"!==t.target.parentNode.className&&e&&window.open(e,"_blank")},a=function(t){let e=t.target.nextSibling;"img"===e.localName?(t.target.parentNode.classList.remove("mt-toot-media-spoiler"),t.target.style.display="none"):(e.classList.contains("spoiler-text-hidden")||e.classList.contains("spoiler-text-visible"))&&("Show more"==t.target.textContent?(e.classList.remove("spoiler-text-hidden"),e.classList.add("spoiler-text-visible"),t.target.setAttribute("aria-expanded","true"),t.target.textContent="Show less"):(e.classList.remove("spoiler-text-visible"),e.classList.add("spoiler-text-hidden"),t.target.setAttribute("aria-expanded","false"),t.target.textContent="Show more"))}},MastodonApi.prototype.setTheme=function(){let t=function(t){document.documentElement.setAttribute("data-theme",t)};if("auto"===this.DEFAULT_THEME){let e=window.matchMedia("(prefers-color-scheme: dark)");e.matches?t("dark"):t("light"),e.addEventListener("change",e=>{e.matches?t("dark"):t("light")})}else t(this.DEFAULT_THEME)},MastodonApi.prototype.getTimelineData=async function(){return new Promise((t,e)=>{async function o(t){let e=await fetch(t);if(!e.ok)throw Error("Failed to fetch the following URL: "+t+"<hr>Error status: "+e.status+"<hr>Error message: "+e.statusText);let o=await e.json();return o}let i={};"profile"===this.TIMELINE_TYPE?i.timeline=`${this.INSTANCE_URL}/api/v1/accounts/${this.USER_ID}/statuses?limit=${this.TOOTS_LIMIT}`:"hashtag"===this.TIMELINE_TYPE?i.timeline=`${this.INSTANCE_URL}/api/v1/timelines/tag/${this.HASHTAG_NAME}?limit=${this.TOOTS_LIMIT}`:"local"===this.TIMELINE_TYPE&&(i.timeline=`${this.INSTANCE_URL}/api/v1/timelines/public?local=true&limit=${this.TOOTS_LIMIT}`),this.HIDE_EMOJOS||(i.emojos=this.INSTANCE_URL+"/api/v1/custom_emojis");let a=Object.entries(i).map(([t,i])=>o(i).then(e=>({[t]:e})).catch(o=>(e(Error("Something went wrong fetching data")),this.mtBodyContainer.innerHTML='<div class="mt-error"><span class="mt-error-icon">❌</span><br/><strong>Sorry, request failed:</strong><br/><div class="mt-error-message">'+o.message+"</div></div>",this.mtBodyContainer.setAttribute("role","none"),{[t]:[]})));Promise.all(a).then(e=>{this.FETCHED_DATA=e.reduce((t,e)=>({...t,...e}),{}),t()})})},MastodonApi.prototype.appendToot=function(t,e){this.mtBodyContainer.insertAdjacentHTML("beforeend",this.assambleToot(t,e))},MastodonApi.prototype.assambleToot=function(t,e){let o,i,a,s,r,n;t.reblog?(s=t.reblog.url,o='<a href="'+t.reblog.account.url+'" class="mt-toot-avatar" rel="nofollow noopener noreferrer" target="_blank"><div class="mt-toot-avatar-boosted"><div class="mt-toot-avatar-image-big"><img src="'+t.reblog.account.avatar+'" alt="'+t.reblog.account.username+' avatar" loading="lazy" /></div><div class="mt-toot-avatar-image-small"><img src="'+t.account.avatar+'" alt="'+t.account.username+' avatar" loading="lazy" /></div></div></a>',a=this.showEmojos(t.reblog.account.display_name?t.reblog.account.display_name:t.reblog.account.username,this.FETCHED_DATA.emojos),i='<div class="mt-toot-header-user"><a href="'+t.reblog.account.url+'" rel="nofollow noopener noreferrer" target="_blank">'+a+'<span class="visually-hidden"> account</span></a></div>',r=t.reblog.created_at):(s=t.url,o='<a href="'+t.account.url+'" class="mt-toot-avatar" rel="nofollow noopener noreferrer" target="_blank"><div class="mt-toot-avatar-standard"><div class="mt-toot-avatar-image-big"><img src="'+t.account.avatar+'" alt="'+t.account.username+' avatar" loading="lazy" /></div></div></a>',a=this.showEmojos(t.account.display_name?t.account.display_name:t.account.username,this.FETCHED_DATA.emojos),i='<div class="mt-toot-header-user"><a href="'+t.account.url+'" rel="nofollow noopener noreferrer" target="_blank">'+a+'<span class="visually-hidden"> account</span></a></div>',r=t.created_at),n=this.formatDate(r);let l='<div class="mt-toot-header-date"><a href="'+s+'" rel="nofollow noopener noreferrer" target="_blank"><time datetime="'+r+'">'+n+"</time></a></div>",d="";"0"!==this.TEXT_MAX_LINES&&(d="truncate",document.documentElement.style.setProperty("--text-max-lines",this.TEXT_MAX_LINES));let c="";c=""!==t.spoiler_text?'<div class="mt-toot-text">'+t.spoiler_text+' <button type="button" class="spoiler-btn" aria-expanded="false">Show more</button><div class="spoiler-text-hidden">'+this.formatTootText(t.content)+"</div></div>":t.reblog&&""!==t.reblog.content&&""!==t.reblog.spoiler_text?'<div class="mt-toot-text">'+t.reblog.spoiler_text+' <button type="button" class="spoiler-btn" aria-expanded="false">Show more</button><div class="spoiler-text-hidden">'+this.formatTootText(t.reblog.content)+"</div></div>":t.reblog&&""!==t.reblog.content&&""===t.reblog.spoiler_text?'<div class="mt-toot-text'+d+'"><div class="mt-toot-text-wrapper">'+this.formatTootText(t.reblog.content)+"</div></div>":'<div class="mt-toot-text'+d+'"><div class="mt-toot-text-wrapper">'+this.formatTootText(t.content)+"</div></div>";let m="";if(t.media_attachments.length>0)for(let h in t.media_attachments)m=this.placeMedias(t.media_attachments[h],t.sensitive);if(t.reblog&&t.reblog.media_attachments.length>0)for(let p in t.reblog.media_attachments)m=this.placeMedias(t.reblog.media_attachments[p],t.reblog.sensitive);let u="";!this.HIDE_PREVIEW_LINK&&t.card&&(u=this.placePreviewLink(t.card));let g="",v="";if(t.poll){for(let E in t.poll.options)v+="<li>"+t.poll.options[E].title+"</li>";g='<div class="mt-toot-poll"><ul>'+v+"</ul></div>"}let _="";if(!this.HIDE_COUNTER_BAR){let T='<div class="mt-toot-counter-bar-replies"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1792 1600" aria-hidden="true"><path d="M1792 1056q0 166-127 451q-3 7-10.5 24t-13.5 30t-13 22q-12 17-28 17q-15 0-23.5-10t-8.5-25q0-9 2.5-26.5t2.5-23.5q5-68 5-123q0-101-17.5-181t-48.5-138.5t-80-101t-105.5-69.5t-133-42.5t-154-21.5t-175.5-6H640v256q0 26-19 45t-45 19t-45-19L19 621Q0 602 0 576t19-45L531 19q19-19 45-19t45 19t19 45v256h224q713 0 875 403q53 134 53 333z"/></svg>'+t.replies_count+"</div>",$;_='<div class="mt-toot-counter-bar">'+T+('<div class="mt-toot-counter-bar-reblog"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1280" aria-hidden="true"><path d="M1280 1248q0 13-9.5 22.5t-22.5 9.5H288q-8 0-13.5-2t-9-7t-5.5-8t-3-11.5t-1-11.5V640H64q-26 0-45-19T0 576q0-24 15-41l320-384q19-22 49-22t49 22l320 384q15 17 15 41q0 26-19 45t-45 19H512v384h576q16 0 25 11l160 192q7 10 7 21zm640-416q0 24-15 41l-320 384q-20 23-49 23t-49-23l-320-384q-15-17-15-41q0-26 19-45t45-19h192V384H832q-16 0-25-12L647 180q-7-9-7-20q0-13 9.5-22.5T672 128h960q8 0 13.5 2t9 7t5.5 8t3 11.5t1 11.5v600h192q26 0 45 19t19 45z"/></svg>'+t.reblogs_count+"</div>")+('<div class="mt-toot-counter-bar-favorites"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1664 1600" aria-hidden="true"><path d="M1664 615q0 22-26 48l-363 354l86 500q1 7 1 20q0 21-10.5 35.5T1321 1587q-19 0-40-12l-449-236l-449 236q-22 12-40 12q-21 0-31.5-14.5T301 1537q0-6 2-20l86-500L25 663Q0 636 0 615q0-37 56-46l502-73L783 41q19-41 49-41t49 41l225 455l502 73q56 9 56 46z"/></svg>'+t.favourites_count)+"</div></div>"}return'<article class="mt-toot" aria-posinset="'+(e+1)+'" aria-setsize="'+this.TOOTS_LIMIT+'" data-location="'+s+'" tabindex="0"><div class="mt-toot-header">'+o+i+l+"</div>"+c+m+u+g+_+"</article>"},MastodonApi.prototype.formatTootText=function(t){let e=t;return e=this.addTarget2hashtagMention(e),this.HIDE_EMOJOS||(e=this.showEmojos(e,this.FETCHED_DATA.emojos)),this.MARKDOWN_BLOCKQUOTE&&(e=this.replaceHTMLtag(e,"<p>&gt;","</p>","<blockquote><p>","</p></blockquote>")),e},MastodonApi.prototype.addTarget2hashtagMention=function(t){let e=t.replaceAll('rel="tag"','rel="tag" target="_blank"');return e.replaceAll('class="u-url mention"','class="u-url mention" target="_blank"')},MastodonApi.prototype.showEmojos=function(t,e){if(!t.includes(":"))return t;for(let o of e){let i=RegExp(`\\:${o.shortcode}\\:`,"g");t=t.replace(i,`<img src="${o.url}" class="custom-emoji" alt="Emoji ${o.shortcode}" />`)}return t},MastodonApi.prototype.replaceHTMLtag=function(t,e,o,i,a){if(!t.includes(e))return t;{let s=RegExp(e+"(.*?)"+o,"gi");return t.replace(s,i+"$1"+a)}},MastodonApi.prototype.placeMedias=function(t,e){let o=e||!1,i='<div class="mt-toot-media img-ratio14_7 '+(o?"mt-toot-media-spoiler ":"")+this.SPINNER_CLASS+'">'+(o?'<button class="spoiler-btn">Show content</button>':"")+'<img src="'+t.preview_url+'" alt="'+(t.description?t.description:"")+'" loading="lazy" /></div>';return i},MastodonApi.prototype.placePreviewLink=function(t){return'<a href="'+t.url+'" class="mt-toot-preview" target="_blank" rel="noopener noreferrer">'+(t.image?'<div class="mt-toot-preview-image '+this.SPINNER_CLASS+'"><img src="'+t.image+'" alt="" loading="lazy" /></div>':'<div class="mt-toot-preview-noImage">\uD83D\uDCC4</div>')+'</div><div class="mt-toot-preview-content">'+(t.provider_name?'<span class="mt-toot-preview-provider">'+t.provider_name+"</span>":"")+'<span class="mt-toot-preview-title">'+t.title+"</span>"+(t.author_name?'<span class="mt-toot-preview-author">By '+t.author_name+"</span>":"")+"</div></a>"},MastodonApi.prototype.formatDate=function(t){let e=new Date(t),o=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec",][e.getMonth()]+" "+e.getDate()+", "+e.getFullYear();return o},MastodonApi.prototype.manageSpinner=function(){let t=this.SPINNER_CLASS,e=function(){this.parentNode.classList.remove(t),this.removeEventListener("load",e),this.removeEventListener("error",e)};this.mtBodyContainer.querySelectorAll(`.${this.SPINNER_CLASS} > img`).forEach(t=>{t.addEventListener("load",e),t.addEventListener("error",e)})};
\ No newline at end of file
diff --git a/src/mastodon-timeline.min.min.css b/src/mastodon-timeline.min.min.css
new file mode 100644
index 0000000..e69de29