{% extends 'base.html.twig' %}
{% block title %}#Blissisthenewevent{% endblock %}
{% block javascripts %}<script src="https://unpkg.com/typeit@8.0.7/dist/index.umd.js"></script>{% endblock %}
{% block body %}
    <style>
        #element{margin-top: 20px;font-size: xx-large; color: #5A2F7F;}
    </style>
        <div style="margin: 12% auto;text-align: center;">
            <a href="/edito" id="logo">
                <img src="/img/logo.svg" style="width: 80%;"/>
            </a>
            <p id="element"></p>
        </div>
        <script>
            $(document).ready(function() {
                window.onload = function() {
                    setTimeout(function() {
                        document.getElementById('logo').click();
                    }, 7000);
                };
            });
                new TypeIt("#element", {
                    strings: "{{ data }}",
                    startDelay: 2500,
                    speed: 100,
                    loop: true,
                    loopDelay: 10000, 
                }).go();
        </script>
{% endblock %}