insertNavigationBar("All Apps");

function main(json) {
    // Set tab title
    document.title = `Apps - ${json.name}`;

    // Sort apps in decending order of version date (newest first)
    json.apps.sort((a, b) => (new Date(b.versionDate)).valueOf() - (new Date(a.versionDate)).valueOf());

    // Create & insert app items
    json.apps.forEach(app => {
        if (app.beta) return; // Ignore beta apps

        let html = `
        <div class="app-container">
            ${appHeaderHTML(app) }
            <p style="text-align: center; font-size: 0.9em;">${app.subtitle ?? ""}</p>`;
        if (app.screenshotURLs) {
            html += `
            <div class="screenshots">`;
            for (let i = 0; i < app.screenshotURLs.length, i < 2; i++) html += `
                <img src="${app.screenshotURLs[i]}" class="screenshot">`;
            html += `
            </div>`;
        }
        html += `
        </div>`;

        document.getElementById("apps").insertAdjacentHTML("beforeend", html);
    });
}