title: Is there a way to wait for my title to finish his animation before showing the other texts?
body: <p>Im doing a website and on the first page, there is my title doing an animation of BaffleJS. What i want to do is wait for my title to finish his animation, then show the other texts, which could appear smoothly. Here's my code for now:</p>
  <pre><code>&lt;div class=&quot;container&quot;&gt;
              &lt;div class=&quot;data&quot;&gt;Thieves' Haven&lt;/div&gt;
              &lt;br&gt;
              &lt;img style=&quot; position:absolute; top:55%; left:40%; width:20%; height:25% &quot; SRC=&quot;https://media4.giphy.com/media/WrUOlEoYhJ6wog4hCJ/giphy.gif?cid=ecf05e47pe9z2ry9hjo6v6xm5ivm0ypburfp2yzgmu1amnfl&amp;rid=giphy.gif&amp;ct=g&quot;&gt;
  
              &lt;div class='data2'&gt; Welcome to Thieves' Haven, you've been jailed for theft, betray and mutiny, you are going to prove yourself to hope win your liberty. &lt;br&gt; &lt;br&gt; TYou will need to answer correctly at all those test to get out. Good luck. &lt;br&gt; &lt;br&gt;
              You'll be sent to the Island of Thieves&lt;/div&gt;
        &lt;/div&gt;
        &lt;script type=&quot;text/javascript&quot;&gt;
  
        const text = baffle(&quot;.data&quot;);
        text.set({
              characters : '█▓█$ ▒░^/▒░ █*░$▒▓/ █&lt;▒▒ &gt;▓▒▓/█ ░█^ù▒/ ▒*▓░ █&lt;░▒ ▓/░&gt;',
              speed: 120
        });
        text.start();
        text.reveal(4000);`
  </code></pre>