{% extends "base.html" %}

{% block content %}
<h1>ДОБРО ПОЖАЛОВАТЬ В КЛУБ ЛЮБИТЕЛЕЙ ЖПЧХ</h1>

<p>
    <b>Клуб Любителей ЖПЧХ (ЖопоПоЧесХа)</b> — независимое международное фотографическое объединение,
    зародившееся жарким летом 2012 года на берегах великой русской реки Волги (город Симбирск / Ульяновск).
</p>

<pre class="ascii-box">
========================================================================================
   ФИЛОСОФИЯ КОНТРАСТА ЖПЧХ:
   [Задний план]: Пафос, официальные лица, свадебные клятвы, выпускные ленты, банкеты.
   [Передний план]: Человек спиной к камере. Честный, уверенный почес своей задницы.
   [Итог]: Разрушение фальшивого глянца, возвращение к искренней витальности бытия.
========================================================================================
</pre>

<p>
    В эпоху всеобщей фальшивости постановочных кадров, искусственных улыбок и пластиковых фильтров социальных сетей,
    основатели Клуба (<b>MatrixHasYou</b> и <b>PitKa</b>) создали новое направление репортажной стри-фотографии.
    Суть методики — встревать в любые важные фотокадры в любом месте: от протокольных свадебных кортежей на Венце
    до торжественных юбилеев, выпускных у Мемцентра и корпоративных банкетов.
</p>

<h2>ИЗБРАННЫЕ ЭКСПОНАТЫ ГАЛЕРЕИ (ГРАФИЧЕСКИЙ АРХИВ)</h2>
<div class="gallery-grid">
    {% for item in gallery_sample %}
    <div class="gallery-card">
        <div class="gallery-img-wrap">
            <img src="{{ url_for('static', filename='gallery/' + item.filename) }}" alt="{{ item.title }}">
        </div>
        <div class="gallery-info">
            <div class="gallery-title">{{ item.title }}</div>
            <div class="gallery-location">{{ item.location }} ({{ item.year }})</div>
        </div>
    </div>
    {% endfor %}
</div>
<p style="margin-top: 10px; text-align: right;">
    <a href="{{ url_for('gallery') }}"><b>Перейти ко всем 16 экспонатам в Фотогалерее &rarr;</b></a>
</p>

<h2>СВЕЖИЕ ОБСУЖДЕНИЯ НА ФОРУМЕ КЛУБА</h2>
<table class="table-forum">
    <thead>
        <tr>
            <th>Тема</th>
            <th style="width: 140px;">Автор</th>
            <th style="width: 80px; text-align: center;">Ответов</th>
            <th style="width: 80px; text-align: center;">Просмотров</th>
            <th style="width: 160px;">Дата создания</th>
        </tr>
    </thead>
    <tbody>
        {% for t in latest_topics %}
        <tr>
            <td><a href="{{ url_for('topic', topic_id=t.id) }}"><b>{{ t.title }}</b></a></td>
            <td>{{ t.username }}</td>
            <td style="text-align: center;">{{ t.posts_count }}</td>
            <td style="text-align: center;">{{ t.views }}</td>
            <td>{{ t.created_at }}</td>
        </tr>
        {% endfor %}
    </tbody>
</table>
<p style="text-align: right;">
    <a href="{{ url_for('forum') }}"><b>Смотреть все темы на Форуме &rarr;</b></a>
</p>

<h2>СТАТИСТИКА СООБЩЕСТВА</h2>
<table class="table-stats">
    <tr>
        <td><b>Участников:</b> {{ stats.users }}</td>
        <td><b>В веток на форуме:</b> {{ stats.topics }}</td>
        <td><b>Сообщений:</b> {{ stats.posts }}</td>
        <td><b>Работ в архиве:</b> {{ stats.photos }}</td>
    </tr>
</table>
{% endblock %}