On the build-in-list

If this cool thing is avaiable cross-platform-mozilla-able, I wanna have it: htmlArea - Turn any into a WYSIWYG editor</a>…</p> </div> <footer class="articlefooter"> <nav class="prevnext" aria-labelledby="pages-nav"> <h2 id="pages-nav" class="visually-hidden">Links zu vorigen oder späteren Einträgen</h2> <ul> <li class="previous-post"><a href="/couchblog/2003/02/25/mt-2-63/"><span class="visually-hidden">Voriger Eintrag: </span>MT 2.63</a></li> <li class="next-post"><a href="/couchblog/2003/02/27/bemerkt/"><span class="visually-hidden">Nächster Eintrag: </span>Bemerkt</a></li> </ul> </footer> <section id="welcomments__container" class="welcomments__container"><h3 id="welcomments__comment-count-title" class="welcomments__comments-title">Noch keine Kommentare.</h3><div id="welcomments__comment-container" class="welcomments__comment-container"></div> <p>Kommentare geschlossen.</p> </section> <script defer id="welcomments__script" src="/js/welcomments.js" type="text/javascript"></script> <script type="text/javascript"> welcomments = { apiUrl: "https://welcomments.io/api", // Updates the "x comments" title when there are comments that are dynamically loaded. // By default, the result of this function becomes the innerText of an element with the // id "welcomments__comment-count-title". It's okay if that element doesn't exist. commentCountTitleFactory: function (commentCount) { if (commentCount === 0) { return "Noch keine Kommentare."; } return commentCount === 1 ? "Ein Kommentar" : `${commentCount} Kommentare`; }, // Builds comments dynamically when they are not part of the static HTML of the rest of // your Eleventy website yet. Should return the desired HTML as a string. By default, appends // the resulting HTML as a child element into the correct position in an element with the // id "welcomments__comment-container". placeholderCommentFactory: function (comment) { var year = new Intl.DateTimeFormat("en", {year: "numeric"}).format(comment.date); var month = new Intl.DateTimeFormat("en", {month: "long"}).format(comment.date); var day = new Intl.DateTimeFormat("en", {day: "2-digit"}).format(comment.date); var avatarUrl = comment.author.avatar_url || `https://eu.ui-avatars.com/api/?background=random&name=${comment.author.name}` return `<article id="welcomments__comment-${comment.id}" class="welcomments__comment" data-comment-id="${comment.id}" data-author-name="${comment.author.name}" data-nesting-level="0" itemprop="comment" itemscope itemtype="https://schema.org/Comment"> <div class="welcomments__comment-header"> <div class="welcomments__author-information"> <div class="welcomments__author-name-and-time"> <h3 class="welcomments__author-name" itemprop="author" itemscope itemtype="https://schema.org/Person"> <span itemprop="name">${comment.author.name}</span> </h3> <p class="welcomments__comment-time"> <a href="#welcomments__comment-${comment.id}" itemprop="url"> <time datetime="" itemprop="datePublished">${month} ${day}, ${year}</time> </a> </p> </div> </div> </div> <div itemprop="text" class="welcomments__comment-message">${comment.message}</div> <a hidden class="welcomments__comment-reply-link" href="https://welcomments.io/api/websites/u6qGszNBbQtMLVycDuAz39p0u/comments/${comment.id}/reply"> Reply to ${comment.author.name} </a> </article> `; }, }; </script> </article> </main> <footer class="page-footer"> <div class="kb-club"> <a target="blank" href="https://512kb.club"><span class="kb-club-no-bg">512KB Club</span><span class="kb-club-bg">Orange Team</span></a> </div> <p><small>© 2024 Couchblog, All rights reserved unless otherwise stated.</small></p> <p class="visually-hidden">Couchblog auf <a rel="me" href="https://digitalcourage.social/@nicobruenjes">Mastodon</a>.</p> </footer> </div> <dialog id="video-dialog" class="video-dialog"> <div class="video-dialog-header"> <h3>Hinweis…</h3> <button class="video-dismiss close" aria-label="Schliessen"> <svg class="close-icon" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><title>Schließen</title><path d="M16.207 3.207l-1.414-1.414L9 7.586 3.207 1.793 1.793 3.207 7.586 9l-5.793 5.793 1.414 1.414L9 10.414l5.793 5.793 1.414-1.414L10.414 9z"></path></svg> </button> </div> <div class="video-dialog-body"> <p>Diese Seite enthält Videos von Youtube. Diese sind standardmäßig deaktiviert. <em>Falls</em> Du unten auf „Ja“ klickst, werden Daten von Youtube auf Deinen Rechner geladen und so mindestens Deine IP-Adresse an Youtube weiter gegeben. Cookies werden nicht verwendet. <a href="https://couchblog.de/seiten/datenschutzerklaerung/#m328">Mehr Infos</a>.</p> <p><strong>Möchtest du Youtube auf dieser Seite aktivieren?</strong></p> </div> <div class="video-dialog-footer"> <button class="video-dismiss">Nein, danke.</button> <button class="video-affirm">Ja, auf jeden Fall!</button> </div> </dialog> <script> const videos = document.querySelectorAll('lite-youtube'); const dialog = document.querySelector('#video-dialog'); if ( videos.length > 0 ) { setTimeout(function() { dialog.show(); }, 100); } else { dialog.parentNode.removeChild(dialog); } dialog.addEventListener('click', function(event) { if ( event.target.closest('.video-affirm') ) { for (const video of videos) { video.removeAttribute("style"); } let script = document.createElement("script"); script.src = "/js/lite-yt-embed.js"; script.async = true; document.querySelector('head').appendChild(script); } dialog.close(); }); dialog.addEventListener('close', function(event) { dialog.parentNode.removeChild(dialog); }); </script> </body> </html>