{% extends 'layout.html' %}

{% block title %}
{{super()}} Home
{% endblock %}

{% block head%}
{{super()}}
<style>
    .flash-message {
        position: relative;
        padding: 10px 40px 10px 20px;
        margin-bottom: 10px;
        border-radius: 5px;
        background-color: #5a5cd1;
        color: white;
        font-size: 16px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
</style>
{% endblock %}

{% block content %}
<!-- Banner -->




<section id="banner">
    <div class="inner">
        <h2 style="color:black; font-size: 3em; text-align: center;">SPX BUTTERFLIES</h2>
        <p style="color: black;">Welcome to the fantastic world of the
            butterflies in the market</p>
        <ul class="actions" style="display: flex; justify-content: center;">
            <div style="display: flex; flex-direction: column; align-items: center;">
                <li>
                    <a id="signup-link" href="/startFreeTrial" class="button special" style="margin: 0 5px;">Free Trial</a>
                    <!-- <a id="signup-link" href="/startFreeTrial" class="">Free Trial</a> -->
                    <div id="noCreditCard" style="color:black; font-size: 10px; font-weight: bold;">* NO CREDIT CARD REQUIRED</div>

                </li>
            </div>
            <li>
                <a id="learn-link" href="/about" class="button alt" style="margin: 0 5px;">Learn More</a>
            </li>
        </ul>

    </div>
</section>
<section id="one" class="wrapper style1">
    <header class="major">
        <h2>FUNDAMENTOS PARA EL EXITO</h2>
        <p>Herramientas y valores para ser rentable</p>
    </header>
    <div class="container">
        <div class="row">
            <div class="4u">
                <section id="datos" class="special box"> <i class="icon fa-area-chart major"></i>
                    <h3>DATOS</h3>
                    <p>Todo comienza con la recolección de datos, siendo una recopilacion de
                        datos sólida esencial para tomar decisiones precisas y
                        acertadas. Una base de datos de calidad actúa como un activo
                        invaluable, respaldando estrategias informadas y acciones
                        efectivas. La inversión en una base de datos robusta es un
                        imperativo estratégico para lograr el éxito con un enfoque
                        respaldado por datos sólidos.</p>
                </section>
            </div>
            <div class="4u">
                <section id="patrones" class="special box"> <i class="icon fa-refresh major"></i>
                    <h3>PATRONES</h3>
                    <p>Los seres humanos tienden a seguir y mantener patrones
                        constantes y repetitivos. Este fenómeno se refleja también en el
                        comportamiento del mercado, que se repite a lo largo de los días, meses y años. La habilidad
                        para descubrir y detectar estos
                        patrones dentro de un sistema proporciona una ventaja
                        significativa sobre los demás.</p>
                </section>
            </div>
            <div class="4u">
                <section id="constancia" class="special box"> <i class="icon fa-cog major"></i>
                    <h3>CONSTANCIA</h3>
                    <p>El manejo de la psicología en el trading emerge como uno de los
                        desafíos más significativos que deben abordarse para lograr
                        resultados óptimos. Desarrollar una estrategia triunfadora
                        implica fundamentalmente la aplicación constante y reiterada de
                        ella misma. La perseverancia y el enfoque constante en las
                        habilidades psicológicas son esenciales para alcanzar el éxito
                        sostenido en el mundo del trading.</p>
                </section>
            </div>
        </div>
    </div>
</section>

<!-- Two -->
<section id="two" class="wrapper style2">
    <header class="major">
        <h2>DE QUE TRATA</h2>
        <p>Estrategia Iron Butterfly</p>
    </header>
    <div id="part1" class="container">La estrategia de trading conocida como Iron
        Butterfly es un enfoque en el mercado de opciones, utilizado
        para beneficiarse de la baja volatilidad del precio del activo
        subyacente. Esta estrategia es clasificada como "neutral" porque se
        beneficia cuando el precio del activo subyacente permanece dentro de un
        rango específico. </div>
    <br>
    <div id="part2" class="container">La estrategia Iron Butterfly también enseña
        lecciones valiosas sobre control emocional. En los mercados financieros,
        las emociones pueden ser una fuerza poderosa que puede llevar a
        decisiones impulsivas y pérdidas significativas. Mantener la calma y la
        objetividad, características esenciales para el éxito en la estrategia Iron
        Butterfly.</div>
    <br>
    <div id="part3" class="container">Pero mas alla de todo, y es en parte un mensaje que
        se quiere plasmar en este website, la importancia de trazar paralelos
        interesantes entre los principios de la estrategia Iron Butterfly y el equilibrio
        en la vida misma. La estrategia Iron Butterfly no solo ofrece un enfoque
        neutral y equilibrado dentro del trading de opciones, sino que también
        sirve como una metáfora valiosa para recordarnos la importancia
        de buscar equilibrio en nuestras vidas y gestionar nuestras emociones de
        manera consciente.</div>
    <br>
    <br>

    <div class="container">
        <div class="row">
            <div class="6u">
                <section id="tranquilidad" class="special"> <img class="image fit"
                        src="/static/img/mainWebsite/tranquilidad.jpg" alt="#">
                    <h3>TRANQUILIDAD</h3>
                    <p>Esta no es una website de indicadores, osciladores o velas
                        japonesas. El trading es vertiginoso y stressante, pero la idea
                        de este proyeto es llevar un trading relajado y tranquilo dentro
                        del huracán que es el mercado de valores.</p>
                </section>
            </div>
            <div class="6u">
                <section id="esfuerzo" class="special"> <img class="image fit"
                        src="/static/img/mainWebsite/escalando.jpg" alt="#">
                    <h3>ESFUERZO</h3>
                    <p>Todo en la vida requiere de constancia y esfuerzo para lograr
                        los objetivos. Estar focalizados en la meta es fundamental
                        aunque el éxito esta conectado con la accion. Mantente en
                        movimiento.</p>
                </section>
            </div>
        </div>
    </div>
</section>

<div class="container">
    &nbsp;
</div>

<header id="herramientas" class="major">
    <h2>HERRAMIENTAS</h2>
</header>

<section>
    <div class="container">
        <div class="row">
            <div class="6u">
                <section id="comparacion" class="special">
                    <h3>COMPARACION DE ESTRATEGIAS</h3>
                    <img class="image fit" src="static/img/mainWebsite/compare2.png" alt="" width="100%">
                    <p style="text-align: left">Comparar los resultados de diferentes estrategias es una herramienta
                        potente ya que permite visualizar rapidamente cuales son aquellas con mejor rendimiento
                        dependiendo de los parametros elegidos. </p>
                </section>
            </div>
            <div class="6u">
                <section id="alertas" class="special">
                    <h3>ALERTS</h3>
                    <img class="image fit" src="static/img/mainWebsite/alerts.png" alt="" width="100%">
                    <p style="text-align: left">Siguiendo los patrones de una secuencia se pueden detectar
                        probabilisticamente rachas positivas y negativas. Dependiendo de esas rachas podemos
                        detectar y obtener alertas de los dias mas favorables para obtener dias favorables. El módulo
                        detecta y marca alertas con probabiliad ponderada cuando esto ocurra.<br>
                    </p>
                </section>
            </div>
        </div>
    </div>
</section>

<div class="container">
    <hr>
</div>
<section>
    <div class="container">
        <div class="row">
            <div class="6u">
                <section id="mensual" class="special">
                    <h3>GRAFICOS MENSUALES</h3>
                    <img class="image fit" src="static/img/mainWebsite/profit_loss_by_month.png" alt="" width="100%">
                    <p style="text-align: left">Una forma de visualizar facilmente los rendimientos de una estrategia es
                        hacer un seguimiento mensual. Habrá meses buenos y meses malos, lo importante es que los meses
                        positivos superen a los meses negativos. </p>
                </section>
            </div>
            <div class="6u">
                <section id="graficos" class="special">
                    <h3>GRAFICOS HISTORICOS</h3>
                    <img class="image fit" src="static/img/mainWebsite/profit_loss.png" alt="" width="100%">
                    <p style="text-align: left">Con los gráficos históricos podra hacer un seguimiento de las
                        ganncias/perdidas, esperanza matematicas, creditos, etc segun la estrategia y los filtros
                        seleccionado. Es un buena forma de verificar si una estrategia es ganadora o no.<br>
                    </p>
                </section>
            </div>
        </div>
    </div>
</section>

<div class="container">
    <hr>
</div>

<section>
    <div class="container">
        <div class="row">
            <div class="6u">
                <section id="mejoresTPSL" class="special">
                    <h3>MEJORES TP/SL</h3>
                    <img class="image fit" src="static/img/mainWebsite/bestPair.png" alt="" width="100%">
                    <p style="text-align: left"> Teniendo una base de datos (cuanto mas
                        grande es mejor), es posible determinar mediante combinaciones y
                        formulas cuales son los mejores take profit y stop loss para
                        un determinado rango de fechas.</p>
                </section>
            </div>
            <div class="6u">
                <section id="losPatrones" class="special">
                    <h3>PATRONES</h3>
                    <img class="image fit" src="static/img/mainWebsite/lastIronButterflies.png" alt="" width="100%">
                    <p style="text-align: left">Comparando patrones de dias positivos y negativos es posible
                        determinar aquellos dias que una estrategia esta teniendo
                        mejores resultados. Incluso, por ejemplo, despues de una
                        seguidilla de dias negativos, aumentaran las probabilidades de
                        que un dia positivo aparezca.</p>
                </section>
            </div>
        </div>
    </div>
</section>


<section id="twoTwo" class="wrapper style2">
    <header id="heatmap" class="major">
        <h2>TP/SL HEAT MAP</h2>
    </header>

    <div class="container">
        <div class="row">
            <div class="2u">
                &nbsp;
            </div>
            <div id="textheatmap" class="4u" style="text-align: center;">
                <br>
                <br><br>
                <p>
                    Puede consultar el mapa de calor con los mejores TP y SL de cada estrategia. Esto mostrara un rango
                    en que cada estrategia se desarrolla mejor segun todas las combinaciones posibles de TP o SL.
                    Esta potente herramienta se puede parametrizar con diferentes variables, valores y fechas. Cuanto
                    mas verde sea el TP/SL indica que el par tiene mejor rendimiento. Un par mas rojo indicara que
                    el TP/SL no es óptimo para operar.
                </p>
            </div>
            <div class="6u">
                <section class="special"> <img src="/static/img/mainWebsite/bestTPSL.png" alt="#" width="80%"
                        height="40%">
                </section>
            </div>

        </div>
    </div>
</section>
<!-- Three -->
<section id="three" class="wrapper style1">
    <div class="container">
        <div class="row">
            <div id="paraque" class="8u">
                <section>
                    <h2>Para qué?</h2>
                    <p>Una de las cosas mas importantes a la hora de emprender un
                        proyecto que deseamos sea exitoso es preguntarse para qué y por
                        qué lo hacemos. Varios pueden ser los motivos, pero solo uno
                        deberia ser el que nos de fuerza y empuje necesario para que
                        cuando las cosas no vayan bien nos mantenga en foco, como un
                        faro en medio del oceano. En este caso el objetivo es ayudar, es
                        compartir. Una herramienta para que mas personas pueden
                        encontrar su libertad finaciera.</p>
                    <img src="/static/img/mainWebsite/statisticsNewMirror.fw.png" alt=""
                        style="width: 100%; height: 100%;"><br>
                    <br>
                    <br>

                </section>
            </div>
            <div id="queencontraras" class="4u">
                <h2>Qué encontrarás?</h2>
                <p>• Informacion intradia con datos relevantes<br>
                    • Graficos estadísticos<br>
                    • Movimiento en tiempo real de cada estrategia<br>
                    • Take Profit y Stop Loss mas rentables<br>
                    • Noticias relevantes del mercado<br>
                    • Datos historicos<br>
                    • Calendario de eventos y reportes importantes<br>
                    • Comparacion de estrategias<br>
                    • Alertas de patrones<br>
                </p>
                <br>

                <h3> Suscribirse al boletín</h3>
            </div>
            <div class="4u">
                <form name="newsLetter" action="/newsletter" method="POST"> <input name="firstName" id="firstName"
                        placeholder="First Name" required="required" size="50" maxlength="20" autocomplete="on"
                        type="text"><br>
                    <input name="lastName" id="lastName" placeholder="Last Name" required="required" maxlength="20"
                        autocomplete="on" type="text"><br>
                    <input name="email" id="email" placeholder="Email" required="required" maxlength="50"
                        autocomplete="on" pattern="^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$" type="email"><br>
                    <button id="submitNewsletter" class="button special" name="submitNewsletter" value=""
                        style="margin: 0 auto; display: block;">SUBMIT</button>

                    {% with messages = get_flashed_messages() %}
                    {% if messages %}
                    {% for message in messages %}
                    <br>
                    <div class="flash-message">{{ message }}</div>
                    {% endfor %}
                    {% endif %}
                    {% endwith %}
                </form>

                <hr>
            </div>
        </div>
    </div>
</section>



<script>
    function changeLanguage(lang) {
        // Cambiar el texto según el idioma seleccionado
        localStorage.setItem('selectedLanguage', lang);

        if (lang === 'en') {
            // Traducción de los enlaces del menú
            document.getElementById('home-link').textContent = 'Home';
            document.getElementById('about-link').textContent = 'About';
            document.getElementById('pricing-link').textContent = 'Pricing';
            document.getElementById('contact-link').textContent = 'Contact';
            document.getElementById('login-link').textContent = 'Login';
            document.getElementById('signup-link').textContent = 'Free Trial';
            document.getElementById('noCreditCard').textContent = 'NO CREDIT CARD REQUIRED';


            document.getElementById('learn-link').textContent = 'Learn More';

            document.querySelector('#banner h2').textContent = 'SPX BUTTERFLIES';
            document.querySelector('#banner p').textContent = 'Welcome to the fantastic world of the butterflies in the market';
            document.querySelector('#one header h2').textContent = 'SUCCESS FUNDAMENTALS';
            document.querySelector('#one header p').textContent = 'Tools and values for profitability';
            document.getElementById('datos').querySelector('h3').textContent = 'DATA';
            document.getElementById('datos').querySelector('p').textContent = 'It all begins with data collection, as solid data compilation is essential for making precise and informed decisions. A high-quality database acts as an invaluable asset, supporting informed strategies and effective actions. Investing in a robust database is a strategic imperative for achieving success with a data-driven approach.';
            document.getElementById('patrones').querySelector('h3').textContent = 'PATTERNS';
            document.getElementById('patrones').querySelector('p').textContent = 'Humans tend to follow and maintain consistent and repetitive patterns. This phenomenon is also reflected in the behavior of the market, which repeats itself over days, months, and years. The ability to discover and detect these patterns within a system provides a significant advantage over others.';
            document.getElementById('constancia').querySelector('h3').textContent = 'CONSTANCY';
            document.getElementById('constancia').querySelector('p').textContent = 'The management of psychology in trading emerges as one of the most significant challenges that must be addressed to achieve optimal results. Developing a winning strategy fundamentally implies the constant and repeated application of it. Perseverance and constant focus on psychological skills are essential to achieve sustained success in the trading world.';
            document.getElementById('two').querySelector('h2').textContent = 'WHAT IS IT ABOUT';
            document.getElementById('two').querySelector('p').textContent = 'Iron Butterfly Strategy';
            document.getElementById('two').querySelector('#part1').textContent = 'The trading strategy known as Iron Butterfly is an approach in the options market, used to benefit from the low volatility of the underlying asset price. This strategy is classified as "neutral" because it benefits when the underlying asset price remains within a specific range.';
            document.getElementById('two').querySelector('#part2').textContent = 'The Iron Butterfly strategy also teaches valuable lessons about emotional control. In financial markets, emotions can be a powerful force that can lead to impulsive decisions and significant losses. Maintaining calm and objectivity, essential characteristics for success in the Iron Butterfly strategy.';
            document.getElementById('two').querySelector('#part3').textContent = 'But beyond everything, and partly a message that is intended to be conveyed on this website, the importance of drawing interesting parallels between the principles of the Iron Butterfly strategy and balance in life itself. The Iron Butterfly strategy not only offers a neutral and balanced approach within options trading, but also serves as a valuable metaphor to remind us of the importance of seeking balance in our lives and managing our emotions consciously.';
            document.getElementById('tranquilidad').querySelector('h3').textContent = 'TRANQUILITY';
            document.getElementById('tranquilidad').querySelector('p').textContent = 'This is not a website of indicators, oscillators, or Japanese candles. Trading is dizzying and stressful, but the idea of this project is to bring a relaxed and calm trading within the hurricane that is the stock market.';
            document.getElementById('esfuerzo').querySelector('h3').textContent = 'EFFORT';
            document.getElementById('esfuerzo').querySelector('p').textContent = 'Everything in life requires constancy and effort to achieve goals. Being focused on the goal is fundamental even though success is connected to action. Keep moving forward.';
            document.getElementById('herramientas').querySelector('h2').textContent = 'TOOLS';
            document.getElementById('comparacion').querySelector('h3').textContent = 'STRATEGY COMPARISON';
            document.getElementById('comparacion').querySelector('p').textContent = 'Comparing the results of different strategies is a powerful tool that allows you to quickly visualize which ones perform better depending on the chosen parameters.';
            document.getElementById('alertas').querySelector('h3').textContent = 'ALERTS';
            document.getElementById('alertas').querySelector('p').textContent = 'Following the patterns of a sequence, positive and negative streaks can be probabilistically detected. Depending on these streaks, we can detect and obtain alerts for the most favorable days to obtain favorable results. The module detects and marks alerts with weighted probability when this occurs.';

            document.getElementById('graficos').querySelector('h3').textContent = 'HISTORICAL GRAPHS';
            document.getElementById('graficos').querySelector('p').textContent = 'With historical charts, you can track gains/losses, mathematical expectations, credits, etc. according to the selected strategy and filters. It is a good way to verify if a strategy is profitable or not.';
            document.getElementById('mensual').querySelector('h3').textContent = 'MONTHLY GRAPHS';
            document.getElementById('mensual').querySelector('p').textContent = 'A simple way to easily visualize the performance of a strategy is by tracking it on a monthly basis. There will be good months and bad months; the important thing is that the positive months outweigh the negative ones.';

            document.getElementById('mejoresTPSL').querySelector('h3').textContent = 'BEST TP/SL';
            document.getElementById('mejoresTPSL').querySelector('p').textContent = 'Having a database (the bigger the better), it is possible to determine through combinations and formulas what are the best take profit and stop loss for a certain range of dates.';
            document.getElementById('losPatrones').querySelector('h3').textContent = 'PATTERNS';
            document.getElementById('losPatrones').querySelector('p').textContent = 'Comparing patterns of positive and negative days, it is possible to determine those days when a strategy is performing better. For example, after a streak of negative days, the probabilities of a positive day appearing will increase.';
            document.getElementById('heatmap').querySelector('h2').textContent = 'TP/SL HEAT MAP';
            document.getElementById('textheatmap').querySelector('p').textContent = 'You can consult the heat map with the best TP and SL for each strategy. This will show a range in which each strategy performs best according to all possible combinations of TP or SL. This powerful tool can be parameterized with different variables, values, and dates. The greener the TP/SL, the better the pairs performance. A more red pair indicates that the TP/SL is not optimal for trading.';
            document.getElementById('paraque').querySelector('h2').textContent = 'What For?';
            document.getElementById('paraque').querySelector('p').textContent = 'One of the most important things when embarking on a project that we want to be successful is to ask ourselves why and for what we do it. There can be several reasons, but only one should give us the strength and necessary push so that when things do not go well, it keeps us focused, like a lighthouse in the middle of the ocean. In this case, the goal is to help, to share.A tool for more people to find their financial freedom.';
            document.getElementById('queencontraras').querySelector('h2').textContent = 'What You\'ll Find?';

            document.getElementById('queencontraras').querySelector('h3').textContent = 'Subscribe to Newsletter';

            document.getElementById('queencontraras').querySelector('p').innerHTML = `
<ul>
    <li>Intraday information with relevant data</li>
    <li>Statistical charts</li>
    <li>Real-time movement of each strategy</li>
    <li>Most profitable Take Profit and Stop Loss</li>
    <li>Relevant market news</li>
    <li>Historical data</li>
    <li>Calendar of important events and reports</li>
    <li>Comparison of strategies</li>
    <li>Pattern alerts</li>
</ul>`;
            document.getElementById('submitNewsletter').textContent = 'SUBMIT';

            document.getElementById('firstName').setAttribute('placeholder', 'First Name');
            document.getElementById('lastName').setAttribute('placeholder', 'Last Name');
            document.getElementById('email').setAttribute('placeholder', 'Email');

        } else if (lang === 'es') {
            document.getElementById('home-link').textContent = 'Inicio';
            document.getElementById('about-link').textContent = 'Acerca';
            document.getElementById('pricing-link').textContent = 'Precios';
            document.getElementById('contact-link').textContent = 'Contacto';
            document.getElementById('login-link').textContent = 'Iniciar sesión';
            document.getElementById('signup-link').textContent = 'Prueba Gratis';
            document.getElementById('noCreditCard').textContent = 'NO REQUIERE TARJETA DE CREDITO';

            document.getElementById('learn-link').textContent = 'Aprende más';

            document.querySelector('#banner h2').textContent = 'SPX BUTTERFLIES';
            document.querySelector('#banner p').textContent = 'Bienvenido al fantástico mundo de las mariposas en el mercado';
            document.querySelector('#one header h2').textContent = 'FUNDAMENTOS PARA EL ÉXITO';
            document.querySelector('#one header p').textContent = 'Herramientas y valores para ser rentable';
            document.getElementById('datos').querySelector('h3').textContent = 'DATOS';
            document.getElementById('datos').querySelector('p').textContent = 'Todo comienza con la recolección de datos, siendo una recopilacion de datos sólida esencial para tomar decisiones precisas y acertadas. Una base de datos de calidad actúa como un activo invaluable, respaldando estrategias informadas y acciones efectivas. La inversión en una base de datos robusta es un imperativo estratégico para lograr el éxito con un enfoque respaldado por datos sólidos.';
            document.getElementById('patrones').querySelector('h3').textContent = 'PATRONES';
            document.getElementById('patrones').querySelector('p').textContent = 'Los seres humanos tienden a seguir y mantener patrones constantes y repetitivos. Este fenómeno se refleja también en el comportamiento del mercado, que se repite a lo largo de los días, meses y años. La habilidad para descubrir y detectar estos patrones dentro de un sistema proporciona una ventaja significativa sobre los demás.';
            document.getElementById('constancia').querySelector('h3').textContent = 'CONSTANCIA';
            document.getElementById('constancia').querySelector('p').textContent = 'El manejo de la psicología en el trading emerge como uno de los desafíos más significativos que deben abordarse para lograr resultados óptimos. Desarrollar una estrategia triunfadora implica fundamentalmente la aplicación constante y reiterada de ella misma. La perseverancia y el enfoque constante en las habilidades psicológicas son esenciales para alcanzar el éxito sostenido en el mundo del trading.';
            document.getElementById('two').querySelector('h2').textContent = 'DE QUÉ SE TRATA';
            document.getElementById('two').querySelector('p').textContent = 'Estrategia Iron Butterfly';
            document.getElementById('two').querySelector('#part1').textContent = 'La estrategia de trading conocida como Iron Butterfly es un enfoque en el mercado de opciones, utilizado para beneficiarse de la baja volatilidad del precio del activo subyacente. Esta estrategia es clasificada como "neutral" porque se beneficia cuando el precio del activo subyacente permanece dentro de un rango específico.';
            document.getElementById('two').querySelector('#part2').textContent = 'La estrategia Iron Butterfly también enseña lecciones valiosas sobre control emocional. En los mercados financieros, las emociones pueden ser una fuerza poderosa que puede llevar a decisiones impulsivas y pérdidas significativas. Mantener la calma y la objetividad, características esenciales para el éxito en la estrategia Iron Butterfly.';
            document.getElementById('two').querySelector('#part3').textContent = 'Pero más allá de todo, y es en parte un mensaje que se quiere plasmar en este sitio web, la importancia de trazar paralelos interesantes entre los principios de la estrategia Iron Butterfly y el equilibrio en la vida misma. La estrategia Iron Butterfly no solo ofrece un enfoque neutral y equilibrado dentro del trading de opciones, sino que también sirve como una valiosa metáfora para recordarnos la importancia de buscar equilibrio en nuestras vidas y gestionar nuestras emociones de manera consciente.';
            document.getElementById('tranquilidad').querySelector('h3').textContent = 'TRANQUILIDAD';
            document.getElementById('tranquilidad').querySelector('p').textContent = 'Esta no es una página web de indicadores, osciladores o velas japonesas. El trading es vertiginoso y estresante, pero la idea de este proyecto es llevar un trading relajado y tranquilo dentro del huracán que es el mercado de valores.';
            document.getElementById('esfuerzo').querySelector('h3').textContent = 'ESFUERZO';
            document.getElementById('esfuerzo').querySelector('p').textContent = 'Todo en la vida requiere de constancia y esfuerzo para lograr los objetivos. Estar focalizados en la meta es fundamental aunque el éxito esta conectado con la acción. Mantente en movimiento.';
            document.getElementById('herramientas').querySelector('h2').textContent = 'HERRAMIENTAS';
            document.getElementById('comparacion').querySelector('h3').textContent = 'COMPARACIÓN DE ESTRATEGIAS';
            document.getElementById('comparacion').querySelector('p').textContent = 'Comparar los resultados de diferentes estrategias es una herramienta poderosa que permite visualizar rápidamente cuáles son aquellas con mejor rendimiento según los parámetros elegidos.';
            document.getElementById('alertas').querySelector('h3').textContent = 'ALERTAS';
            document.getElementById('alertas').querySelector('p').textContent = 'Siguiendo los patrones de una secuencia, se pueden detectar probabilísticamente rachas positivas y negativas. Dependiendo de estas rachas, podemos detectar y obtener alertas para los días más favorables. El módulo detecta y marca alertas con probabilidad ponderada cuando esto ocurre.';
            document.getElementById('graficos').querySelector('h3').textContent = 'GRÁFICOS HISTORICOS';
            document.getElementById('graficos').querySelector('p').textContent = 'Con los gráficos históricos podrás hacer un seguimiento de las ganancias/pérdidas, esperanzas matemáticas, créditos, etc. según la estrategia y los filtros seleccionados. Es una buena forma de verificar si una estrategia es ganadora o no.';
            document.getElementById('mensual').querySelector('h3').textContent = 'GRÁFICOS MENSUALES';
            document.getElementById('mensual').querySelector('p').textContent = 'Una forma sencilla de visualizar fácilmente el rendimiento de una estrategia es haciéndole seguimiento de forma mensual. Habrá meses buenos y meses malos; lo importante es que los meses positivos superen a los negativos.';
            document.getElementById('mejoresTPSL').querySelector('h3').textContent = 'MEJORES TP/SL';
            document.getElementById('mejoresTPSL').querySelector('p').textContent = 'Teniendo una base de datos (cuanto más grande, mejor), es posible determinar mediante combinaciones y fórmulas cuáles son los mejores take profit y stop loss para un determinado rango de fechas.';
            document.getElementById('losPatrones').querySelector('h3').textContent = 'PATRONES';
            document.getElementById('losPatrones').querySelector('p').textContent = 'Comparando los patrones de días positivos y negativos, es posible determinar aquellos días en los que una estrategia está teniendo mejores resultados. Por ejemplo, después de una racha de días negativos, aumentarán las probabilidades de que aparezca un día positivo.';
            document.getElementById('heatmap').querySelector('h2').textContent = 'MAPA DE CALOR DE TP/SL';
            document.getElementById('textheatmap').querySelector('p').textContent = 'Puede consultar el mapa de calor con los mejores TP y SL de cada estrategia. Esto mostrará un rango en el que cada estrategia se desarrolla mejor según todas las combinaciones posibles de TP o SL. Esta potente herramienta se puede parametrizar con diferentes variables, valores y fechas. Cuanto más verde sea el TP/SL, indica que el par tiene mejor rendimiento. Un par más rojo indicará que el TP/SL no es óptimo para operar.';
            document.getElementById('paraque').querySelector('h2').textContent = '¿Para qué?';
            document.getElementById('paraque').querySelector('p').textContent = 'Una de las cosas más importantes a la hora de emprender un proyecto que deseamos sea exitoso es preguntarse para qué y por qué lo hacemos. Varios pueden ser los motivos, pero solo uno debería ser el que nos dé la fuerza y empuje necesario para que cuando las cosas no vayan bien, nos mantenga enfocados, como un faro en medio del océano. En este caso, el objetivo es ayudar, es compartir. Una herramienta para que más personas puedan encontrar su libertad financiera.';
            document.getElementById('queencontraras').querySelector('h2').textContent = '¿Qué Encontrarás?';
            document.getElementById('queencontraras').querySelector('h3').textContent = 'Suscribirse al Boletín';
            document.getElementById('queencontraras').querySelector('p').innerHTML = `
<ul>
    <li>Información intradía con datos relevantes</li>
    <li>Gráficos estadísticos</li>
    <li>Movimiento en tiempo real de cada estrategia</li>
    <li>Take Profit y Stop Loss más rentables</li>
    <li>Noticias relevantes del mercado</li>
    <li>Datos históricos</li>
    <li>Calendario de eventos y reportes importantes</li>
    <li>Comparación de estrategias</li>
    <li>Alertas de patrones</li>
</ul>`;
            document.getElementById('submitNewsletter').textContent = 'ENVIAR';
            document.getElementById('firstName').setAttribute('placeholder', 'Nombre');
            document.getElementById('lastName').setAttribute('placeholder', 'Apellido');
            document.getElementById('email').setAttribute('placeholder', 'Correo electrónico');

        }
    }

</script>
{% endblock %}