header.html

<!-- General -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
<link rel="manifest" href="/favicon/site.webmanifest">
<!-- Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Commissioner:wght@300;400;500;600&family=Inconsolata:wght@400;700&display=swap" rel="stylesheet">

<!-- Includes -->
<script>
    if (document.documentElement.lang === "en") {
        $(function(){
            $("#navbar").load("/en/navbar.html");
            $("#footer").load("/en/footer.html");
        });
    }else{
        $(function(){
            $("#navbar").load("/lv/navbar.html");
            $("#footer").load("/lv/footer.html");
        });
    }
    // code to handle copy-pasting on the website
    document.addEventListener('copy', function (event) {
    const selection = window.getSelection();
        if (selection.isCollapsed) {
            return;  // default action OK
        }
        const fragment = selection.getRangeAt(0).cloneContents();
        const katexs = fragment.querySelectorAll('.katex');
        if (katexs.length === 0) {
            return;  // default action OK
        }
        katexs.forEach (function (element) {
            const texSource = element.querySelector('annotation');
            if (texSource) {
                element.replaceWith(texSource);
                texSource.innerHTML = '$' + texSource.innerHTML + '$';
            }
        });
        fragment.querySelectorAll('.katex-display annotation').forEach (function (element) {
            element.innerHTML = '$' + element.innerHTML + '$';
        })
        event.clipboardData.setData('text/plain', fragment.textContent);
        event.clipboardData.setData('text/html', selection.getRangeAt(0).cloneContents());
        event.preventDefault();
    });
</script>