diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/images.html | 51 | ||||
| -rw-r--r-- | templates/results.html | 39 |
2 files changed, 78 insertions, 12 deletions
diff --git a/templates/images.html b/templates/images.html index 4dad2ea..b20eb04 100644 --- a/templates/images.html +++ b/templates/images.html @@ -59,15 +59,48 @@ </div> {{endfor}} </div> - <nav class="pagination"> - <a class="pagination-btn prev" href="/images?q={{query}}&p={{prev_page}}"> - ← Page {{prev_page}} - </a> - <span class="pagination-current">Page {{page}}</span> - <a class="pagination-btn next" href="/images?q={{query}}&p={{next_page}}"> - Page {{next_page}} → - </a> - </nav> + <nav class="pagination"> + <a class="pagination-btn prev" href="/images?q={{query}}&p={{prev_page}}"> + ← + </a> + + {{if two_prev_page != 0}} + <a class="pagination-btn prev" href="/images?q={{query}}&p={{two_prev_page}}"> + {{two_prev_page}} + </a> + {{endif}} + + {{if prev_page != 0}} + <a class="pagination-btn prev" href="/images?q={{query}}&p={{prev_page}}"> + {{prev_page}} + </a> + {{endif}} + + <a class="pagination-current" href="/images?q={{query}}&p={{page}}"> + {{page}} + </a> + <a class="pagination-btn next" href="/images?q={{query}}&p={{next_page}}"> + {{next_page}} + </a> + <a class="pagination-btn next" href="/images?q={{query}}&p={{two_next_page}}"> + {{two_next_page}} + </a> + + {{if prev_page == 0}} + <a class="pagination-btn prev" href="/images?q={{query}}&p=4"> + 4 + </a> + {{endif}} + + {{if two_prev_page == 0}} + <a class="pagination-btn prev" href="/images?q={{query}}&p=5"> + 5 + </a> + {{endif}} + <a class="pagination-btn next" href="/images?q={{query}}&p={{next_page}}"> + → + </a> + </nav> </main> </body> diff --git a/templates/results.html b/templates/results.html index 759213b..1bda9e4 100644 --- a/templates/results.html +++ b/templates/results.html @@ -54,11 +54,44 @@ <nav class="pagination"> <a class="pagination-btn prev" href="/search?q={{query}}&p={{prev_page}}"> - ← Page {{prev_page}} + ← </a> - <span class="pagination-current">Page {{page}}</span> + + {{if two_prev_page != 0}} + <a class="pagination-btn prev" href="/search?q={{query}}&p={{two_prev_page}}"> + {{two_prev_page}} + </a> + {{endif}} + + {{if prev_page != 0}} + <a class="pagination-btn prev" href="/search?q={{query}}&p={{prev_page}}"> + {{prev_page}} + </a> + {{endif}} + + <a class="pagination-current" href="/search?q={{query}}&p={{page}}"> + {{page}} + </a> + <a class="pagination-btn next" href="/search?q={{query}}&p={{next_page}}"> + {{next_page}} + </a> + <a class="pagination-btn next" href="/search?q={{query}}&p={{two_next_page}}"> + {{two_next_page}} + </a> + + {{if prev_page == 0}} + <a class="pagination-btn prev" href="/search?q={{query}}&p=4"> + 4 + </a> + {{endif}} + + {{if two_prev_page == 0}} + <a class="pagination-btn prev" href="/search?q={{query}}&p=5"> + 5 + </a> + {{endif}} <a class="pagination-btn next" href="/search?q={{query}}&p={{next_page}}"> - Page {{next_page}} → + → </a> </nav> </main> |