Добавлено (2025-12-16, 11:38)
---------------------------------------------

// Ограничиваем максимальное количество колонок шириной контейнера
const containerWidth = container.clientWidth;
const minColumnWidth = 400; // Минимальная ширина колонки
const maxPossibleColumns = Math.max(1, Math.floor(containerWidth / minColumnWidth));
maxColumns = Math.min(maxColumns, maxPossibleColumns);

// Создаем колонки
const columns = Array.from({ length: maxColumns }, () => {
const col = document.createElement('div');
col.className = 'icon-comparison-masonry-column';
return col;
});

// Распределяем группы по колонкам с учетом высоты
if (maxColumns === 1) {
// Если только одна колонка, просто добавляем все группы
allGroupChunks.forEach(chunk => {
const section = iconComparisonCreateGroupSection(chunk.name, chunk.icons, chunk.isNoGroupSection);
columns[0].appendChild(section);
});
} else {
// Для нескольких колонок используем алгоритм распределения
// Оцениваем примерную высоту каждой группы
const groupHeights = allGroupChunks.map(chunk => {
// Примерная высота: 60px заголовок + 55px на каждую строку
return 60 + (chunk.icons.length * 55);
});

// Массив для хранения текущей высоты каждой колонки
const columnHeights = new Array(maxColumns).fill(0);

// Распределяем группы по колонкам, чтобы выровнять высоту
allGroupChunks.forEach((chunk, index) => {
// Находим колонку с минимальной текущей высотой
let minHeightIndex = 0;
for (let i = 1; i < maxColumns; i++) {
if (columnHeights[i] < columnHeights[minHeightIndex]) {
minHeightIndex = i;
}
}

// Добавляем группу в колонку с минимальной высотой
const section = iconComparisonCreateGroupSection(chunk.name, chunk.icons, chunk.isNoGroupSection);
columns[minHeightIndex].appendChild(section);

// Обновляем высоту колонки
columnHeights[minHeightIndex] += groupHeights[index];
});
}

// Добавляем только непустые колонки
columns.forEach(col => {
if (col.children.length > 0) {
columnsContainer.appendChild(col);
}
});

container.appendChild(columnsContainer);
iconComparisonUpdateStats();

// Добавляем анимацию появления
setTimeout(() => {
document.querySelectorAll('.icon-comparison-group').forEach((group, index) => {
group.style.animationDelay = `${index * 0.03}s`;
});
}, 10);
}

function renderGroupsForPrint() {
const container = document.getElementById('iconComparisonContainer');
container.innerHTML = '';

const { groups, noGroup } = iconComparisonGroupIcons(iconComparisonFilteredIcons);
const allGroupChunks = [];

// Сортировка групп по алфавиту
const sortedGroupNames = Object.keys(groups).sort((a, b) => a.localeCompare(b, 'ru'));

// Добавляем обычные группы с разбивкой на части (как в веб-версии)
sortedGroupNames.forEach(groupName => {
const icons = groups[groupName];
const chunks = iconComparisonSplitLargeGroupOptimized(icons, 15);
chunks.forEach((chunk, index) => {
const chunkName = chunks.length > 1 ? `${groupName} (${index + 1}/${chunks.length})` : groupName;
allGroupChunks.push({
name: chunkName,
icons: chunk,
originalGroup: groupName,
isNoGroupSection: false
});
});
});

// Добавляем группу "Прочие" в конец, если она выбрана
if (noGroup.length > 0 && selectedGroups.has('no_group')) {
const noGroupChunks = iconComparisonSplitLargeGroupOptimized(noGroup, 15);
noGroupChunks.forEach((chunk, index) => {
const chunkName = noGroupChunks.length > 1 ? `Прочие значки (${index + 1}/${noGroupChunks.length})` : 'Прочие значки';
allGroupChunks.push({
name: chunkName,
icons: chunk,
originalGroup: 'no_group',
isNoGroupSection: true
});
});
}

// Создаем контейнер для печати с двумя колонками
const printContainer = document.createElement('div');
printContainer.className = 'icon-comparison-print-columns';

// Добавляем все группы (уже разбитые на части)
allGroupChunks.forEach((chunk, index) => {
const groupSection = iconComparisonCreateGroupSection(chunk.name, chunk.icons, chunk.isNoGroupSection, true);
groupSection.className = 'icon-comparison-print-group';

// Для очень больших групп (более 25 значков) добавляем принудительный разрыв страницы
if (index > 0 && chunk.icons.length > 25) {
groupSection.classList.add('force-page-break');
}

printContainer.appendChild(groupSection);
});

container.appendChild(printContainer);
iconComparisonUpdateStats();
}

function iconComparisonCreateGroupSection(groupName, icons, isNoGroupSection = false, forPrint = false) {
const section = document.createElement('div');
section.className = forPrint ? 'icon-comparison-print-group' : 'icon-comparison-group';

const header = document.createElement('div');
header.className = 'icon-comparison-group-title';

const titleSpan = document.createElement('span');
titleSpan.textContent = groupName;

// Для печати не показываем счетчик
if (!forPrint) {
const countSpan = document.createElement('span');
countSpan.className = 'group-count';
countSpan.textContent = icons.length;
header.appendChild(countSpan);
}

header.appendChild(titleSpan);
section.appendChild(header);

const column = iconComparisonCreateIconColumn(icons, forPrint);
section.appendChild(column);

return section;
}

function iconComparisonCreateIconColumn(icons, forPrint = false) {
const column = document.createElement('div');
column.className = 'icon-comparison-panel';

const header = document.createElement('div');
header.className = 'icon-comparison-panel-header';

const beforeLabel = document.createElement('div');
beforeLabel.className = 'icon-comparison-header-label';
beforeLabel.textContent = 'ДО';

const arrowSpace = document.createElement('div');
arrowSpace.className = 'icon-comparison-arrow';
arrowSpace.innerHTML = '→';

const afterLabel = document.createElement('div');
afterLabel.className = 'icon-comparison-header-label';
afterLabel.textContent = 'ПОСЛЕ';

const nameLabel = document.createElement('div');
nameLabel.className = 'icon-comparison-header-label';
nameLabel.textContent = 'Название';
nameLabel.style.textAlign = 'center';

header.appendChild(beforeLabel);
header.appendChild(arrowSpace);
header.appendChild(afterLabel);
header.appendChild(nameLabel);

column.appendChild(header);

icons.forEach(icon => {
column.appendChild(iconComparisonCreateIconRow(icon, forPrint));
});

return column;
}

function iconComparisonCreateIconRow(icon, forPrint = false) {
const row = document.createElement('div');
row.className = 'icon-comparison-row';

const beforeContainer = document.createElement('div');
const afterContainer = document.createElement('div');

// Используем оригинальную функцию загрузки изображений
Promise.all([
iconComparisonLoadImage(icon.before, `${icon.name} (до)`),
iconComparisonLoadImage(icon.after, `${icon.name} (после)`)
]).then(([beforeResult, afterResult]) => {
const beforeImg = beforeResult.element;
const afterImg = afterResult.element;

beforeImg.className = 'icon-comparison-image' + (beforeResult.processed ? ' icon-comparison-bmp-processed' : '');
afterImg.className = 'icon-comparison-image' + (afterResult.processed ? ' icon-comparison-bmp-processed' : '');

beforeContainer.appendChild(beforeImg);
afterContainer.appendChild(afterImg);
});

const arrow = document.createElement('div');
arrow.className = 'icon-comparison-arrow';
arrow.innerHTML = '→';

const infoDiv = document.createElement('div');
infoDiv.className = 'icon-comparison-info';

const name = document.createElement('div');
name.className = 'icon-comparison-name';
name.textContent = icon.name;
name.title = icon.name;

infoDiv.appendChild(name);

row.appendChild(beforeContainer);
row.appendChild(arrow);
row.appendChild(afterContainer);
row.appendChild(infoDiv);

return row;
}

// Оригинальные функции обработки изображений
function iconComparisonProcessBMP(img) {
return new Promise((resolve) => {
try {
const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');
canvas.width = img.naturalWidth;
canvas.height = img.naturalHeight;

ctx.imageSmoothingEnabled = true;
ctx.imageSmoothingQuality = 'high';

ctx.drawImage(img, 0, 0);
const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
const data = imageData.data;

for (let i = 0; i < data.length; i += 4) {
if (data[i] === 255 && data[i + 1] === 0 && data[i + 2] === 255) {
data[i + 3] = 0;
}
}

ctx.putImageData(imageData, 0, 0);

const processedImg = new Image();
processedImg.onload = () => resolve({
element: processedImg,
processed: true
});
processedImg.src = canvas.toDataURL('image/png');
} catch (error) {
console.warn('Ошибка обработки BMP:', error);
resolve({
element: img,
processed: false
});
}
});
}

function iconComparisonLoadImage(src, alt) {
return new Promise((resolve) => {
const img = new Image();

img.onload = async function() {
try {
if (src.toLowerCase().endsWith('.bmp')) {
const result = await iconComparisonProcessBMP(img);
result.element.alt = alt;
resolve(result);
} else {
img.alt = alt;
resolve({ element: img, processed: false });
}
} catch (error) {
console.warn('Ошибка обработки изображения:', error, src);
img.alt = alt;
resolve({ element: img, processed: false });
}
};

img.onerror = function() {
console.warn('Ошибка загрузки изображения:', src);
const placeholder = new Image();
placeholder.src = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiBmaWxsPSIjRjVGNUY1IiByeD0iNCIvPgo8cGF0aCBkPSJNMjAgMjVDMjEuMTA0NiAyNSAyMiAyNC4xMDQ2IDIyIDIzVjE3QzIyIDE1Ljg5NTQgMjEuMTA0NiAxNSAyMCAxNUMxOC44OTU0IDE1IDE4IDE1Ljg5NTQgMTggMTdWMjNDMTggMjQuMTA0NiAxOC44OTU0IDI1IDIwIDI1WiIgZmlsbD0iIzk5OTk5OSIvPgo8cGF0aCBkPSJNMjAgMjhDMjEuMTA0NiAyOCAyMiAyNy4xMDQ2IDIyIDI2QzIyIDI0Ljg5NTQgMjEuMTA0NiAyNCAyMCAyNEMxOC44OTU0IDI0IDE4IDI0Ljg5NTQgMTggMjZDMTggMjcuMTA0NiAxOC44OTA1IDI4IDIwIDI4WiIgZmlsbD0iIzk5OTk5OSIvPgo8L3N2Zz4K';
placeholder.alt = alt;
resolve({ element: placeholder, processed: false });
};

img.src = src;
});
}

function iconComparisonGroupIcons(icons) {
const groups = {};
const noGroup = [];

icons.forEach(icon => {
if (icon.group && icon.group.trim() !== '') {
if (!groups[icon.group]) {
groups[icon.group] = [];
}
groups[icon.group].push(icon);
} else {
noGroup.push(icon);
}
});

return { groups, noGroup };
}

function iconComparisonRenderWithoutGroups() {
const container = document.getElementById('iconComparisonContainer');
container.innerHTML = '';

// Если нет выбранных групп - показываем сообщение
if (selectedGroups.size === 0) {
container.innerHTML = `
<div class="icon-comparison-no-results">
<div class="no-results-icon">
<i class="fas fa-layer-group"></i>
</div>
<div>Не выбрано ни одной группы. Выберите группы для отображения значков.</div>
</div>
`;
iconComparisonUpdateStats();
return;
}

if (iconComparisonFilteredIcons.length === 0) {
container.innerHTML = `
<div class="icon-comparison-no-results">
<div class="no-results-icon">
<i class="fas fa-search"></i>
</div>
<div>Ничего не найдено. Попробуйте изменить поисковый запрос.</div>
</div>
`;
iconComparisonUpdateStats();
return;
}

const sortedIcons = [...iconComparisonFilteredIcons].sort((a, b) => {
const groupA = a.group || 'zzz';
const groupB = b.group || 'zzz';

if (groupA !== groupB) {
return groupA.localeCompare(groupB);
}

return a.name.localeCompare(b.name);
});

// Для печати создаем специальный контейнер с двумя колонками
if (isPrintMode) {
const itemsPerColumn = Math.ceil(sortedIcons.length / 2);
const columnsContainer = document.createElement('div');
columnsContainer.className = 'icon-comparison-no-groups-container';

// Создаем две колонки
for (let i = 0; i < 2; i++) {
const startIndex = i * itemsPerColumn;
const endIndex = startIndex + itemsPerColumn;
const columnIcons = sortedIcons.slice(startIndex, endIndex);

if (columnIcons.length > 0) {
const column = document.createElement('div');
column.className = 'icon-comparison-no-groups-column';
const panel = iconComparisonCreateIconColumn(columnIcons, true);
column.appendChild(panel);
columnsContainer.appendChild(column);
}
}

container.appendChild(columnsContainer);
} else {
// Для обычного отображения используем старую логику
const itemsPerColumn = 20;
const columnCount = Math.ceil(sortedIcons.length / itemsPerColumn);

for (let i = 0; i < columnCount; i++) {
const startIndex = i * itemsPerColumn;
const endIndex = startIndex + itemsPerColumn;
const columnIcons = sortedIcons.slice(startIndex, endIndex);
const column = iconComparisonCreateIconColumn(columnIcons);
container.appendChild(column);
}
}

iconComparisonUpdateStats();
}

function iconComparisonFilterIcons(searchTerm = '') {
let filtered = [...iconComparisonAllIcons];

// Фильтрация по поисковому запросу
if (searchTerm) {
const term = searchTerm.toLowerCase();
filtered = filtered.filter(icon =>
icon.name.toLowerCase().includes(term) ||
(icon.group && icon.group.toLowerCase().includes(term))
);
}

// Фильтрация по выбранным группам
if (selectedGroups.size > 0) {
filtered = filtered.filter(icon => {
// Если у значка нет группы, проверяем наличие 'no_group'
if (!icon.group || icon.group.trim() === '') {
return selectedGroups.has('no_group');
}
return selectedGroups.has(icon.group);
});
}

iconComparisonFilteredIcons = filtered;
iconComparisonRenderFilteredIcons();

// Обновляем текст кнопки выбора групп
updateGroupsDropdownText();
}

function iconComparisonRenderFilteredIcons() {
if (iconComparisonShowGroups) {
iconComparisonRenderWithGroups();
} else {
iconComparisonRenderWithoutGroups();
}
}

function iconComparisonUpdateStats() {
document.getElementById('iconComparisonTotalCount').textContent = iconComparisonAllIcons.length;
const shownCount = selectedGroups.size === 0 ? 0 : iconComparisonFilteredIcons.length;
document.getElementById('iconComparisonShownCount').textContent = shownCount;
}

function updateGroupsDropdownText() {
const toggle = document.getElementById('groupsDropdownToggle');
const groupsSpan = toggle.querySelector('span:first-child');

if (selectedGroups.size === 0) {
groupsSpan.textContent = 'Выбрать группы';
} else if (selectedGroups.size === 1) {
const groupName = Array.from(selectedGroups)[0];
groupsSpan.textContent = groupName === 'no_group' ? 'Прочие' : groupName;
} else {
groupsSpan.textContent = `Выбрано групп: ${selectedGroups.size}`;
}
}

function iconComparisonInitGroupSelect(groups) {
const dropdownContent = document.getElementById('groupsDropdownContent');

// Добавляем чекбокс "Выбрать все"
const selectAllOption = document.createElement('div');
selectAllOption.className = 'group-option';
selectAllOption.innerHTML = `
<input type="checkbox" id="selectAllGroups" class="group-checkbox" checked>
<label for="selectAllGroups" class="group-name">Все группы</label>
`;
dropdownContent.appendChild(selectAllOption);

const selectAllCheckbox = selectAllOption.querySelector('.group-checkbox');

// Добавляем чекбоксы для каждой группы
groups.sort((a, b) => a.localeCompare(b, 'ru')).forEach(group => {
const groupOption = document.createElement('div');
groupOption.className = 'group-option';

const checkboxId = `group_${group.replace(/\s+/g, '_')}`;

groupOption.innerHTML = `
<input type="checkbox" id="${checkboxId}" class="group-checkbox" checked>
<label for="${checkboxId}" class="group-name">${group}</label>
`;

dropdownContent.appendChild(groupOption);

// Добавляем группу в выбранные
selectedGroups.add(group);

// Обработчик изменения чекбокса
const checkbox = groupOption.querySelector('.group-checkbox');
checkbox.addEventListener('change', function() {
if (this.checked) {
selectedGroups.add(group);
} else {
selectedGroups.delete(group);
}

// Обновляем состояние "Выбрать все"
updateSelectAllCheckbox();

// Фильтруем значки
const searchTerm = document.getElementById('iconComparisonSearch').value;
iconComparisonFilterIcons(searchTerm);
});
});

// Проверяем, есть ли значки без группы
const hasNoGroup = iconComparisonAllIcons.some(icon => !icon.group || icon.group.trim() === '');

if (hasNoGroup) {
const separator = document.createElement('div');
separator.style.height = '1px';
separator.style.background = '#ddd';
separator.style.margin = '5px 0';
dropdownContent.appendChild(separator);

const noGroupOption = document.createElement('div');
noGroupOption.className = 'group-option';
noGroupOption.innerHTML = `
<input type="checkbox" id="group_no_group" class="group-checkbox" checked>
<label for="group_no_group" class="group-name">Прочие (без группы)</label>
`;

dropdownContent.appendChild(noGroupOption);

// Добавляем 'no_group' в выбранные
selectedGroups.add('no_group');

// Обработчик изменения чекбокса
const noGroupCheckbox = noGroupOption.querySelector('.group-checkbox');
noGroupCheckbox.addEventListener('change', function() {
if (this.checked) {
selectedGroups.add('no_group');
} else {
selectedGroups.delete('no_group');
}

// Обновляем состояние "Выбрать все"
updateSelectAllCheckbox();

// Фильтруем значки
const searchTerm = document.getElementById('iconComparisonSearch').value;
iconComparisonFilterIcons(searchTerm);
});
}

// Обработчик для "Выбрать все"
selectAllCheckbox.addEventListener('change', function() {
const allCheckboxes = dropdownContent.querySelectorAll('.group-checkbox');
allCheckboxes.forEach(checkbox => {
if (checkbox.id !== 'selectAllGroups') {
checkbox.checked = this.checked;

// Обновляем selectedGroups
const groupName = checkbox.id === 'group_no_group' ? 'no_group' :
checkbox.id.replace('group_', '').replace(/_/g, ' ');

if (this.checked) {
selectedGroups.add(groupName);
} else {
selectedGroups.delete(groupName);
}
}
});

// Фильтруем значки
const searchTerm = document.getElementById('iconComparisonSearch').value;
iconComparisonFilterIcons(searchTerm);
});

// Инициализируем текст кнопки
updateGroupsDropdownText();
}

function updateSelectAllCheckbox() {
const allCheckboxes = document.querySelectorAll('.group-checkbox:not(#selectAllGroups)');
const checkedCheckboxes = document.querySelectorAll('.group-checkbox:not(#selectAllGroups):checked');

const selectAllCheckbox = document.getElementById('selectAllGroups');
if (checkedCheckboxes.length === allCheckboxes.length) {
selectAllCheckbox.checked = true;
selectAllCheckbox.indeterminate = false;
} else if (checkedCheckboxes.length === 0) {
selectAllCheckbox.checked = false;
selectAllCheckbox.indeterminate = false;
} else {
selectAllCheckbox.checked = false;
selectAllCheckbox.indeterminate = true;
}
}

async function iconComparisonLoadIcons() {
try {
// Загружаем данные из image_list.js
const script = document.createElement('script');
script.src = 'image_list.js';
document.head.appendChild(script);

script.onload = function() {
try {
const data = loadBeforeAfterImages();

if (data && data.images) {
const processedImages = data.images.map(icon => {
const displayName = icon.name.replace(/^32x32_/, '');
return {
...icon,
name: displayName
};
});

iconComparisonAllIcons = processedImages;
iconComparisonFilteredIcons = [...iconComparisonAllIcons];
iconComparisonAvailableGroups = data.availableGroups || [];

iconComparisonInitGroupSelect(iconComparisonAvailableGroups);
iconComparisonRenderFilteredIcons();
iconComparisonUpdateStats();

console.log(`Загружено ${iconComparisonAllIcons.length} значков, ${iconComparisonAvailableGroups.length} групп`);
} else {
showError('Ошибка загрузки данных');
}
} catch (error) {
console.error('Ошибка обработки данных:', error);
showError('Ошибка обработки данных');
}
};

script.onerror = function() {
showError('Ошибка загрузки файла image_list.js');
};

} catch (error) {
console.error('Ошибка загрузки значков:', error);
showError('Ошибка загрузки значков');
}
}

function showError(message) {
const container = document.getElementById('iconComparisonContainer');
container.innerHTML = `
<div class="icon-comparison-no-results">
<div class="no-results-icon">
<i class="fas fa-exclamation-triangle"></i>
</div>
<div>${message}</div>
</div>
`;
}

function iconComparisonSetupPrintHandler() {
window.addEventListener('beforeprint', function() {
console.log('Before print - activating print mode');
isPrintMode = true;
if (iconComparisonShowGroups && iconComparisonFilteredIcons.length > 0) {
setTimeout(() => {
iconComparisonRenderWithGroups();
}, 50);
} else if (iconComparisonFilteredIcons.length > 0) {
setTimeout(() => {
iconComparisonRenderWithoutGroups();
}, 50);
}
});

window.addEventListener('afterprint', function() {
console.log('After print - deactivating print mode');
isPrintMode = false;
if (iconComparisonShowGroups && iconComparisonFilteredIcons.length > 0) {
setTimeout(() => {
iconComparisonRenderWithGroups();
}, 50);
} else if (iconComparisonFilteredIcons.length > 0) {
setTimeout(() => {
iconComparisonRenderWithoutGroups();
}, 50);
}
});
}

function iconComparisonSetupResizeHandler() {
let resizeTimeout;
let lastWidth = 0;

function handleResize() {
if (isPrintMode) return;

const currentWidth = document.getElementById('iconComparisonContainer').clientWidth;

if (Math.abs(currentWidth - lastWidth) > 20) {
lastWidth = currentWidth;

if (iconComparisonShowGroups && iconComparisonFilteredIcons.length > 0) {
iconComparisonRenderWithGroups();
} else if (iconComparisonFilteredIcons.length > 0) {
iconComparisonRenderWithoutGroups();
}
}
}

window.addEventListener('resize', function() {
clearTimeout(resizeTimeout);
resizeTimeout = setTimeout(handleResize, 150);
});
}

function iconComparisonSetupSearch() {
const searchInput = document.getElementById('iconComparisonSearch');
let searchTimeout;

searchInput.addEventListener('input', function(e) {
clearTimeout(searchTimeout);
searchTimeout = setTimeout(() => {
iconComparisonFilterIcons(e.target.value);
}, 300);
});

searchInput.addEventListener('keydown', function(e) {
if (e.key === 'Escape') {
this.value = '';
iconComparisonFilterIcons('');
}
});
}

function iconComparisonSetupToggle() {
const toggle = document.getElementById('iconComparisonShowGroups');

toggle.addEventListener('change', function() {
iconComparisonShowGroups = this.checked;
iconComparisonRenderFilteredIcons();
});
}

function setupGroupsDropdown() {
const toggle = document.getElementById('groupsDropdownToggle');
const content = document.getElementById('groupsDropdownContent');

toggle.addEventListener('click', function(e) {
e.stopPropagation();
this.classList.toggle('active');
content.classList.toggle('show');
});

// Закрытие при клике вне dropdown
document.addEventListener('click', function(e) {
if (!e.target.closest('.groups-dropdown')) {
toggle.classList.remove('active');
content.classList.remove('show');
}
});

// Предотвращаем закрытие при клике внутри dropdown
content.addEventListener('click', function(e) {
e.stopPropagation();
});
}

// Инициализация при загрузке страницы
document.addEventListener('DOMContentLoaded', function() {
console.log('Инициализация системы сравнения значков ИСИХОГИ');
iconComparisonLoadIcons();
iconComparisonSetupSearch();
iconComparisonSetupToggle();
iconComparisonSetupResizeHandler();
iconComparisonSetupPrintHandler();
setupGroupsDropdown();
});
</script>
</body>
</html>

Добавлено (2025-12-16, 15:41)
---------------------------------------------
<!DOCTYPE html>
<html lang="{{ .Site.Language.Lang }}">
{{- partial "head.html" . -}}
<body dir="{{ .Site.Language.LanguageDirection | default `ltr` }}">
{{- partial "navbar.html" . -}}
{{- block "main" . }}{{ end -}}
{{- if or (eq .Site.Params.footer.enable nil) (.Site.Params.footer.enable) }}
{{ partial "footer.html" . }}
{{ end }}
{{ partial "scripts.html" . }}
</body>
</html>