---

// 1. Имитация динамической загрузки статей
const articlesContainer = document.getElementById('articlesContainer');

const dummyArticles = [
    { title: "Закаты на Бали", img: "https://picsum.photos/id/10/400/300", desc: "Невероятное путешествие..." },
    { title: "Горы Алтая", img: "https://picsum.photos/id/13/400/300", desc: "Чистый воздух и дикая природа..." },
    { title: "Улицы Парижа", img: "https://picsum.photos/id/15/400/300", desc: "Романтика в каждом шаге..." }
];

function loadArticles() {
    articlesContainer.innerHTML = dummyArticles.map(art => `
        <article class="article-card">
            <img src="${art.img}" alt="${art.title}">
            <div>
                <h4>${art.title}</h4>
                <p>${art.desc}</p>
            </div>
        </article>
    `).join('');
}

// 2. Работа модального окна
const modal = document.getElementById('authModal');
const loginBtn = document.getElementById('loginBtn');
const closeBtn = document.querySelector('.close');

loginBtn.onclick = () => modal.style.display = "block";
closeBtn.onclick = () => modal.style.display = "none";
window.onclick = (e) => { if(e.target == modal) modal.style.display = "none"; };

// Переключение между Входом и Регистрацией
const toReg = document.getElementById('toReg');
const toLogin = document.getElementById('toLogin');
const loginForm = document.getElementById('loginForm');
const regForm = document.getElementById('regForm');

toReg.onclick = () => { loginForm.style.display = "none"; regForm.style.display = "block"; };
toLogin.onclick = () => { regForm.style.display = "none"; loginForm.style.display = "block"; };

// Запуск загрузки при старте
loadArticles();