lollms-webui/endpoints/news/current.html

<div class="mb-6">
    <div class="bg-gradient-welcome card p-6 rounded-lg shadow-lg">
        <h3 class="text-gradient-title text-3xl font-bold mb-4">🚀 Exciting Updates! 🚀</h3>
        
        <div class="card mb-6 transition-all duration-300 hover:shadow-xl">
            <div class="flex items-center gap-3 mb-4">
                <span class="text-3xl">🎨</span>
                <h4 class="text-subtitle text-2xl font-bold">Remote Stable Diffusion Integration</h4>
            </div>
            
            <div class="space-y-4 text-left">
                <p class="text-progress leading-relaxed">
                    LoLLMs can now seamlessly connect to any remote Stable Diffusion WebUI, expanding your creative possibilities! Simply ensure the remote instance is accessible and launched with the <code>--api</code> option.
                </p>
            </div>
        </div>

        <div class="card mb-6 transition-all duration-300 hover:shadow-xl">
            <div class="flex items-center gap-3 mb-4">
                <span class="text-3xl">🧠</span>
                <h4 class="text-subtitle text-2xl font-bold">Smart Router Enhancement</h4>
            </div>
            
            <div class="space-y-4 text-left">
                <p class="text-progress leading-relaxed">
                    Our new smart router now selects the most appropriate model based on its description, not just prompt complexity. This ensures more accurate and context-aware responses for your queries.
                </p>
            </div>
        </div>

        <div class="card mb-6 hover:shadow-xl transition-all duration-300">
            <div class="flex items-center gap-3 mb-4">
                <span class="text-3xl">🛠️</span>
                <h4 class="text-subtitle text-2xl font-bold">New Apps in the Zoo</h4>
            </div>
        
            <div class="space-y-4 text-left">
                <p class="text-progress text-lg leading-relaxed">
                    Explore our latest additions to the LoLLMs app ecosystem:
                </p>
            
                <div class="village-life-update">
                    <h3 class="text-xl font-bold mb-4">Village Life Simulator: Major Update</h3>
                    <ul class="list-disc list-inside space-y-2 pl-4 text-progress">
                        <li>Custom Memories: Implement unique, personalized memories for each villager</li>
                        <li>Enhanced UI: Improved visual representation of the village layout and dynamics</li>
                        <li>Gender Selection: Ability to set and customize villager genders</li>
                        <li>Rich Discussions: Significantly more detailed and nuanced conversations between villagers</li>
                        <li>Contextual Depth: Enhanced context embedding in all simulation steps for more realistic interactions</li>
                        <li>Multi-Participant Debates: Support for discussions involving more than two villagers, enabling complex group dynamics</li>
                        <li>Story Building: Create immersive, detailed narratives based on the simulation outcomes</li>
                    </ul>
                    <p class="mt-4 text-sm text-warning">
                        <strong>Note:</strong> This update is more resource-intensive. Please be mindful of token usage and ensure a large context size for optimal performance.
                    </p>
                </div>
            
                <div class="bg-gradient-progress p-4 rounded-md border-l-4 border-current mt-4">
                    <p class="text-progress italic">
                        "Empowering users with advanced AI tools, customization options, and enhanced system security!"
                    </p>
                </div>
            </div>
            
        </div>

        <div class="card hover:shadow-xl transition-all duration-300">
            <div class="flex items-center gap-3 mb-4">
                <span class="text-3xl">🎥</span>
                <h4 class="text-subtitle text-2xl font-bold">New Video Release Feature</h4>
            </div>
        
            <div class="space-y-4 text-left">
                <p class="text-progress text-lg leading-relaxed">
                    We're excited to introduce a new feature for video releases:
                </p>
        
                <ul class="list-disc list-inside space-y-2 pl-4 text-progress">
                    <li>When new content is released, you'll see different icons based on the content type:
                        <ul class="list-none pl-6 mt-2 space-y-1">
                            <li><i class="fas fa-play-circle"></i> A play button for new videos</li>
                            <li><i class="fas fa-microphone"></i> A microphone icon for new podcasts</li>
                            <li><i class="fas fa-chalkboard-teacher"></i> A chalkboard icon for new tutorials</li>
                            <li><i class="fas fa-music"></i> A music note icon for new music</li>
                        </ul>
                    </li>
                    <li>After consuming the content, the icon won't appear again for that specific item.</li>
                    <li>This helps you easily identify new, unwatched or unlistened content in your feed.</li>
                </ul>
                
                <div class="bg-gradient-progress p-4 rounded-md border-l-4 border-current mt-4">
                    <p class="text-progress italic">
                        "Never miss a new release and keep track of your watched content effortlessly!"
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="text-center mt-6">
    <p class="text-xl font-bold text-gradient-title">Thank you for watching and staying updated with LoLLMs!</p>
    <p class="text-lg text-progress">We appreciate your continued support and engagement with our platform.</p>
</div>