The image could not be loaded.
',forceProgressiveLoading:!1,preload:[1,1],getNumItemsFn:function(){return Yb.length}},gc=function(){return{center:{x:0,y:0},max:{x:0,y:0},min:{x:0,y:0}}},hc=function(a,b,c){var d=a.bounds;d.center.x=Math.round((dc.x-b)/2),d.center.y=Math.round((dc.y-c)/2)+a.vGap.top,d.max.x=b>dc.x?Math.round(dc.x-b):d.center.x,d.max.y=c>dc.y?Math.round(dc.y-c)+a.vGap.top:d.center.y,d.min.x=b>dc.x?0:d.center.x,d.min.y=c>dc.y?a.vGap.top:d.center.y},ic=function(a,b,c){if(a.src&&!a.loadError){var d=!c;if(d&&(a.vGap||(a.vGap={top:0,bottom:0}),Da(\"parseVerticalMargin\",a)),dc.x=b.x,dc.y=b.y-a.vGap.top-a.vGap.bottom,d){var e=dc.x/a.w,f=dc.y/a.h;a.fitRatio=eNo comments (yet)!
\"\n return\n }\n for (const toot of toots) {\n toot.account.display_name = escapeHtml(toot.account.display_name)\n console.log(toot)\n toot.account.emojis.forEach(emoji => {\n toot.account.display_name = toot.account.display_name.replace(`:${emoji.shortcode}:`,\n `\n
`\n const child = DOMPurify.sanitize(comment, {'RETURN_DOM_FRAGMENT': true});\n const links = child.querySelectorAll('.tootlink');\n for (const link of links) {\n link.onclick = function() { return copyToClipboard(this); }\n }\n parentElement.appendChild(child);\n }\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", async (event) => {\n if (document.getElementsByClassName('gh-sidebar').length > 0) {\n const element = document.getElementById('mastodon-comments-list')\n const response = await fetch(`https://${MASTODON_HOST}/api/v1/accounts/${MASTODON_ACCOUNT_ID}/statuses?exclude_replies=true&exclude_reblogs=true`)\n const content = await response.json()\n return renderMastodonContent(content, element)\n }\n})\n","function pagination(isInfinite = true, done, isMasonry = false) {\n const feedElement = document.querySelector('.gh-feed');\n if (!feedElement) return;\n\n let loading = false;\n const target = feedElement.nextElementSibling || document.querySelector('.gh-footer');\n const buttonElement = document.querySelector('.gh-loadmore');\n\n if (!document.querySelector('link[rel=next]') && buttonElement) {\n buttonElement.remove();\n }\n\n const loadNextPage = async function () {\n const nextElement = document.querySelector('link[rel=next]');\n if (!nextElement) return;\n\n try {\n const res = await fetch(nextElement.href);\n const html = await res.text();\n const parser = new DOMParser();\n const doc = parser.parseFromString(html, 'text/html');\n\n const postElements = doc.querySelectorAll('.gh-feed:not(.gh-featured):not(.gh-related) > *');\n const fragment = document.createDocumentFragment();\n const elems = [];\n\n postElements.forEach(function (post) {\n var clonedItem = document.importNode(post, true);\n\n if (isMasonry) {\n clonedItem.style.visibility = 'hidden';\n }\n\n fragment.appendChild(clonedItem);\n elems.push(clonedItem);\n });\n\n feedElement.appendChild(fragment);\n\n if (done) {\n done(elems, loadNextWithCheck);\n }\n\n const resNextElement = doc.querySelector('link[rel=next]');\n if (resNextElement && resNextElement.href) {\n nextElement.href = resNextElement.href;\n } else {\n nextElement.remove();\n if (buttonElement) {\n buttonElement.remove();\n }\n }\n } catch (e) {\n nextElement.remove();\n throw e;\n }\n };\n\n const loadNextWithCheck = async function () {\n if (target.getBoundingClientRect().top <= window.innerHeight && document.querySelector('link[rel=next]')) {\n await loadNextPage();\n }\n }\n\n const callback = async function (entries) {\n if (loading) return;\n\n loading = true;\n\n if (entries[0].isIntersecting) {\n // keep loading next page until target is out of the viewport or we've loaded the last page\n if (!isMasonry) {\n while (target.getBoundingClientRect().top <= window.innerHeight && document.querySelector('link[rel=next]')) {\n await loadNextPage();\n }\n } else {\n await loadNextPage();\n }\n }\n\n loading = false;\n\n if (!document.querySelector('link[rel=next]')) {\n observer.disconnect();\n }\n };\n\n const observer = new IntersectionObserver(callback);\n\n if (isInfinite) {\n observer.observe(target);\n } else {\n buttonElement.addEventListener('click', loadNextPage);\n }\n}\n","// Toggle theme\n\nconst isOSLight = window.matchMedia(\"(prefers-color-scheme: light)\").matches\nconst localTheme = window.localStorage && window.localStorage.getItem(\"lightTheme\")\nconst themeToggle = document.querySelector(\".theme-toggle\")\n\nfunction changeFavicon() {\n const src = document.documentElement.classList.contains(\"dark-theme\") ? \"/img/favicon-dark.png\" : \"/img/favicon.png\";\n const link = document.createElement('link'),\n oldLink = document.getElementById('dynamic-favicon');\n link.id = 'dynamic-favicon';\n link.rel = 'shortcut icon';\n link.href = src;\n if (oldLink) {\n document.head.removeChild(oldLink);\n }\n document.head.appendChild(link);\n}\n\nfunction changeTheme(useLight) {\n document.documentElement.classList.remove('light-theme', 'dark-theme', 'has-light-text', 'has-dark-text')\n if (useLight) {\n document.documentElement.classList.add('light-theme', 'has-dark-text')\n } else {\n document.documentElement.classList.add('dark-theme', 'has-light-text')\n }\n\n if (window.localStorage) {\n window.localStorage.setItem(\n \"lightTheme\",\n useLight ? \"light\" : \"dark\")\n }\n\n changeFavicon()\n}\n\nthemeToggle.addEventListener(\"click\", () => {\n changeTheme(document.documentElement.classList.contains('dark-theme'))\n});\n\nif (localTheme === \"light\") {\n changeTheme(true)\n} else {\n changeTheme(isOSLight)\n}\n"]}\n ![\"${escapeHtml(toot.account.display_name)}'s](\"${escapeHtml(toot.account.avatar_static)}\")
\n
\n \n \n
\n \n ${toot.content}\n ${toot.uri}\n
\n