Mercurial

comparison mrjunejune/src/jrpg/index.html @ 262:0f45474c1b1a

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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
comparison
equal deleted inserted replaced
261:b401627fc49e 262:0f45474c1b1a
105 <button type="button" data-zen-trigger> 105 <button type="button" data-zen-trigger>
106 Inspect 106 Inspect
107 <zen-icon name="search"></zen-icon> 107 <zen-icon name="search"></zen-icon>
108 </button> 108 </button>
109 </zen-button> 109 </zen-button>
110 <dialog class="jrpg-resume-dialog" aria-labelledby="jrpg-dialog-title"> 110 <dialog class="jrpg-detail-dialog" aria-labelledby="jrpg-dialog-title">
111 <div class="jrpg-dialog-heading"> 111 <div class="jrpg-dialog-heading">
112 <p>DESTINATION DATA</p> 112 <p>DESTINATION DATA</p>
113 <zen-button appearance="plain" size="md"> 113 <zen-button appearance="plain" size="md">
114 <button type="button" data-zen-close aria-label="Close destination details"> 114 <button type="button" data-zen-close aria-label="Close destination details">
115 <zen-icon name="close"></zen-icon> 115 <zen-icon name="close"></zen-icon>
123 data-resume-dossier 123 data-resume-dossier
124 aria-label="Resume dossier" 124 aria-label="Resume dossier"
125 > 125 >
126 <p data-resume-status>Loading resume dossier...</p> 126 <p data-resume-status>Loading resume dossier...</p>
127 <div data-resume-content></div> 127 <div data-resume-content></div>
128 </section>
129 <section
130 class="jrpg-blog-browser"
131 data-blog-browser
132 aria-label="Blog archive"
133 hidden
134 >
135 <aside>
136 <h3>All blogs</h3>
137 <ol data-blog-list>
138 <li>Loading blog archive...</li>
139 </ol>
140 </aside>
141 <article>
142 <p data-blog-status>Select a blog to inspect.</p>
143 <div data-blog-content></div>
144 </article>
128 </section> 145 </section>
129 <div class="jrpg-dialog-actions"> 146 <div class="jrpg-dialog-actions">
130 <zen-button appearance="plain" size="lg"> 147 <zen-button appearance="plain" size="lg">
131 <a href="/resume" data-preview-link> 148 <a href="/resume" data-preview-link>
132 Open full page 149 Open full page