webring/internal/public/templates/sites.html
2025-12-08 18:51:34 +03:00

108 lines
3.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Webring</title>
<link rel="stylesheet" href="/static/public.css">
<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/remixicon@4.3.0/fonts/remixicon.css">
</head>
<body>
<header>
<h1>
<i class="ri-bubble-chart-fill"></i>
Webring Listing
</h1>
{{if .User}}
<div class="user-bar">
<span>Welcome, {{if .User.FirstName}}{{.User.FirstName}}{{else}}{{.User.TelegramUsername}}{{end}}!</span>
<div class="user-actions">
{{if .User.IsAdmin}}
<a href="/admin" class="user-action admin">
<i class="ri-settings-line"></i>
Manage Sites
</a>
<a href="/admin/requests" class="user-action admin">
<i class="ri-shield-user-line"></i>
Admin Dashboard
</a>
{{else}}
<a href="/user" class="user-action">
<i class="ri-user-line"></i>
My Dashboard
</a>
{{end}}
<a href="/api/docs/" class="user-action docs">
<i class="ri-book-line"></i>
API Docs
</a>
<form action="/logout" method="POST" style="display: inline;">
{{csrfField .Request}}
<button type="submit" class="user-action logout">
<i class="ri-logout-circle-line"></i>
Logout
</button>
</form>
</div>
</div>
{{end}}
</header>
<main>
<ul class="site-list">
{{range .Sites}}
<li>
{{if .Favicon}}
<img src="/media/{{.Favicon}}" alt="" width="20" height="20">
{{else}}
<div class="favicon-fallback"></div>
{{end}}
<a href="{{.URL}}" target="_blank" title="Click to visit!">
{{.Name}}
<i class="ri-arrow-right-up-line"></i>
</a>
</li>
{{end}}
</ul>
{{if not .User}}
<section class="action-section">
<h2>Get Involved</h2>
<div class="action-cards">
<a href="/submit" class="action-card action-card-primary">
<i class="ri-add-circle-line"></i>
<div class="action-content">
<div class="action-title">Submit Your Site</div>
<div class="action-description">Join the webring with your website</div>
</div>
</a>
<a href="/login" class="action-card">
<i class="ri-login-circle-line"></i>
<div class="action-content">
<div class="action-title">Login</div>
<div class="action-description">Manage your websites in the ring</div>
</div>
</a>
<a href="/api/docs/" class="action-card">
<i class="ri-book-line"></i>
<div class="action-content">
<div class="action-title">API Docs</div>
<div class="action-description">Developer documentation</div>
</div>
</a>
</div>
</section>
{{end}}
</main>
<footer>
<a href="https://github.com/Alexander-D-Karpov/webring">
<i class="ri-github-fill"></i>
Source Code
<i class="ri-arrow-right-up-line"></i>
</a>
</footer>
</body>
</html>