summaryrefslogtreecommitdiffstats
path: root/micro.pinapelz.com/posts/2025-12-06-first-sdvx-18
diff options
context:
space:
mode:
authorPinapelz <yukais@pinapelz.com>2026-06-12 18:35:59 -0700
committerPinapelz <yukais@pinapelz.com>2026-06-12 18:35:59 -0700
commitf06f7ebccd7fd6fd96ca4dc403e91b804fa0a08d (patch)
tree91d2772d34129564cf9ae4ca1a70afe8c6d9de45 /micro.pinapelz.com/posts/2025-12-06-first-sdvx-18
parent83b01596a639a2ac9d8c847d33f666c70bf702a9 (diff)
move microblog to main blog
Diffstat (limited to 'micro.pinapelz.com/posts/2025-12-06-first-sdvx-18')
-rw-r--r--micro.pinapelz.com/posts/2025-12-06-first-sdvx-18/18.webpbin339632 -> 0 bytes
-rw-r--r--micro.pinapelz.com/posts/2025-12-06-first-sdvx-18/index.html496
2 files changed, 0 insertions, 496 deletions
diff --git a/micro.pinapelz.com/posts/2025-12-06-first-sdvx-18/18.webp b/micro.pinapelz.com/posts/2025-12-06-first-sdvx-18/18.webp
deleted file mode 100644
index 83768f7..0000000
--- a/micro.pinapelz.com/posts/2025-12-06-first-sdvx-18/18.webp
+++ /dev/null
Binary files differ
diff --git a/micro.pinapelz.com/posts/2025-12-06-first-sdvx-18/index.html b/micro.pinapelz.com/posts/2025-12-06-first-sdvx-18/index.html
deleted file mode 100644
index 0d0594a..0000000
--- a/micro.pinapelz.com/posts/2025-12-06-first-sdvx-18/index.html
+++ /dev/null
@@ -1,496 +0,0 @@
-<!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>First MXM 18 Cleared! | micro.pinapelz.com</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&#39;s more than a cover he&#39;s a quilt&lt;br/&gt;
- General arcade rhythm game enjoyer (SDVX, IIDX, CHUNITHM)&lt;br/&gt;
- Mostly play MMOs (FFXIV, OSRS), JRPGs, and VNs (anything with a good story)&lt;br/&gt;
- I Watch only slice of life (and Bandori)&lt;br/&gt;
- Arch Linux &#43; Hyprland user (btw)&lt;br/&gt;
- Hi from the &lt;a href=&#34;https://indieweb.org/&#34;&gt;indieweb&lt;/a&gt;, 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.com/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.com/">Pinapelz</a> ==<br>
- ==============
- </div>
- <div style="align-self:center;">check it out. I&#39;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">First MXM 18 Cleared!</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.com/" rel="me" class="p-nickname p-name u-url">Pinapelz</a></p>
-</div>
-<hr/>
-</div>
-
-
- <div><b>
- <time class="dt-published" datetime="2025-12-06T22:33:23-08:00">
- Saturday, December 6, 2025
- </time>
- - <a href="https://micro.pinapelz.com/posts/2025-12-06-first-sdvx-18/" class="u-url u-uid" >Permalink</a>
- </b></div>
- <div class="article-meta"><span class="categories">
- Categories:
-
- <a href="/categories/games">games</a>
-
- </span>--<span class="tags">
- Tags:
-
- #<a href="/tags/arcade" class="p-category">arcade</a>
-
- </span></div><div class="e-content">
- <p>Cleared my first 18 difficulty chart in
-
-<a href="https://micro.pinapelz.com//tags/sdvx" class="p-category">#sdvx</a>
-</p>
-<p>Albeit its not a very difficult one, but I think I&rsquo;m finally starting to chip away at the 17-18 difficulty wall.
-<figure><img src="/posts/2025-12-06-first-sdvx-18/18.webp"
- alt="Sound Voltex Enchant 6 Clear" width="500">
-</figure>
-</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.com\/posts\/2025-12-06-first-sdvx-18\/";
-
-async function loadMentions() {
- const url =
- "https://webmention.io/api/mentions.jf2?domain=micro.pinapelz.com&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">
- &copy; <a href="https://micro.pinapelz.com/"><b>micro.pinapelz.com</b></a>.
- </p>
-</footer>
-
-</body>
-</html>
send patches to the email below
yukais@pinapelz.com
include the subject [PATCH repo_name]
pinapelz.com
homepage