diff options
Diffstat (limited to 'micro.pinapelz.moe/posts/2026-02-19-10-discord-rant/index.html')
| -rw-r--r-- | micro.pinapelz.moe/posts/2026-02-19-10-discord-rant/index.html | 501 |
1 files changed, 501 insertions, 0 deletions
diff --git a/micro.pinapelz.moe/posts/2026-02-19-10-discord-rant/index.html b/micro.pinapelz.moe/posts/2026-02-19-10-discord-rant/index.html new file mode 100644 index 0000000..7aa4b3b --- /dev/null +++ b/micro.pinapelz.moe/posts/2026-02-19-10-discord-rant/index.html @@ -0,0 +1,501 @@ +<!DOCTYPE html> +<html lang="en-us"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <style type=text/css>body{font-family:monospace;}</style> + <title>Discord Rant | micro.pinapelz.moe</title> + + <meta name="author" content="map[avatar:https://files.catbox.moe/5r1pue.jpg banner:https://files.pinapelz.com/pso2ngs-2232-collab.png bio:yo! and he's more than a cover he's a quilt<br/> + General arcade rhythm game enjoyer (SDVX, IIDX, CHUNITHM)<br/> + Mostly play MMOs (FFXIV, OSRS), JRPGs, and VNs (anything with a good story)<br/> + I Watch only slice of life (and Bandori)<br/> + Arch Linux + Hyprland user (btw)<br/> + Hi from the <a href="https://indieweb.org/">indieweb</a>, if you are seeing me bridged elsewhere! email:yukais@pinapelz.com name:Pinapelz]"> + <link rel="stylesheet" href="/css/style.css"> + + + + <link rel="me" href="https://github.com/pinapelz" /> + <link rel="me" href="mailto:yukais@pinapelz.com" /> + <link rel="me" href="https://sakurajima.social/@pinapelz" /> + <link rel="me" href="https://bsky.app/profile/pinapelz.moe" /><link rel="pgpkey" href="https://pinapelz.com/Yukai_Shan.asc"> + <link + rel="authorization_endpoint" + href="https://indieauth.com/auth" + /> + <link + rel="token_endpoint" + href="https://tokens.indieauth.com/token" + /> + <link rel="webmention" href="https://webmention.io/micro.pinapelz.moe/webmention" /> + + + +</head> +<body> + <header> + <div style="display:flex;flex-flow:row wrap;justify-content:space-between"> + <div style="align-self:flex-start;"> + ==============<br> + == <a href="https://micro.pinapelz.moe/">Pinapelz</a> ==<br> + ============== + </div> + <div style="align-self:center;">check it out. I'm in the house like carpet</div> + </div> + <nav style="margin: 1rem auto;"> + + + <a href="/posts/"><b>Posts</b></a>. + + <a href="/categories/"><b>Categories</b></a>. + + <a href="/tags/"><b>Tags</b></a>. + + + </nav> +</header> + + + + <main> + <article class="h-entry"> + <a class="u-bridgy-fed" href="https://fed.brid.gy/" hidden="from-humans"></a> + <h1 class="p-name">Discord Rant</h1> + <div hidden><div class="h-card p-author bio-card" style="text-align:center;"> + + <div class="banner" style="margin-bottom: 1rem; position: relative;"> + <img class="u-featured" src="https://files.pinapelz.com/pso2ngs-2232-collab.png" alt="Banner" style="width: 100%; max-width: 400px; height: auto; border-radius: 8px; opacity: 0.6;"> + <img class="u-photo avatar" src="https://files.catbox.moe/5r1pue.jpg" alt="Pinapelz's avatar" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);"> + </div> + + <div class="bio"> + <p class="p-note">yo! and he's more than a cover he's a quilt<br/> + General arcade rhythm game enjoyer (SDVX, IIDX, CHUNITHM)<br/> + Mostly play MMOs (FFXIV, OSRS), JRPGs, and VNs (anything with a good story)<br/> + I Watch only slice of life (and Bandori)<br/> + Arch Linux + Hyprland user (btw)<br/> + Hi from the <a href="https://indieweb.org/">indieweb</a>, if you are seeing me bridged elsewhere!</p> + </div> + <p class="bio-name"><a href="https://micro.pinapelz.moe/" rel="me" class="p-nickname p-name u-url">Pinapelz</a></p> +</div> +<hr/> +</div> + + + <div><b> + <time class="dt-published" datetime="2026-02-19T19:17:04-08:00"> + Thursday, February 19, 2026 + </time> + - <a href="https://micro.pinapelz.moe/posts/2026-02-19-10-discord-rant/" class="u-url u-uid" >Permalink</a> + </b></div> + <div class="article-meta"><span class="categories"> + Categories: + + <a href="/categories/default">default</a> + + </span>--<span class="tags"> + Tags: + + #<a href="/tags/default" class="p-category">default</a> + + </span></div><div class="e-content"> + <p>We’ve seen time and time again that there is “no such thing as a free lunch”. The same is true for Discord.</p> +<ol> +<li>Offer a service that is much better than all the competitors</li> +<li>Attract a bunch of users</li> +<li>Burn VC money</li> +<li>Repeat 1-3 until its time to pay them back</li> +<li>Figure out how to make money</li> +</ol> +<p>Nitro doesn’t fund the platform, hosting free voice and screenshare is more expensive than you think. Ultimately, any choice of software for me boils down to “what value do I get out of it”.</p> +<p>Look, free is free, and nothing can and will ever beat the value of free. There’s still plenty of reasons to move even if you are a free user, but that’s not the point of this. What I want to take a look at is what value you are actually getting as a paying user.</p> +<p>If you wanted to take advantage of ALL of Discord’s features, such as the higher quality screen share + audio or vanity for servers; you need to buy Nitro and boost your server. Nitro comes out to $99.99 a year for Nitro and around $490 a year for the 14 boosts to Tier 3. For me, it feels like the company if scavenging for opportunities to make money, making features like server banners and vanity links paid (which I suppose is how capitalism works, but for what you get at that price point it seems ridiculous). Even if we lower it down to no Nitro and just 2 boosts to get the additional custom emoji slots on a server, <strong>that’s still around $6 a month</strong>.</p> +<p>Let’s say you do opt for this $6 price point. Is it good value? I suppose it depends. I can spin up Teamspeak 6 and Matrix on a CPX11 for 6 Euros a month from Hetzner. Services that give me all the features from the start without all the paywalling BS. In fact, Discord can capture this as well if they changed their pricing model, but I believe their too deep into this situation where they now have to fund the free users or risk everyone migrating elsewhere.</p> +<p>Not to mention, the Discord client has gotten progressively worse over the years, all these accessories and animations do is lag out the client which they don’t even seem to understand the codebase of anymore.</p> +<p>What Discord sells is convenience, regardless of the Face ID or data collection, the value is not there and hasn’t been there from a “running a small community” perspective. There’s much better options where you have much more agency over your data, as well as have more fine-grain control over optimizing cost. I suppose you can think of it as going to McDonalds or actually making dinner.</p> + + </div> + + + + + + + <section id="comments" class="webmentions"> + <h2 class="wm-title">Webmentions</h2> + <div id="mentions" class="wm-list">Loading…</div> +</section> + +<style> +.webmentions { + margin-top: 2.5rem; + padding-top: 1rem; + border-top: 2px dashed var(--hrcolor); +} + +.webmentions .wm-title { + color: var(--titlecolor); + margin-bottom: 1rem; +} + +.wm-list { + display: flex; + flex-direction: column; + gap: 1.5rem; +} + + +.wm-reactions { + margin-bottom: 1.5rem; +} + +.wm-reaction-group { + margin-bottom: 1rem; +} + +.wm-reaction-title { + font-size: 1.1rem; + font-weight: 600; + color: var(--titlecolor); + margin-bottom: 0.5rem; + text-transform: uppercase; + letter-spacing: 0.5px; +} + +.wm-avatar-grid { + display: flex; + flex-wrap: wrap; + gap: 4px; + align-items: center; +} + +.wm-avatar { + position: relative; + display: inline-block; +} + +.wm-avatar img { + width: 40px; + height: 40px; + border-radius: 50%; + border: 2px solid var(--hrcolor); + transition: transform 0.2s ease, box-shadow 0.2s ease; +} + +.wm-avatar:hover img { + transform: scale(1.1); + box-shadow: 0 4px 12px rgba(255, 140, 200, 0.4); +} + +.wm-avatar-tooltip { + position: absolute; + bottom: 120%; + left: 50%; + transform: translateX(-50%); + background: var(--blockquotecolor); + color: var(--titlecolor); + padding: 4px 8px; + border-radius: 4px; + font-size: 0.8rem; + white-space: nowrap; + opacity: 0; + pointer-events: none; + transition: opacity 0.2s ease; + z-index: 10; + border: 1px solid var(--hrcolor); +} + +.wm-avatar:hover .wm-avatar-tooltip { + opacity: 1; +} + + +.wm-comments-header { + font-size: 1.1rem; + font-weight: 600; + color: var(--titlecolor); + margin-bottom: 0.5rem; + margin-top: 1rem; + text-transform: uppercase; + letter-spacing: 0.5px; +} + + +.wm-regular { + display: flex; + flex-direction: column; + gap: 0.75rem; +} + +.wm { + display: flex; + gap: 0.6rem; + padding: 0.6rem 0.75rem; + border-radius: 10px; + background: var(--alertbgcolor); + border: 1px solid var(--hrcolor); + box-shadow: 0 0 6px rgba(255, 180, 220, 0.22); +} + +.wm-author img { + width: 32px; + height: 32px; + border-radius: 50%; + box-shadow: 0 0 4px rgba(255, 140, 200, 0.35); +} + +.wm-body { + flex: 1; + font-size: 0.9rem; +} + +.wm-author-name a { + font-weight: 600; + color: var(--linkcolor); +} + +.wm-type { + font-size: 0.8rem; + margin-top: 2px; + color: var(--titlecolor); +} + +.wm-content { + margin-top: 4px; + padding: 6px 8px; + font-size: 0.9rem; + background: var(--blockquotecolor); + border-left: 3px solid var(--hrcolor); + border-radius: 6px; +} + +.wm-meta { + margin-top: 3px; + font-size: 0.75rem; + opacity: 0.7; +} + +.wm-meta a { + color: var(--linkcolor); +} + + +@media (max-width: 600px) { + .wm-avatar img { + width: 32px; + height: 32px; + } + + .wm-avatar-grid { + gap: 3px; + } + + .wm-reaction-title { + font-size: 1rem; + } + + .wm-comments-header { + font-size: 1rem; + } +} +</style> + +<script> +const PAGE_URL = "https:\/\/micro.pinapelz.moe\/posts\/2026-02-19-10-discord-rant\/"; + +async function loadMentions() { + const url = + "https://webmention.io/api/mentions.jf2?domain=micro.pinapelz.moe&token=hdjQAqlZwgJmSuPSiU8h8w"; + + const res = await fetch(url); + const data = await res.json(); + + const container = document.getElementById("mentions"); + container.innerHTML = ""; + + + const mentions = data.children.filter(m => { + const t = m["wm-target"]; + const inReply = m["in-reply-to"]; + const likeOf = m["like-of"]; + const repostOf = m["repost-of"]; + const mentionOf = m["mention-of"]; + + return ( + t === PAGE_URL || + inReply === PAGE_URL || + likeOf === PAGE_URL || + repostOf === PAGE_URL || + mentionOf === PAGE_URL + ); + }); + + if (!mentions.length) { + container.innerHTML = "<p>No webmentions yet.</p>"; + return; + } + + + const likes = mentions.filter(m => m["wm-property"] === "like-of"); + const reposts = mentions.filter(m => m["wm-property"] === "repost-of"); + const replies = mentions.filter(m => m["wm-property"] === "in-reply-to"); + const regularMentions = mentions.filter(m => + !["like-of", "repost-of", "in-reply-to"].includes(m["wm-property"]) + ); + + + const reactionsDiv = document.createElement("div"); + reactionsDiv.className = "wm-reactions"; + + + if (reposts.length > 0) { + const repostGroup = document.createElement("div"); + repostGroup.className = "wm-reaction-group"; + + const repostTitle = document.createElement("div"); + repostTitle.className = "wm-reaction-title"; + repostTitle.textContent = `${reposts.length} Repost${reposts.length !== 1 ? 's' : ''}`; + + const repostGrid = document.createElement("div"); + repostGrid.className = "wm-avatar-grid"; + + reposts.forEach(mention => { + const author = mention.author || {}; + const avatarDiv = document.createElement("div"); + avatarDiv.className = "wm-avatar"; + + avatarDiv.innerHTML = ` + <a href="${author.url || "#"}" target="_blank"> + <img src="${author.photo || ""}" alt="${author.name || 'Unknown'}" /> + </a> + <div class="wm-avatar-tooltip">${author.name || 'Unknown'}</div> + `; + + repostGrid.appendChild(avatarDiv); + }); + + repostGroup.appendChild(repostTitle); + repostGroup.appendChild(repostGrid); + reactionsDiv.appendChild(repostGroup); + } + + + if (likes.length > 0) { + const likeGroup = document.createElement("div"); + likeGroup.className = "wm-reaction-group"; + + const likeTitle = document.createElement("div"); + likeTitle.className = "wm-reaction-title"; + likeTitle.textContent = `${likes.length} Like${likes.length !== 1 ? 's' : ''}`; + + const likeGrid = document.createElement("div"); + likeGrid.className = "wm-avatar-grid"; + + likes.forEach(mention => { + const author = mention.author || {}; + const avatarDiv = document.createElement("div"); + avatarDiv.className = "wm-avatar"; + + avatarDiv.innerHTML = ` + <a href="${author.url || "#"}" target="_blank"> + <img src="${author.photo || ""}" alt="${author.name || 'Unknown'}" /> + </a> + <div class="wm-avatar-tooltip">${author.name || 'Unknown'}</div> + `; + + likeGrid.appendChild(avatarDiv); + }); + + likeGroup.appendChild(likeTitle); + likeGroup.appendChild(likeGrid); + reactionsDiv.appendChild(likeGroup); + } + + + if (reactionsDiv.children.length > 0) { + container.appendChild(reactionsDiv); + } + + + const regularMentionsToShow = [...replies, ...regularMentions]; + + if (regularMentionsToShow.length > 0) { + + const commentsHeader = document.createElement("div"); + commentsHeader.className = "wm-comments-header"; + commentsHeader.textContent = "Comments"; + container.appendChild(commentsHeader); + + const regularDiv = document.createElement("div"); + regularDiv.className = "wm-regular"; + + regularMentionsToShow.forEach(m => { + const div = document.createElement("div"); + div.className = "wm"; + + const author = m.author || {}; + const content = m.content || {}; + const type = + m["wm-property"] === "in-reply-to" ? "replied đź’¬" : + "mentioned this"; + + div.innerHTML = ` + <div class="wm-author"> + <img src="${author.photo || ""}" alt="${author.name || 'Unknown'}"> + </div> + + <div class="wm-body"> + <div class="wm-author-name"> + <a href="${author.url || "#"}" target="_blank"> + ${author.name || "Unknown"} + </a> + </div> + + <div class="wm-type">${type}</div> + + ${content.text ? `<div class="wm-content">${content.text}</div>` : ""} + + <div class="wm-meta"> + <a href="${m.url}" target="_blank">source</a> • + ${m["wm-received"] + ? new Date(m["wm-received"]).toLocaleString() + : ""} + </div> + </div> + `; + regularDiv.appendChild(div); + }); + + container.appendChild(regularDiv); + } + + + if (container.children.length === 0) { + container.innerHTML = "<p>No webmentions yet.</p>"; + } +} + +loadMentions(); +</script> + + </article> + </main> + + <hr /> +<footer> + <p> + <a href="https://github.com/pinapelz"><b>Github</b></a>. + <a href="https://pinapelz.moe"><b>pinapelz.moe</b></a>. + </p> + + + + <p style="text-align: center" class="copyright"> + © <a href="https://micro.pinapelz.moe/"><b>micro.pinapelz.moe</b></a>. + </p> +</footer> + +</body> +</html> |