Mercurial
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 |