header.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jMonkeyEngine Javadoc</title>
    <link rel="stylesheet" href="style.css">
    <script>
        function setLabels(latestVersion){
            const cnt=document.querySelector("section");
            const ps=cnt.querySelectorAll("p");

            const createLabel=function(cnt,title,classes){
                let label=document.createElement("span");
                label.classList.add("label");
                label.innerHTML=title;
                
                if(classes){
                    for(let i in classes){
                       label.classList.add(classes[i]);    
                    }
                }
                
                let labels=cnt.querySelector("span.labels");
                if(!labels){
                    labels=document.createElement("span");
                    labels.classList.add("labels");
                    cnt.append(labels);
                }
                labels.append(label);
                
                
            }
            
            for(let i=0;i<ps.length;i++){
                const a=ps[i].querySelector("a");
                const tag=a.innerHTML;

                // We add a "latest" label and move to the top if it is the latest version
                if(tag===latestVersion){
                    cnt.removeChild(ps[i]);
                    cnt.prepend(ps[i]);
                    ps[i].classList.add("latest");                    
                    createLabel(ps[i],"Latest release",["latest"]);                   
                }

                // We add labels based on the -suffix
                if(tag.indexOf("-alpha")!=-1){
                    createLabel(ps[i],"Alpha",["alpha"]);                    
                }else if(tag.indexOf("-stable")!=-1){
                    createLabel(ps[i],"Stable",["stable"]);                    
                }
            }
        }

        // Get the last release and load the labels
        window.onload=function(){       
            const latestReleaseUrl="https://api.github.com/repos/jMonkeyEngine/jmonkeyengine/releases/latest";
            const req = new XMLHttpRequest();
            req.onreadystatechange = function() {
                if (this.readyState == 4 && this.status == 200) {
                    const json=JSON.parse(this.responseText);
                    console.log("Detect latest version",json["tag_name"]);
                    setLabels(json["tag_name"]);
                }
            };
            req.open("GET", latestReleaseUrl, true);
            req.send();                      
        };
    </script>
</head>
<body>
    <header>
        <h1>jMonkeyEngine</h1><h2>javadoc</h2>
    </header>
    <section>