main features
This commit is contained in:
@@ -1,31 +1,36 @@
|
||||
{% extends 'base.html' %}
|
||||
{% block title %}Главная — MatchAgency{% endblock %}
|
||||
{% block content %}
|
||||
<section class="grid md:grid-cols-2 gap-8 items-center">
|
||||
<div>
|
||||
<h1 class="text-3xl md:text-5xl font-semibold leading-tight">Подбор идеальных пар под ключ</h1>
|
||||
<p class="mt-4 text-gray-600 text-lg">Фронтенд полностью на API: ни одной локальной таблицы.</p>
|
||||
<div class="mt-6 flex gap-3">
|
||||
<a href="/profiles/" class="inline-flex items-center rounded-md bg-rose-600 px-4 py-2 text-white font-medium hover:bg-rose-700">Смотреть анкеты</a>
|
||||
{% if not api_user %}
|
||||
<a href="/login/" class="inline-flex items-center rounded-md border px-4 py-2 font-medium hover:bg-white">Войти</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="rounded-xl bg-white/70 backdrop-blur p-4 md:p-6 shadow">
|
||||
<form action="/profiles/" method="get" class="grid sm:grid-cols-2 gap-4">
|
||||
<input name="q" placeholder="Ключевые слова (хобби, имя, город)"
|
||||
class="w-full rounded-md border px-3 py-2" />
|
||||
<select name="gender" class="w-full rounded-md border px-3 py-2">
|
||||
<option value="">Пол (любой)</option>
|
||||
<option value="female">Женщины</option>
|
||||
<option value="male">Мужчины</option>
|
||||
</select>
|
||||
<input name="age_min" type="number" min="18" max="100" placeholder="От, лет" class="w-full rounded-md border px-3 py-2"/>
|
||||
<input name="age_max" type="number" min="18" max="100" placeholder="До, лет" class="w-full rounded-md border px-3 py-2"/>
|
||||
<input name="city" placeholder="Город" class="w-full rounded-md border px-3 py-2"/>
|
||||
<button class="sm:col-span-2 rounded-md bg-indigo-600 text-white px-4 py-2 hover:bg-indigo-700">Найти</button>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
{% endblock %}
|
||||
{% load static %}
|
||||
<!doctype html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Главная</title>
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<link href="{% static 'style.css' %}" rel="stylesheet">
|
||||
<style>
|
||||
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, "Helvetica Neue", Arial, "Noto Sans", sans-serif; margin:0; background:#f7f7fb; color:#111; }
|
||||
header { background:#111827; color:#fff; padding:14px 18px; display:flex; gap:14px; }
|
||||
header a { color:#cfe3ff; text-decoration:none; }
|
||||
.container { max-width:900px; margin:24px auto; padding:0 16px; }
|
||||
.btn { padding:10px 14px; border-radius:10px; background:#2563eb; color:#fff; border:none; text-decoration:none; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div style="flex:1 1 auto;">Agency Frontend</div>
|
||||
<nav>
|
||||
<a href="{% url 'ui:index' %}">Главная</a>
|
||||
<a href="{% url 'ui:cabinet' %}">Кабинет</a>
|
||||
<a href="{% url 'ui:profiles' %}">Каталог</a>
|
||||
<a href="{% url 'ui:login' %}">Войти</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="container">
|
||||
<h1>Добро пожаловать</h1>
|
||||
<p>Это фронтенд для API брачного агентства.</p>
|
||||
<p>
|
||||
<a class="btn" href="{% url 'ui:login' %}">Войти</a>
|
||||
<a class="btn" style="background:#10b981;" href="{% url 'ui:register' %}">Регистрация</a>
|
||||
</p>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user