comparison mrjunejune/test/snapshots/jrpg.snapshot @ 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
comparison
equal deleted inserted replaced
261:b401627fc49e 262:0f45474c1b1a
134 <button type="button" data-zen-trigger> 134 <button type="button" data-zen-trigger>
135 Inspect 135 Inspect
136 <zen-icon name="search"></zen-icon> 136 <zen-icon name="search"></zen-icon>
137 </button> 137 </button>
138 </zen-button> 138 </zen-button>
139 <dialog class="jrpg-resume-dialog" aria-labelledby="jrpg-dialog-title"> 139 <dialog class="jrpg-detail-dialog" aria-labelledby="jrpg-dialog-title">
140 <div class="jrpg-dialog-heading"> 140 <div class="jrpg-dialog-heading">
141 <p>DESTINATION DATA</p> 141 <p>DESTINATION DATA</p>
142 <zen-button appearance="plain" size="md"> 142 <zen-button appearance="plain" size="md">
143 <button type="button" data-zen-close aria-label="Close destination details"> 143 <button type="button" data-zen-close aria-label="Close destination details">
144 <zen-icon name="close"></zen-icon> 144 <zen-icon name="close"></zen-icon>
152 data-resume-dossier 152 data-resume-dossier
153 aria-label="Resume dossier" 153 aria-label="Resume dossier"
154 > 154 >
155 <p data-resume-status>Loading resume dossier...</p> 155 <p data-resume-status>Loading resume dossier...</p>
156 <div data-resume-content></div> 156 <div data-resume-content></div>
157 </section>
158 <section
159 class="jrpg-blog-browser"
160 data-blog-browser
161 aria-label="Blog archive"
162 hidden
163 >
164 <aside>
165 <h3>All blogs</h3>
166 <ol data-blog-list>
167 <li>Loading blog archive...</li>
168 </ol>
169 </aside>
170 <article>
171 <p data-blog-status>Select a blog to inspect.</p>
172 <div data-blog-content></div>
173 </article>
157 </section> 174 </section>
158 <div class="jrpg-dialog-actions"> 175 <div class="jrpg-dialog-actions">
159 <zen-button appearance="plain" size="lg"> 176 <zen-button appearance="plain" size="lg">
160 <a href="/resume" data-preview-link> 177 <a href="/resume" data-preview-link>
161 Open full page 178 Open full page