<div id="ghpages-domain-debug-message" class="row mt-3 d-none">
    <div class="col">
        <div class="alert alert-warning my-0" role="alert">
            <h5><i class="fas fa-exclamation-triangle"></i> Warning</h5>
            <strong>Problem:</strong>
            The current name of your GitHub Pages repository ("<code class="repo-name-text"></code>") does not match the recommended repository name for your site ("<code class="domain-name-text"></code>").
            <br>
            <strong>Solution:</strong> Please consider renaming the repository to "<code class="domain-name-text"></code>", so that your site can be accessed directly at "<code>http://<span class="domain-name-text"></span></code>".
            However, if the current repository name is intended, you can ignore this message by removing {% raw %}"<code>{% include widgets/debug_repo_name.html %}</code>"{% endraw %} in <code>index.html</code>.
        </div>
    </div>
</div>

<script>
striped_pathname = location.pathname.replace(/\/+$/, "");
document.querySelectorAll(".repo-name-text").forEach(function(element){
    element.textContent = striped_pathname.replace("/", "");
});
document.querySelectorAll(".domain-name-text").forEach(function(element){
    element.textContent = location.hostname;
});

if (location.hostname.search("github.io") != -1 && striped_pathname != ""){
    document.getElementById("ghpages-domain-debug-message").classList.remove('d-none');
}
</script>
