: if ( $can_edit ) {
    <script type="text/javascript" src="/scripts/post.js"></script>
    <script type="text/javascript" src="/scripts/post_relations.js"></script>
    <div id="emoji_picker_modal" class="modal" style="display:none;">
    <: component('EmojiPicker') :>
    </div>
    : if (!$direct) {
        : if ($failure != -1) {
            : include "jsalert.tx";
        : }
        <script type="text/javascript">
            addEventListener("load", function () {
                var buttons = document.querySelectorAll('.emojiPicker');
                for (button of buttons) {
                    // Make the emoji picker appear.
                    button.addEventListener('click', function (e) {
                        switchMenu('emoji_picker_modal');
                    });
                }
                var mojis = document.querySelectorAll('.emoji');
                for (emoji of mojis) {
                    emoji.addEventListener('click', function (e) {
                        switchMenu('emoji_picker_modal');
                    });
                }

            });
            addEventListener("emojiComponentReady", function () {
                emojiPicker.addBinds(document.querySelectorAll('textarea.cooltext'));
            });
        </script>
    : }
    <div class="postedit">
    : if ( $post.form ) {
    : include "forms/" ~ $post.form;
    : }
    </div>
: }
<script type="text/javascript" src="/scripts/highlight.min.js"></script>
<script type="text/javascript" src="/scripts/reveal.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function(){
    hljs.highlightAll();
});
</script>
: if (!$nochrome) {
    <span class="title">
    : if ( $rss ) {
    <a title="RSS" class="rss" href="?format=rss"></a>
    <: $category :>:
    : }
    </span>
    : if ( $in_series && $rss ) {
         <div class="subhead">
         <: $subhead | mark_raw :>
         </div>
    : }

    : if ( !$style && $primary_post.header ) {
        <: component('PostHeader', { name => $primary_post.header, post => $primary_post, route => $route }) :>
    : }
    : if (!$style) {
    <hr class="divider" />
    : }
: }
: for $posts -> $post {
    : if ( !$post.form ) {
    :     next;
    : }
    : include "forms/" ~ $post.form { post => $post };

    : if ($posts.size() > 1 && !$tiled ) {
        <hr class="divider" />
    : }

    <script type="text/javascript">
        document.addEventListener("DOMContentLoaded", function(event) {

            // Fix post dates to be localized
            var timey = document.querySelectorAll('.unixtimestamp');
            for (var e of timey) {
                if (parseInt(e.innerText) != e.innerText) {
                    // Don't do anything.
                    continue;
                }
                var d = new Date(0);
                d.setUTCSeconds(e.innerText);
                e.innerHTML = "&nbsp;" + d.toDateString();
            }

            //Make the version switcher do things
            var swit = document.getElementById("<: $post.id :>-<: $post.version :>-version");
            if (swit) {
                swit.onchange = function (evt) {
                    this.form.submit();
                };
            }
        });
    </script>
: }

: if ( !$direct && ( $rss || $older ) ) {
: include "paginator.tx";
: }

: if ( !$style && $primary_post.footer ) {
    <: component('PostFooter', { name => $primary_post.footer, post => $primary_post, route => $route }) :>
: }

<script>
document.addEventListener("DOMContentLoaded", function(event) {
    var pagin = document.getElementById("paginatorTime");
    if (pagin) {
        var dracula = new Date(0);
        dracula.setUTCSeconds(pagin.innerText);
        pagin.innerHTML = "&nbsp;" + dracula.toDateString();
    }
});
</script>