| 1 | <div rst-page> |
| 2 | <a id="before" href="#before">Before the lists</a> |
| 3 | <div rst-list id="lra"><div rst-row> |
| 4 | <span rst-row-main><a href="/go/lra">Release notes, August</a><small rst-row-sub>Published 2 August</small></span> |
| 5 | <span rst-status rst-tone="positive">Published</span> |
| 6 | <a rst-row-action href="/go/lra-edit" aria-label="Edit Release notes, August">Edit</a> |
| 7 | </div></div> |
| 8 | <div rst-list id="lra-inert"><div rst-row id="lra-n"><span rst-row-main><span>Archived notes</span><small rst-row-sub>No page of its own</small></span></div></div> |
| 9 | <div rst-card id="statuses" style="--rst-cols: minmax(0, 1fr) auto"><div rst-lrow id="row-s"><a class="rst-nm" id="link-s" href="/go/row-s">Invoice 4471 never arrived<small>Fiona Reid</small></a><span rst-status rst-tone="warning">Waiting</span></div></div> |
| 10 | <div rst-card id="grid" style="--rst-cols: auto minmax(0, 1fr) 110px var(--rst-col-menu)"> |
| 11 | <div rst-lrow id="row-a"><label rst-selbox id="label-a"><input type="checkbox" id="check-a" aria-label="Select Grace Hopper"></label><a class="rst-nm" id="link-a" href="/go/row-a">Grace Hopper<small>AB3PX</small></a><span class="rst-m-hide rst-cell-mut" id="cell-a">Paid</span><details rst-row-menu name="rst-menus" id="menu-a"><summary id="kebab-a" aria-label="Actions for Grace Hopper">⋮</summary><div rst-row-menu-panel id="panel-a"><a href="/go/a-view">View</a><a href="/go/a-edit">Edit</a><a href="/go/a-copy">Duplicate</a><a href="/go/a-move">Move</a><hr><a class="rst-danger" href="/go/a-delete">Delete…</a></div></details></div> |
| 12 | <div rst-lrow id="row-b"><label rst-selbox id="label-b"><input type="checkbox" id="check-b" aria-label="Select Alan Turing"></label><a class="rst-nm" id="link-b" href="/go/row-b">Alan Turing<small>CD4QY</small></a><span class="rst-m-hide rst-cell-mut">Due</span><details rst-row-menu name="rst-menus" id="menu-b"><summary id="kebab-b" aria-label="Actions for Alan Turing">⋮</summary><div rst-row-menu-panel><a href="/go/b-view">View</a></div></details></div> |
| 13 | </div> |
| 14 | <div rst-card id="people" style="--rst-cols: minmax(0, 1fr) 110px"><div rst-lrow id="row-p"><a rst-person href="/go/person" id="link-p"><span rst-person-av aria-hidden="true">A</span><span rst-person-meta><span rst-person-name>Ada Lovelace</span><span rst-person-email>ada@example.com</span></span></a><span class="rst-cell-mut">Owner</span></div></div> |
| 15 | <div rst-card id="inert" style="--rst-cols: minmax(0, 1fr) 110px"><div rst-lrow id="row-n"><span rst-person><span rst-person-av aria-hidden="true">B</span><span rst-person-meta><span rst-person-name>Barbara Liskov</span></span></span><span class="rst-cell-mut">Viewer</span></div></div> |
| 16 | <div rst-card id="controls" style="--rst-cols: minmax(0, 1fr) minmax(0, 2fr)"><div rst-lrow id="row-c"><a class="rst-nm" href="/go/row-c" id="link-c">Settings</a><div class="ctl-stack" id="ctl-in"><label rst-switch id="switch-in"><input type="checkbox" name="switch-in"><span rst-switch-track aria-hidden="true"></span> On</label><div id="date-in"><div rst-field> |
| 17 | <label rst-field-label for="due_in">Due</label> |
| 18 | <input rst-input id="due_in" name="due_in" type="date" value="2026-08-28" data-rst-date data-rst-date-words="{"ago":"ago","am":"am|a.m.","at":"at","day":"day|days","hour":"hour|hours|h","in":"in","last":"last","midnight":"midnight","minute":"minute|minutes|min|mins|m","month":"month|months","next":"next","noon":"noon|midday","pm":"pm|p.m.","today":"today","tomorrow":"tomorrow","week":"week|weeks","yesterday":"yesterday"}" data-rst-date-set="Set" data-rst-date-hint="Try: {example}" data-rst-date-pick="Open the calendar" data-rst-date-calendar="Calendar" data-rst-date-prev-month="Previous month" data-rst-date-next-month="Next month" data-rst-date-results="{n} suggestions" data-rst-date-result-one="1 suggestion" data-rst-date-quick-today="Today" data-rst-date-quick-tomorrow="Tomorrow" data-rst-date-quick-next-week="In a week" data-rst-date-quick-plus-1h="An hour later" data-rst-date-quick-plus-2h="Two hours later" data-rst-date-quick-end-of-day="End of that day" data-rst-date-quick-next-day="Same time next day"> |
| 19 | </div></div><div id="combo-in"><div rst-field><label rst-field-label for="combo_in">Country</label> |
| 20 | <select rst-input id="combo_in" name="combo_in" data-rst-select data-rst-select-filter="Type to filter" data-rst-select-results="{n} results" data-rst-select-result-one="1 result" data-rst-select-no-matches="No matches"><option value="1">Option 1</option><option value="2">Option 2</option><option value="3">Option 3</option><option value="4">Option 4</option><option value="5">Option 5</option><option value="6">Option 6</option><option value="7">Option 7</option><option value="8">Option 8</option><option value="9">Option 9</option><option value="10">Option 10</option><option value="11">Option 11</option><option value="12">Option 12</option></select> |
| 21 | </div></div></div></div></div> |
| 22 | <section rst-box id="outside"><div class="ctl-stack" id="ctl-out"><label rst-switch id="switch-out"><input type="checkbox" name="switch-out"><span rst-switch-track aria-hidden="true"></span> On</label><div id="date-out"><div rst-field> |
| 23 | <label rst-field-label for="due_out">Due</label> |
| 24 | <input rst-input id="due_out" name="due_out" type="date" value="2026-08-28" data-rst-date data-rst-date-words="{"ago":"ago","am":"am|a.m.","at":"at","day":"day|days","hour":"hour|hours|h","in":"in","last":"last","midnight":"midnight","minute":"minute|minutes|min|mins|m","month":"month|months","next":"next","noon":"noon|midday","pm":"pm|p.m.","today":"today","tomorrow":"tomorrow","week":"week|weeks","yesterday":"yesterday"}" data-rst-date-set="Set" data-rst-date-hint="Try: {example}" data-rst-date-pick="Open the calendar" data-rst-date-calendar="Calendar" data-rst-date-prev-month="Previous month" data-rst-date-next-month="Next month" data-rst-date-results="{n} suggestions" data-rst-date-result-one="1 suggestion" data-rst-date-quick-today="Today" data-rst-date-quick-tomorrow="Tomorrow" data-rst-date-quick-next-week="In a week" data-rst-date-quick-plus-1h="An hour later" data-rst-date-quick-plus-2h="Two hours later" data-rst-date-quick-end-of-day="End of that day" data-rst-date-quick-next-day="Same time next day"> |
| 25 | </div></div><div id="combo-out"><div rst-field><label rst-field-label for="combo_out">Country</label> |
| 26 | <select rst-input id="combo_out" name="combo_out" data-rst-select data-rst-select-filter="Type to filter" data-rst-select-results="{n} results" data-rst-select-result-one="1 result" data-rst-select-no-matches="No matches"><option value="1">Option 1</option><option value="2">Option 2</option><option value="3">Option 3</option><option value="4">Option 4</option><option value="5">Option 5</option><option value="6">Option 6</option><option value="7">Option 7</option><option value="8">Option 8</option><option value="9">Option 9</option><option value="10">Option 10</option><option value="11">Option 11</option><option value="12">Option 12</option></select> |
| 27 | </div></div></div></section> |
| 28 | <style>.ctl-stack { display: flex; flex-direction: column; gap: 0.5rem; min-inline-size: 0; inline-size: 100%; max-inline-size: 22rem; }</style> |
| 29 | </div> |
amadan