<div id="standby{{RandomID}}" style="position:absolute;inset:0;width:100%;height:100%;background-size: 40px 40px;padding:10px; background-image: radial-gradient(circle, {{IntroData.IntroBackgroundAccent}} 1px, rgba(0, 0, 0, 0) 1px);background-color: {{IntroData.IntroBackgroundColor}};font-family: 'Ubuntu Mono', monospace;color: {{IntroData.IntroTextColor}};">
  <p><img src="{{IntroData.LogoPath}}" alt="" style="width: 10%;"></p>
  <p class="terminaltext{{RandomID}}"></p>
  <script>
let delay = ms => new Promise(res => setTimeout(res, ms));

let logoanim = async () => {
let lines=[
{{#each IntroData.TextLines}}
"{{this}}",
{{/each}}
]
let instance = new TypeIt("p.terminaltext{{RandomID}}", {
    speed: {{IntroData.TextSpeed}},
    waitUntilVisible: true,
    cursor: false,
    afterComplete: async () => {
    await delay(1500);
  document.getElementById("standby{{RandomID}}").style.display="none"
  document.getElementById("briefingcontainer{{RandomID}}").style.display="block"
  },})
lines.forEach(element => {
  instance.type(element).break()
});
instance.go()
  
};
logoanim()
</script>
  </div>