Mercurial
diff mrjunejune/src/jrpg/index.html @ 262:0f45474c1b1a
Add cyberpunk JRPG blog browser
Show the latest posts in the JRPG preview and render the full blog archive and sanitized post details in the Inspect modal.
Co-authored-by: Copilot <[email protected]>
| author | MrJuneJune <mrjunejune@users.noreply.github.com> |
|---|---|
| date | Thu, 06 Aug 2026 04:08:45 -0700 |
| parents | b401627fc49e |
| children | ee04e4e69fed |
line wrap: on
line diff
--- a/mrjunejune/src/jrpg/index.html Wed Aug 05 20:38:32 2026 -0700 +++ b/mrjunejune/src/jrpg/index.html Thu Aug 06 04:08:45 2026 -0700 @@ -107,7 +107,7 @@ <zen-icon name="search"></zen-icon> </button> </zen-button> - <dialog class="jrpg-resume-dialog" aria-labelledby="jrpg-dialog-title"> + <dialog class="jrpg-detail-dialog" aria-labelledby="jrpg-dialog-title"> <div class="jrpg-dialog-heading"> <p>DESTINATION DATA</p> <zen-button appearance="plain" size="md"> @@ -126,6 +126,23 @@ <p data-resume-status>Loading resume dossier...</p> <div data-resume-content></div> </section> + <section + class="jrpg-blog-browser" + data-blog-browser + aria-label="Blog archive" + hidden + > + <aside> + <h3>All blogs</h3> + <ol data-blog-list> + <li>Loading blog archive...</li> + </ol> + </aside> + <article> + <p data-blog-status>Select a blog to inspect.</p> + <div data-blog-content></div> + </article> + </section> <div class="jrpg-dialog-actions"> <zen-button appearance="plain" size="lg"> <a href="/resume" data-preview-link>