P3X GitList

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <base href="${base}">
    <style type="text/css">${css}</style>
    <script>${jquery}</script>
    <script>
        var items = ${settings.html};

        // qr-hack //

        var vars = {};
        var query_strings_from_url = document.location.search.substring(1).split('&');
        for (var query_string in query_strings_from_url) {
            if (query_strings_from_url.hasOwnProperty(query_string)) {
                var temp_var = query_strings_from_url[query_string].split('=', 2);
                vars[temp_var[0]] = decodeURI(temp_var[1]);
            }
        }
        var varNames = ['page', 'frompage', 'topage', 'webpage', 'section', 'subsection', 'date', 'isodate', 'time', 'title', 'doctitle', 'sitepage', 'sitepages'];
        vars.pages = vars.topage

        // headerOrFooter 1 = header, 2 == footer
        // headerOrFooter //
        var baseSelector = 'p3x-' + (headerOrFooter == 1 ? 'header' : 'footer');

    </script>
</head>
<body>

<script>
    var itemName = baseSelector + '-' + vars.page; // Default: current page-specific header/footer
    if (vars.page == vars.pages) { // Check if it's the last page
        itemName = baseSelector + '-last'; // Use the last page-specific header/footer
    } else if (!items.hasOwnProperty(itemName)) { // Fallback to the default header/footer
        itemName = baseSelector;
    }
    var item = '';
    if (items.hasOwnProperty(itemName)) {
        item = items[itemName];
    }
    // lodash-template-hack //
    var $item = $(item);
    var $body = $('body');
    $body.append($item);
</script>

</body>
</html>