<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>BRO Account</title>
<link rel="stylesheet" href="https://bro.usite.pro/css/bro-style.css" media="all">
<link rel="stylesheet" href="https://bro.usite.pro/css/broUcozCommentForm.v6.css?v=2" media="all">
</head>
<body>
<!-- МЕНЮ -->
<div class="header">
<div class="header-inner">
<a href="/" class="logo">DOM <span class="logo-box">LinkUp</span></a>
<form class="vk-search" action="/search" method="get">
<span class="vk-search-icon"></span>
<input type="text" name="q" placeholder="Поиск" />
</form>
$GLOBAL_GLOCKE$
<?if(!$USER_LOGGED_IN$)?>
<div class="buttons-row">
<a href="$LOGIN_LINK$" class="btn btn-login">Войти</a>
<a href="/index/3" class="btn btn-join">Присоединиться</a>
</div>
<?endif?>
<?if($USER_LOGGED_IN$)?>
<div class="nav-cta-wrapper">
<div class="nav-cta">
<!-- Пользователь -->
<div class="user-box" id="userMenu">
<!-- Аватар -->
<img src="$USER_AVATAR_URL$"
alt="$USERNAME$"
class="user-avatar real-avatar"
onerror="this.style.display='none';
this.nextElementSibling.style.display='block';">
<!-- Дефолтный аватар -->
<img src="/.s/src/profile/img/profile_photo_thumbnail.png"
alt="default"
class="user-avatar default-avatar"
style="display:none;">
<!-- Выпадающее меню -->
<div class="user-dropdown">
<div class="user-dropdown-header">
<span class="username">$USERNAME$</span>
</div>
<a href="/index/14" class="dropdown-item icon-messages">Личные сообщения</a>
<a href="/index/11" class="dropdown-item icon-settings">Настройки</a>
<a href="/index/8" class="dropdown-item icon-profile">Моя страница</a>
<a href="/index/15" class="dropdown-item icon-users">Пользователи</a>
<div class="dropdown-separator"></div>
<a href="$LOGOUT_LINK$" class="dropdown-item icon-logout logout">Выход</a>
</div>
</div>
</div>
</div>
<script>
document.addEventListener("click", function (e) {
const userBox = document.getElementById("userMenu");
if (!userBox) return;
if (userBox.contains(e.target)) {
userBox.classList.toggle("active");
} else {
userBox.classList.remove("active");
}
});
</script>
<?endif?>
</div>
</div>
</div>
</div>
</div>
<!-- КОНТЕНТ -->
<div class="container">
<!-- Левая колонка -->
<div class="">
$GLOBAL_MENU$
</div>
<!-- Центральная колонка -->
<div class="center-col">
<div class="cover block">
<img src="https://bro.usite.pro/m0.jpg" alt="cover">
</div>
<div class="center-small block">
<!-- Аватар -->
<div class="profile-header-bg">
<?if($USER_LOGGED_IN$)?>
<div class="profile-photo"
style="background-image: url('<?if($USER_AVATAR_URL$)?><?$USER_AVATAR_URL$?><?else?>https://bro.usite.pro/icon/p1_3004531_da07dd0f.jpg<?endif?>');">
</div>
<?else?>
<div class="profile-photo"
style="background-image: url('/.s/src/profile/img/profile_photo_thumbnail.png');">
</div>
<?endif?>
</div>
<!-- Информация профиля -->
<div class="profile-info">
<!-- Ник -->
<div class="profile-name-main">
<?if($USER_FULL_NAME$)?><h1 class="username"><a href="$PERSONAL_PAGE_LINK$">$USER_FULL_NAME$</a></h1>
<?else?><h1 class="username"><a href="$PERSONAL_PAGE_LINK$">$USERNAME$</a></h1><?endif?>
</div>
<style>
/* Контейнер подписи + города */
.profile-signature-wrapper {
display: flex;
flex-direction: column;
justify-content: flex-start; /* подпись сверху */
position: relative;
min-height: 70px; /* минимальная высота блока, чтобы город был ниже */
margin-top: -4px; /* поднимаем контейнер чуть выше */
padding-bottom: -10px; /* отступ снизу для города */
}
/* Подпись */
.profile-signature-main {
font-size: 14px;
color: #6d7885;
line-height: 1.4;
}
/* Город — всегда фиксирован снизу */
.profile-city-main {
display: flex;
align-items: center;
position: absolute;
bottom: 0; /* всегда снизу */
left: 0;
gap: 4px;
font-size: 15px;
color: #666;
}
.profile-city-main svg {
display: block;
vertical-align: middle;
color: #666;
width: 20px;
height: 20px;
}
</style>
<!-- Подпись -->
<div class="profile-signature-wrapper">
<!-- Подпись -->
<div class="profile-signature-main" id="profileSignature" style="display:none;">
<span class="signature-text-main"></span>
</div>
<!-- Город -->
<div class="profile-city-main" id="profileCity" style="display:none;">
<span class="city-icon-main vk-place-icon-main">
<svg aria-hidden="true" viewBox="0 0 20 20">
<g fill="none" fill-rule="evenodd">
<path d="M0 0h20v20H0z" opacity=".4"></path>
<path fill="currentColor" fill-rule="nonzero"
d="M10 1c4.148 0 7.5 3.433 7.5 7.5 0 2.85-1.843 6.172-5.435 10.095a2.8 2.8 0 0 1-4.13 0C4.343 14.672 2.5 11.35 2.5 8.5 2.5 4.433 5.852 1 10 1m0 1.5c-3.382 0-6 2.825-6 6q0 3.574 5.041 9.082a1.3 1.3 0 0 0 1.918 0Q15.999 12.075 16 8.5c0-3.175-2.618-6-6-6M10 5a3.5 3.5 0 1 1-.001 7.001A3.5 3.5 0 0 1 10 5m0 1.5a2 2 0 1 0 .001 4.001A2 2 0 0 0 10 6.5"></path>
</g>
</svg>
</span>
<span class="city-text-main"></span>
</div>
</div>
</div>
<script src="https://bro.usite.pro/js/signature01.js"></script>
<!-- Интерактивная форма -->
$GLOBAL_SEND$
<!-- Интерактивная форма -->
</div>
<!-- Лента новостей -->
<div class="bottom-row">
<!-- Основной контейнер с материалами -->
<div id="ajaxBody">
<!-- ===== ПЕРВЫЙ БЛОК (только для авторизованных) ===== -->
<?if($USER_ID$)?>
<div class="vk-modern-post1">
<div class="vk-photos-header">
<span class="vk-photos-title">Мои фотографии</span>
<span class="vk-photos-count" id="vkPhotosCount">0</span>
</div>
$GLOBAL_BILD$
<!-- Кнопки справа -->
<div class="bro-actions">
<a href="/photo/0-1-0-17-$USER_ID$" class="bro-action-btn" aria-label="Просмотры">
<svg class="bro-icon bro-icon-eye" viewBox="0 0 24 24">
<path d="M12 5C7 5 3 9 1.5 12 3 15 7 19 12 19s9-4 10.5-7C21 9 17 5 12 5zm0 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8z"/>
</svg>
</a>
<a href="/photo/0-0-0-1-2" class="bro-action-btn" aria-label="Скачать всё">
<svg class="bro-icon bro-icon-download" viewBox="0 0 24 24">
<path d="M12 3v10m0 0 4-4m-4 4-4-4M5 21h14"/>
</svg>
</a>
</div>
</div>
<?endif?>
<?if($USER_ID$==0)?>
<style>
/* ===== ДЛЯ ГОСТЕЙ ===== */
/* Скрываем блок фотографий */
.vk-modern-post1 {
display: none; /* полностью скрыт */
}
/* Убираем место под блок */
#ajaxBody::before {
height: 0px;
}
</style>
<?endif?>
<!-- ===== ВТОРОЙ БЛОК ===== -->
<div class="vk-post-anchor vk-post-anchor-2"></div>
<div class="vk-modern-post2">
<div class="vk-create-post-wrapper">
<!-- Кнопка по центру -->
<a href="/publ/1-0-0-0-1" class="vk-btn-create">
<span class="vk-icon">+</span>
<span class="vk-text">Создать пост</span>
</a>
<!-- Кнопки справа -->
<div class="vk-btn-right-group">
<a href="/video/viadd" class="vk-btn-icon" aria-label="Клип">
<span class="vk-icon">🎞️</span>
</a>
<a href="/photo/0-0-0-1-2" class="vk-btn-icon" aria-label="Статья">
<span class="vk-icon">🖼️</span>
</a>
<a href="/publ/1-0-0-0-1" class="vk-btn-icon" aria-label="Статья">
<span class="vk-icon">📝</span>
</a>
</div>
</div>
</div>
$BODY$
</div>
<!-- Скрытая пагинация -->
<div id="selector" style="display:none;">
$PAGE_SELECTOR$
</div>
<script src="https://bro.usite.pro/js/ajaxfotonew.js"></script>
<!-- Правая колонка (липкая) -->
<div class="right-col blockbro">
<div class="right-sticky-limit">
<div class="">$GLOBAL_BRO$</div>
<div class="">$GLOBAL_SUBSCRIBE$</div>
<div class="">$GLOBAL_TODAY$</div>
<div class="">$GLOBAL_MPG$</div>
<!-- Статистика -->
<div class="vk-info">
<div class="vk-info-head">
<span class="vk-avatar">
<img src="https://www.svgrepo.com/show/509003/avatar-thinking-6.svg" alt="avatar">
</span>
<div class="vk-info-title">DOM Link</div>
</div>
<div class="vk-info-desc">
Социальная платформа общения, обмена контентом и связи между пользователями.
</div>
<div class="vk-info-meta">
<span class="vk-icon vk-link"></span>
Работает на $POWERED_BY$
</div>
<!-- ===== СВЁРТКА СТАТИСТИКИ ===== -->
<input type="checkbox" id="vk-stats-toggle" class="vk-stats-toggle">
<label for="vk-stats-toggle" class="vk-stats-btn">
<svg class="vk-stats-icon" viewBox="0 0 24 24" fill="none">
<path d="M4 19V5" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
<path d="M4 19H20" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
<path d="M8 15V11" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
<path d="M12 15V7" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
<path d="M16 15V9" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>
Статистика
</label>
<div class="vk-info-stats">
<div class="vk-online-count">
🟢 Сейчас онлайн: $ONLINE_COUNTER$ чел.
</div>
<div class="vk-online-users">
<strong>Активные пользователи:</strong> $ONLINE_USERS_LIST$
</div>
<div class="vk-today">
<svg class="vk-time-icon" viewBox="0 0 24 24" fill="none">
<path d="M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z" stroke="currentColor" stroke-width="2"/>
<path d="M12 6V12L16 14" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>
<span>
Сегодня: $DATE$ | Время: $TIME$
</span>
</div>
</div>
</div>
<!-- Статистика -->
</div>
</div>
</div>
</div>
</div>
$GLOBAL_LS$
<script src="https://bro.usite.pro/js/broUcozCommentForm.v9.js"></script>
</body>
</html>
