mirror of
https://codeberg.org/video-prize-ranch/rimgo.git
synced 2025-06-27 15:38:23 +00:00
4e3022ce1a
Closes #179 Reviewed-on: https://codeberg.org/rimgo/rimgo/pulls/194 Reviewed-by: orangix <orangix@noreply.codeberg.org> Co-authored-by: video-prize-ranch <cb.8a3w5@simplelogin.co> Co-committed-by: video-prize-ranch <cb.8a3w5@simplelogin.co>
85 lines
3.0 KiB
Handlebars
85 lines
3.0 KiB
Handlebars
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<title>Trending - rimgo</title>
|
|
|
|
{{> partials/head }}
|
|
<link href="/trending.rss" rel="alternate" title="Trending" type="application/rss+xml">
|
|
<link href="/trending.atom" rel="alternate" title="Trending" type="application/atom+xml">
|
|
<link href="/trending.json" rel="alternate" title="Trending" type="application/feed+json">
|
|
</head>
|
|
|
|
<body class="font-sans text-lg bg-slate-800 text-white">
|
|
{{> partials/nav }}
|
|
|
|
<section class="my-4 w-full flex flex-col items-center">
|
|
{{> partials/searchBar }}
|
|
</section>
|
|
|
|
<header class="p-4 rounded-xl text-white mb-4 bg-gradient-to-r from-blue-400 to-emerald-400">
|
|
<div class="flex items-center justify-center text-center gap-2">
|
|
<h2 class="text-2xl font-extrabold">Trending</h2>
|
|
<a href="/trending.rss" label="RSS">
|
|
<img src="/static/icons/PhRss.svg" width="24px" height="24px" class="invert" />
|
|
</a>
|
|
</div>
|
|
<div class="flex flex-col sm:flex-row sm:justify-between">
|
|
<div class="flex flex-col">
|
|
{{#equal section "hot"}}
|
|
<a href="?section=hot&sort={{sort}}"><b>Hot</b></a>
|
|
<a href="?section=new&sort={{sort}}">New</a>
|
|
<a href="?section=top&sort={{sort}}">Top</a>
|
|
{{/equal}}
|
|
{{#equal section "new"}}
|
|
<a href="?section=hot&sort={{sort}}">Hot</a>
|
|
<a href="?section=new&sort={{sort}}"><b>New</b></a>
|
|
<a href="?section=top&sort={{sort}}">Top</a>
|
|
{{/equal}}
|
|
{{#equal section "top"}}
|
|
<a href="?section=hot&sort={{sort}}">Hot</a>
|
|
<a href="?section=new&sort={{sort}}">New</a>
|
|
<a href="?section=top&sort={{sort}}"><b>Top</b></a>
|
|
{{/equal}}
|
|
</div>
|
|
<hr class="sm:hidden my-2" />
|
|
<div class="flex flex-col sm:items-end">
|
|
{{#equal sort "popular"}}
|
|
<a href="?section={{section}}&sort=popular"><b>Popular</b></a>
|
|
<a href="?section={{section}}&sort=newest">Newest</a>
|
|
<a href="?section={{section}}&sort=best">Best</a>
|
|
{{/equal}}
|
|
{{#equal sort "newest"}}
|
|
<a href="?section={{section}}&sort=popular">Popular</a>
|
|
<a href="?section={{section}}&sort=newest"><b>Newest</b></a>
|
|
<a href="?section={{section}}&sort=best">Best</a>
|
|
{{/equal}}
|
|
{{#equal sort "best"}}
|
|
<a href="?section={{section}}&sort=popular">Popular</a>
|
|
<a href="?section={{section}}&sort=newest">Newest</a>
|
|
<a href="?section={{section}}&sort=best"><b>Best</b></a>
|
|
{{/equal}}
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<div class="posts">
|
|
{{#each results}}
|
|
{{> partials/post }}
|
|
{{/each}}
|
|
</div>
|
|
|
|
<div class="flex justify-between mt-4 font-bold">
|
|
{{#noteq page "1"}}
|
|
<a href="/trending?section={{section}}&sort={{sort}}&page={{prevPage}}">Previous page</a>
|
|
{{/noteq}}
|
|
<p>Page {{page}}</p>
|
|
<a href="/trending?section={{section}}&sort={{sort}}&page={{nextPage}}">Next page</a>
|
|
</div>
|
|
</main>
|
|
|
|
{{> partials/footer }}
|
|
</body>
|
|
|
|
</html> |