···11+const scrollSegmentsConsole = "color: brown; font-weight: bold;";
22+// console.log(`%cscroll-segments.js]`, scrollSegmentsConsole, "Injected scroll-segments.js!");
33+44+55+// append a new div with the class "row" to the element with the id "content"
66+let content = document.getElementById("content");
77+let row = document.createElement("div");
88+row.classList.add("row");
99+content.appendChild(row);
1010+// add schooltape class to the row
1111+row.classList.add("schooltape");
1212+1313+// set display to none of #footer
1414+let footer = document.getElementById("footer");
1515+footer.style.display = "none";
1616+1717+// append a clone of footer to the row
1818+let footerClone = footer.cloneNode(true);
1919+footerClone.style.display = "block";
2020+footerClone.style.marginBottom = "50px";
2121+row.appendChild(footerClone);
2222+2323+2424+2525+injectCSS();
2626+2727+function injectCSS() {
2828+ const link = document.createElement("link");
2929+ link.href = chrome.runtime.getURL("/plugins/scroll-segments/scroll-segments.css");
3030+ link.type = "text/css";
3131+ link.rel = "stylesheet";
3232+ link.className = "schooltape-css";
3333+ document.head.appendChild(link);
3434+ // console.log(`%c[scroll-segments.js]`, scrollSegmentsConsole, "Injected scroll-segments.css");
3535+ }