jMonkeyEngine-website/layouts/partials/topMenu.html

<nav class="responsiveWidth  " id="topmenu">
    <div class="expandable">
        <a href="https://jmonkeyengine.org/" alt-href="https://jmonkeyengine.org/tags,https://jmonkeyengine.org/authors,https://jmonkeyengine.org/devlog,https://jmonkeyengine.org/blog,,https://jmonkeyengine.org/communitylog">
            <button class="genericCl responsiveIcon expandable ">
                <i class="fas fa-home"></i> <span>Home</span>
            </button>
        </a>
        <a href="https://jmonkeyengine.org/tags/showcase" alt-href="https://jmonkeyengine.org/showcase">
            <button class="genericCl responsiveIcon  expandable ">
                <i class="fas fa-images"></i> <span>Showcase</span>
            </button>
        </a>

        <a href="https://hub.jmonkeyengine.org">
            <button class="genericCl responsiveIcon  expandable ">
                <i class="fab fa-discourse"></i> <span>Discussions</span>
            </button>
        </a>

        <a href="https://library.jmonkeyengine.org" >
            <button class="genericCl responsiveIcon  expandable ">
                <i class="fas fa-puzzle-piece"></i> <span>Library</span>
            </button>
        </a>

        <a href="https://jmonkeyengine.org/docs">
            <button class="genericCl responsiveIcon  expandable ">
                <i class="fas fa-book"></i> <span>Docs</span>
            </button>
        </a>

        <a href="https://jmonkeyengine.org/license">
            <button class="genericCl responsiveIcon  expandable toggleable toggledOffPortrait">
                <i class="fas fa-balance-scale-right"></i> <span>License</span>
            </button>
        </a>
    </div>

    <div class="toggleable toggledOffPortrait expandable">
            <a  href="https://github.com/jMonkeyEngine/jmonkeyengine" rel='noopener noreferrer' target="_blank">
                <button class="icon toggleable toggledOffPortrait codeCl  expandable " title="Github">
                    <i class="fab fa-github-square"></i> <span>Github</span>
                </button>
            </a>
            <a href="https://twitter.com/jmonkeyengine" rel='noopener noreferrer' target="_blank">
                <button class="icon twitterCl toggleable toggledOffPortrait  expandable " title="Follow on Twitter">
                    <i class="fab fa-twitter"></i> <span>Twitter</span>
                </button>
            </a>

            <a href="https://www.youtube.com/channel/UC-Fs3R5Q6wW_XYspOXGZgPw" rel='noopener noreferrer'
                target="_blank">
                <button class="icon youtubeCl toggleable toggledOffPortrait  expandable " title="Follow on Youtube">
                    <i class="fab fa-youtube"></i> <span>Youtube</span>
                </button>
            </a>
       

            <!-- <a href="https://jmonkeyengine.itch.io/jMonkeyEngine" rel='noopener noreferrer' target="_blank">
                <button class="icon itchCl toggleable toggledOffPortrait  expandable " title="Itch.io">
                    <i class="fab fa-itch-io"></i> <span>Itch.io</span>
                </button>
            </a> -->
            <a href="https://discord.gg/Rv8sfVu" rel='noopener noreferrer' target="_blank">
                <button class="icon discordCl toggleable toggledOffPortrait  expandable " title="Discord">
                    <i class="fab fa-discord"></i> <span>Discord</span>
                </button>
            </a>
            <a href="https://jmonkeyengine.org/donate" >
                <button class="icon donateCl toggleable toggledOffPortrait  expandable " title="Donate">
                    <i class="fas fa-donate"></i> <span>Donate!</span>
                </button>
            </a>

        </div>
</nav>

<script>
    // https://github.com/aceakash/string-similarity/blob/master/LICENSE
    !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.stringSimilarity=e():t.stringSimilarity=e()}(self,(function(){return t={138:t=>{function e(t,e){if((t=t.replace(/\s+/g,""))===(e=e.replace(/\s+/g,"")))return 1;if(t.length<2||e.length<2)return 0;let r=new Map;for(let e=0;e<t.length-1;e++){const n=t.substring(e,e+2),o=r.has(n)?r.get(n)+1:1;r.set(n,o)}let n=0;for(let t=0;t<e.length-1;t++){const o=e.substring(t,t+2),s=r.has(o)?r.get(o):0;s>0&&(r.set(o,s-1),n++)}return 2*n/(t.length+e.length-2)}t.exports={compareTwoStrings:e,findBestMatch:function(t,r){if(!function(t,e){return"string"==typeof t&&!!Array.isArray(e)&&!!e.length&&!e.find((function(t){return"string"!=typeof t}))}(t,r))throw new Error("Bad arguments: First argument should be a string, second should be an array of strings");const n=[];let o=0;for(let s=0;s<r.length;s++){const i=r[s],f=e(t,i);n.push({target:i,rating:f}),f>n[o].rating&&(o=s)}return{ratings:n,bestMatch:n[o],bestMatchIndex:o}}}}},e={},function r(n){if(e[n])return e[n].exports;var o=e[n]={exports:{}};return t[n](o,o.exports,r),o.exports}(138);var t,e}));
    //

    

    // mark current active item
    window.initJmeMenu=function () {
        const selectionClass= window.selectedTopMenuClass || "highlightedCl";

        const topmenu = document.querySelector('#topmenu');
        if (window.location.href.startsWith("http://localhost:1313")) {
            for (const a of topmenu.querySelectorAll("a")) {
                a.href = a.href.replace("https://jmonkeyengine.org", "http://localhost:1313");
            }
        }

        const likelyScore=[];
        for (const a of topmenu.querySelectorAll("a")) {
            const pageUrl=window.location.href.endsWith("/")?window.location.href.substring(0,window.location.href.length-1):window.location.href;
         
            const process = (linkUrls) => {
                if(!linkUrls)return;
                for(let linkUrl of linkUrls){
                    if (linkUrl != null) {
                        if (window.location.href.startsWith("http://localhost:1313")) {
                            linkUrl = linkUrl.replace("https://jmonkeyengine.org", "http://localhost:1313");
                        }

                        if (linkUrl.endsWith("/")) {
                            linkUrl = linkUrl.substring(0, linkUrl.length - 1);
                        }
                        const score = stringSimilarity.compareTwoStrings(linkUrl, pageUrl);
                        likelyScore.push(
                            {
                                score: score,
                                el: a.querySelector("button")
                            }
                        );
                    }
                }
            }

            process([a.href]);
            process(a.getAttribute("alt-href")?a.getAttribute("alt-href").split(","):undefined);           

        }
        likelyScore.sort((a, b) => b.score - a.score);   
        likelyScore.forEach(el=>el.el.classList.remove(selectionClass));
        likelyScore[0].el.classList.add(selectionClass);

    };
    
    document.addEventListener('DOMContentLoaded', function(){
       window.initJmeMenu(); 
    });
</script>