Download this file
| 1 | <!doctype html> |
| 2 | <html lang="en" dir="ltr"> |
| 3 | <head> |
| 4 | <meta charset="utf-8"> |
| 5 | <meta name="viewport" content="width=device-width"> |
| 6 | <title>pagination: Middle of a long list</title> |
| 7 | <link rel="stylesheet" href="../../css/tokens.css"> |
| 8 | <link rel="stylesheet" href="../../css/themes/day.css"> |
| 9 | </head> |
| 10 | <body> |
| 11 | <nav rst-pagination aria-label="Posts pages"><a href="/posts?page=3" rst-pagination-step="prev"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg><span rst-pagination-word>Previous</span></a><a href="/posts?page=1">1</a><span rst-pagination-gap aria-hidden="true">…</span><a href="/posts?page=3" rst-pagination-wide>3</a><span aria-current="page">4</span><a href="/posts?page=5" rst-pagination-wide>5</a><span rst-pagination-gap aria-hidden="true">…</span><a href="/posts?page=9">9</a><a href="/posts?page=5" rst-pagination-step="next"><svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"/></svg><span rst-pagination-word>Next</span></a> |
| 12 | </nav> |
| 13 | </body> |
| 14 | </html> |
| 15 | |
amadan