1/**
2 * Move the side slot in the toc area
3 * on media larger than 992
4 */
5window.addEventListener("load", function () {
6    let mediaListener = function (mediaQuery) {
7        let side = document.getElementById("main-side");
8        if (side === null) {
9            // may be deleted if it does not exist
10            return;
11        }
12        if (mediaQuery.matches) {
13            if (side.parentElement.getAttribute("id") !== "main-toc") {
14                let toc = document.getElementById("main-toc");
15                toc.appendChild(side);
16            }
17        } else {
18            if (side.previousElementSibling.getAttribute("id") !== "main-content") {
19                let mainContent = document.getElementById("main-content");
20                mainContent.insertAdjacentElement('afterend', side)
21            }
22        }
23    }
24    let minWidthMediaQuery = window.matchMedia('(min-width:992px)');
25    mediaListener(minWidthMediaQuery);
26    minWidthMediaQuery.addEventListener("change", mediaListener);
27});
28