mirror of
https://github.com/Alexander-D-Karpov/webring.git
synced 2026-03-16 22:07:41 +03:00
68 lines
3.0 KiB
HTML
68 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Submit Site - 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>
|
|
Submit Your Site
|
|
</h1>
|
|
</header>
|
|
<main>
|
|
{{if .Error}}
|
|
<div style="max-width: 400px; margin: 0 auto 1.5rem auto; padding: 1rem; background: rgba(185, 28, 28, 0.1); border: 1px solid rgba(185, 28, 28, 0.3); border-left: 4px solid #b91c1c; border-radius: 6px;">
|
|
<div style="display: flex; align-items: center; gap: 0.75rem;">
|
|
<i class="ri-error-warning-line" style="color: #fca5a5; font-size: 1.25rem;"></i>
|
|
<span style="color: #fecaca; font-size: 0.875rem;">{{.Error}}</span>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
<form action="/submit" method="POST" style="max-width: 400px; margin: 0 auto;">
|
|
{{csrfField .Request}}
|
|
<div style="margin-bottom: 1rem;">
|
|
<label for="slug">Slug (unique identifier):</label>
|
|
<input type="text" id="slug" name="slug" pattern="[a-z0-9-]{3,50}" required
|
|
placeholder="my-awesome-site" style="width: 100%; padding: 0.5rem; margin-top: 0.5rem;">
|
|
<small style="color: var(--color-gray-400);">Only lowercase letters, numbers, and hyphens. 3-50 characters.</small>
|
|
</div>
|
|
|
|
<div style="margin-bottom: 1rem;">
|
|
<label for="name">Site Name:</label>
|
|
<input type="text" id="name" name="name" required
|
|
placeholder="My Awesome Site" style="width: 100%; padding: 0.5rem; margin-top: 0.5rem;">
|
|
</div>
|
|
|
|
<div style="margin-bottom: 1rem;">
|
|
<label for="url">Site URL:</label>
|
|
<input type="url" id="url" name="url" required
|
|
placeholder="https://example.com" style="width: 100%; padding: 0.5rem; margin-top: 0.5rem;">
|
|
</div>
|
|
|
|
<div style="margin-bottom: 1rem;">
|
|
<label for="telegram_username">Your Telegram Username (optional):</label>
|
|
<input type="text" id="telegram_username" name="telegram_username"
|
|
placeholder="username" style="width: 100%; padding: 0.5rem; margin-top: 0.5rem;">
|
|
<small style="color: var(--color-gray-400);">
|
|
Enter your Telegram username (without @) to Manage your websites later. (Optional)
|
|
</small>
|
|
</div>
|
|
|
|
<button type="submit" style="width: 100%; padding: 0.75rem; background: var(--color-primary-900); color: white; border: none; border-radius: 4px; cursor: pointer;">
|
|
Submit Site for Review
|
|
</button>
|
|
</form>
|
|
|
|
<p style="text-align: center; margin-top: 2rem; color: var(--color-gray-400);">
|
|
<a href="/">← Back to site listing</a>
|
|
</p>
|
|
</main>
|
|
</body>
|
|
</html> |