(() => {
    const isHome = window.location.pathname.endsWith("/home/");
    const active = {
        services: window.location.pathname.endsWith("/portal/services/") && !window.location.href.endsWith("/portal/services/#ReverseEngineering"),
        reliability: window.location.pathname.endsWith("/portal/reliability-testing/"),
        failure: window.location.pathname.endsWith("/portal/failure-analysis/"),
        reverse: window.location.pathname.endsWith("/portal/services/") && window.location.href.endsWith("/portal/services/#ReverseEngineering"),
        downloads: window.location.pathname.endsWith("/downloads/")
    };
    const signedIn = false;
    if (isHome) {
        document.body.classList.add("bg-primary-800");
    }
    let html = `
    <header class="container-fluid shadow${isHome ? "" : " fixed-top"}" style="background: url('/portal/wp-content/uploads/2024/04/background.jpg') no-repeat center / cover" data-bs-theme="dark">
        <nav class="ot-navbar navbar navbar-expand-lg">
            <a class="navbar-brand d-block d-lg-none" href="/portal/home/"><img class="" width="140" height="48" role="img" src="/portal/wp-content/uploads/2024/04/logo.png" style="" /></a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="navbar-collapse collapse flex-column" id="navbar">
                <div class="navbar-collapse w-100 mb-3 justify-content-between">
                    <a class="navbar-brand d-none d-lg-block" href="/"><img class="" width="140" height="48" role="img" src="/portal/wp-content/uploads/2024/04/logo.png" style="" /></a>
                    <ul class="navbar-nav">
                        <li class="nav-item">
                            <form class="d-flex mx-4" action="/search" method="get" role="search">
                                <input class="form-control mx-2 bg-white bg-opacity-75 rounded-5 shadow" style="min-width:33vw" type="search" placeholder="" aria-label="Search" name="q">
                                <button class="btn text-light" type="submit">
                                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" width="24" height="24" class=""><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/></svg>
                                </button>
                            </form>
                        </li>
                        <li class="nav-item px-3">
                            <a class="nav-link link-light text-center" style="text-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)" href="/connect">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" width="24" height="24" class="mt-n1 px-1"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M512 240c0 114.9-114.6 208-256 208c-37.1 0-72.3-6.4-104.1-17.9c-11.9 8.7-31.3 20.6-54.3 30.6C73.6 471.1 44.7 480 16 480c-6.5 0-12.3-3.9-14.8-9.9c-2.5-6-1.1-12.8 3.4-17.4l0 0 0 0 0 0 0 0 .3-.3c.3-.3 .7-.7 1.3-1.4c1.1-1.2 2.8-3.1 4.9-5.7c4.1-5 9.6-12.4 15.2-21.6c10-16.6 19.5-38.4 21.4-62.9C17.7 326.8 0 285.1 0 240C0 125.1 114.6 32 256 32s256 93.1 256 208z"/></svg>
                                Contact Us
                            </a>
                        </li>
                        <li class="nav-item px-3">
                            <a class="nav-link link-light text-center" style="text-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)" href="/about/profile">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="currentColor" width="24" height="24" class="mt-n1 px-1"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z"/></svg>
                                About Us
                            </a>
                        </li>
                        <li class="nav-item px-3">
                            <a class="nav-link link-light text-center" style="text-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)" href="/portal">
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor" width="24" height="24" class="mt-n1 px-1"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M217.9 105.9L340.7 228.7c7.2 7.2 11.3 17.1 11.3 27.3s-4.1 20.1-11.3 27.3L217.9 406.1c-6.4 6.4-15 9.9-24 9.9c-18.7 0-33.9-15.2-33.9-33.9l0-62.1L32 320c-17.7 0-32-14.3-32-32l0-64c0-17.7 14.3-32 32-32l128 0 0-62.1c0-18.7 15.2-33.9 33.9-33.9c9 0 17.6 3.6 24 9.9zM352 416l64 0c17.7 0 32-14.3 32-32l0-256c0-17.7-14.3-32-32-32l-64 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l64 0c53 0 96 43 96 96l0 256c0 53-43 96-96 96l-64 0c-17.7 0-32-14.3-32-32s14.3-32 32-32z"/></svg>
                                Log-In / Sign-Up
                            </a>
                        </li>
                    </ul>
                </div>
                <ul class="navbar-nav w-100 justify-content-around bg-white bg-opacity-75 p-1 rounded-3 shadow">
                    <li class="nav-item">
                        <a class="nav-link py-1 text-center rounded${active.services ? " active bg-primary text-light" : " text-dark"}" style="min-width:15vw" href="/portal/services/#MaterialsAnalysis">Materials Analysis</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link py-1 text-center rounded${active.reliability ? " active bg-primary text-light" : " text-dark"}" style="min-width:15vw" href="/portal/reliability-testing/">Reliability Testing</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link py-1 text-center rounded${active.failure ? " active bg-primary text-light" : " text-dark"}" style="min-width:15vw" href="/portal/failure-analysis/">Failure Analysis</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link py-1 text-center rounded${active.reverse ? " active bg-primary text-light" : " text-dark"}" style="min-width:15vw" href="/portal/services/#ReverseEngineering">Reverse Engineering</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link py-1 text-center rounded${active.downloads ? " active bg-primary text-light" : " text-dark"}" style="min-width:15vw" href="/downloads">Downloads</a>
                    </li>
                </ul>${isHome ? `
                <div class="w-100 p-5" style="text-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);">
                    <h1 class="text-light mb-5 fw-bold" style="text-shadow:">“More Data Points, Affordable Insights<br>with Outermost Technology”</h1>
                    <a class="btn btn-accent text-light text-uppercase" href="/connect">Contact Us</a>
                </div>` : ""}
            </div>
        </nav>
    </header>
    `.trim();
    let template = document.createElement('template');
    if ('content' in template) {
        template.innerHTML = html;
        document.body.prepend(template.content.firstChild);
    } else {
        template = document.createElement('div');
        template.innerHTML = html;
        document.body.prepend(template);
    }
    document.documentElement.style.scrollPaddingTop = '8rem';
})();