// Array de tuits
const tweets = [
    { text: "¡Hola a todos! Este es mi primer tuit en mi microblog.", image: "" },
    { text: "Aquí puedo compartir mis pensamientos, proyectos y links interesantes.", image: "https://via.placeholder.com/400x200.png?text=Imagen+del+tweet" },
    { text: "Cada tuit puede tener texto y también imágenes si quieres.", image: "" },
    { text: "Este es otro tuit para probar scroll infinito.", image: "" },
    { text: "Puedes agregar todos los tuits que quieras.", image: "" }
];

// Función para mostrar los tuits
function loadTweets() {
    const container = document.getElementById('tweets-container');
    tweets.forEach(tweet => {
        const div = document.createElement('div');
        div.className = 'tweet';

        div.innerHTML = `
            <div class="tweet-header">
                <img class="tweet-photo" src="https://i.ibb.co/fdqhGS42/profile.jpg" alt="Foto de María Barbara Zavala">
                <div class="tweet-text">${tweet.text}</div>
            </div>
            ${tweet.image ? `<img class="tweet-image" src="${tweet.image}" alt="Imagen del tuit">` : ''}
        `;
        container.appendChild(div);
    });
}

// Ejecutar al cargar la página
window.onload = loadTweets;