marquee page title

/* PASTE THIS INTO config > page template ; delete this text later! */
<div
    id="editor-tab-preview"
    class="card round secondary tab-container secondary round"
    style="height: max-content; max-height: initial; margin-bottom: 0px;"
>
    {{{ content }}}

<div class="flex justify-space-between g-4 full" id="paste-info-box">
    <div class="flex g-4 flex-wrap">
        {{{ edit_button }}}
        {{{ config_button }}}
    </div>
    <div class="flex flex-column g-2" style="color: var(--text-color-faded); min-width: max-content; align-items: flex-end;">
        <span class="flex g-4" id="paste-info-pub">
            Pub: <span class="date-time-to-localize">{{ pub_date }}</span>
        </span>
        <span class="flex g-4" id="paste-info-edit">
            Edit: <span class="date-time-to-localize">{{ edit_date }}</span>
        </span>
        <span id="paste-info-owner">
            Owner: {{{ owner_button }}}
        </span>

        <span id="paste-info-views">Views: {{ views }}</span>
</div>
</div>
    <html lang="en">
<head>
<meta charset="UTF-8">
<title>★</title>
<script type="text/javascript">
message = "whatever text you want ; make sure to put a space at the end or itll look goofy. ";
function step() {
message = message.substr(1) + message.substr(0,1);
document.title = message.substr(0,15);
}
</script>
</head>
<body onload="setInterval(step,100)">
</body>
</html>
</div>