89 lines
4.4 KiB
HTML
89 lines
4.4 KiB
HTML
{% extends "base.html" %}
|
|
{% from "macros.html" import format_size %}
|
|
|
|
{% block content %}
|
|
<section class="hero">
|
|
<div class="container hero__inner">
|
|
<div class="hero__badge">Регистрация · Личный кабинет · Админка</div>
|
|
<h1 class="hero__title">
|
|
Загружайте фото<br>
|
|
<span class="hero__accent">мгновенно</span>
|
|
</h1>
|
|
<p class="hero__subtitle">
|
|
Современный фото-хостинг на Python и PostgreSQL.
|
|
{% if current_user.is_authenticated %}
|
|
Загружайте изображения в личном кабинете и делитесь ссылками.
|
|
{% else %}
|
|
Зарегистрируйтесь, чтобы загружать фото и управлять галереей.
|
|
{% endif %}
|
|
</p>
|
|
<div class="stats">
|
|
<div class="stat-card">
|
|
<span class="stat-card__value">{{ total_photos }}</span>
|
|
<span class="stat-card__label">фото загружено</span>
|
|
</div>
|
|
<div class="stat-card">
|
|
<span class="stat-card__value">{{ format_size(total_size) }}</span>
|
|
<span class="stat-card__label">общий объём</span>
|
|
</div>
|
|
<div class="stat-card">
|
|
<span class="stat-card__value">до {{ max_upload_mb }} МБ</span>
|
|
<span class="stat-card__label">на файл</span>
|
|
</div>
|
|
</div>
|
|
{% if not current_user.is_authenticated %}
|
|
<div class="hero__actions">
|
|
<a href="{{ url_for('auth.register') }}" class="btn btn--primary">Создать аккаунт</a>
|
|
<a href="{{ url_for('auth.login') }}" class="btn btn--ghost">Войти</a>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</section>
|
|
|
|
{% include "partials/alerts.html" %}
|
|
|
|
{% if current_user.is_authenticated %}
|
|
<section id="upload" class="upload-section">
|
|
<div class="container">
|
|
<h2 class="section-title">Загрузить фото</h2>
|
|
<form action="{{ url_for('main.upload') }}" method="post" enctype="multipart/form-data" class="upload-form" id="uploadForm">
|
|
<div class="dropzone" id="dropzone">
|
|
<input type="file" name="photo" id="photoInput" accept="image/png,image/jpeg,image/gif,image/webp,image/bmp" hidden>
|
|
<div class="dropzone__icon">
|
|
<svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
|
|
<path d="M12 16V4m0 0L8 8m4-4l4 4"/>
|
|
<path d="M20 16.5v1a2.5 2.5 0 01-2.5 2.5h-11A2.5 2.5 0 014 17.5v-1"/>
|
|
</svg>
|
|
</div>
|
|
<p class="dropzone__title">Перетащите фото сюда</p>
|
|
<p class="dropzone__hint">или нажмите для выбора файла</p>
|
|
<p class="dropzone__formats">PNG · JPG · GIF · WEBP · BMP</p>
|
|
<div class="dropzone__preview" id="preview" hidden>
|
|
<img id="previewImg" alt="Предпросмотр">
|
|
<span id="previewName"></span>
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn--primary" id="submitBtn" disabled>
|
|
<span>Загрузить на сервер</span>
|
|
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path d="M5 12h14M12 5l7 7-7 7"/>
|
|
</svg>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
{% endif %}
|
|
|
|
<section id="gallery" class="gallery-section">
|
|
<div class="container">
|
|
<div class="gallery-header">
|
|
<h2 class="section-title">Последние фото</h2>
|
|
<span class="gallery-count">{{ total_photos }} фото</span>
|
|
</div>
|
|
{% with photos=photos, show_owner=true, empty_title='Пока нет фотографий', empty_text='Будьте первым — зарегистрируйтесь и загрузите фото', empty_link=url_for('auth.register') if not current_user.is_authenticated else url_for('cabinet.index'), empty_link_text='Загрузить фото' %}
|
|
{% include "partials/photo_gallery.html" %}
|
|
{% endwith %}
|
|
</div>
|
|
</section>
|
|
{% endblock %}
|