{% load django_vite %}
 <!-- main -->
 <div class="main-page">
            <div class="middle-content middle-content-index">
                <div class="body-content">
                    <div class="title-content"><h1>{{ NOMBRE_SERVIDOR }} WOTLK 3.4.3</h1></div>
                    <div class="box-content">
                        <div class="raf-index-holder">
                            <div class="right-content" id="right-content-min">
                                <div class="right-body">
                                    <!-- Isla React (Vite): tabla de estado del servidor,
                                         alimentada por /api/home/status/. Reloj en vivo en TSX. -->
                                    <div id="home-status-app"></div>
                                </div>
                                <div class="raf-index-responsive"><a href="recruit-a-friend">¡RECLUTA A UN AMIGO!</a></div>
                            </div>
                            <div class="raf-index"><a href="recruit-a-friend">¡RECLUTA A UN AMIGO!</a></div>
                        </div>
                        <div class="body-box-content">
                            <div class="body-box-content">
                                <p>{{ NOMBRE_SERVIDOR }} es una comunidad enfocada en usuarios de habla hispana, especialmente dirigida al público español y latino.</p>
                                <p>Atraemos a usuarios apasionados tanto por el PvE como por el PvP, y ofrecemos una amplia variedad de contenido.</p>
                                <br />
                                <p>Nuestro objetivo principal es mantener una comunidad de alto nivel, brindando un ambiente agradable para que todos los miembros, nuevos y veteranos, encuentren aquí un lugar donde puedan vivir momentos inigualables.</p>
                                <p>¡Únete y disfruta de una experiencia única con miles de usuarios!</p>
                            </div>
                        </div>
                    </div>
                    <br />
                <script>
                    if ($("#live-stream").length > 0) {
                        $("#content-container").html("EN VIVO" );
                        $("#live-stream-div").show();
                    }
                    else {
                        $("#live-stream-div").hide();
                    }
                </script>
                  <div class="title-content-h3">
    <h3 class="big-font">NOTICIAS</h3>
</div>
<div class="box-content">
    <div class="body-box-content">
        <!-- Isla React (Vite): la lista de noticias se renderiza en TSX y se
             alimenta del endpoint /api/home/news/. Migrado desde el bucle Django. -->
        <div id="home-news-app"></div>
        {% vite_asset 'src/entries/home.tsx' %}
    </div>
</div>