diff --git a/src/footer.html b/src/footer.html
new file mode 100644
index 0000000..066a949
--- /dev/null
+++ b/src/footer.html
@@ -0,0 +1,8 @@
+
diff --git a/src/head.html b/src/head.html
new file mode 100644
index 0000000..22a0846
--- /dev/null
+++ b/src/head.html
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/readme.md b/src/readme.md
new file mode 100644
index 0000000..8d36036
--- /dev/null
+++ b/src/readme.md
@@ -0,0 +1,5 @@
+# Custom CSS, JS, and HTML
+
+Any `*.js` and `*.css` files in this folder are included on every page in the docs—in alphabetical order.
+
+`head.html` is included in the `` tag of every page, and `footer.html` is included before the closing `` tag on every page.
diff --git a/src/script.js b/src/script.js
new file mode 100644
index 0000000..37c9dfa
--- /dev/null
+++ b/src/script.js
@@ -0,0 +1,297 @@
+/* eslint-disable
+ */
+
+// Commenting out the scripts below, don't think they work anymore
+/*
+$(window).on('pageLoad', function(e, state){
+ $('*:contains(":oid:"):last').html(`'${makeid(12)}'`);
+});
+
+$('*:contains(":oid:"):last').html(`'${makeid(12)}'`);
+
+function makeid(length) {
+ var result = '';
+ var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+ var charactersLength = characters.length;
+ for ( var i = 0; i < length; i++ ) {
+ result += characters.charAt(Math.floor(Math.random() * charactersLength));
+ }
+ return result;
+}
+*/
+
+function getScript(source, callback) {
+ var script = document.createElement("script");
+ var prior = document.getElementsByTagName("script")[0];
+ script.async = 1;
+
+ script.onload = script.onreadystatechange = function (_, isAbort) {
+ if (isAbort || !script.readyState || /loaded|complete/.test(script.readyState)) {
+ script.onload = script.onreadystatechange = null;
+ script = undefined;
+
+ if (!isAbort && callback) setTimeout(callback, 0);
+ }
+ };
+
+ script.src = source;
+ prior.parentNode.insertBefore(script, prior);
+}
+
+/* Hacky script for loading Twitter widget
+ */
+function loadTwitterWidget() {
+ var hasTwitterWidget = document.getElementsByClassName("twitter-tweet");
+ if (hasTwitterWidget.length > 0) {
+ getScript("https://platform.twitter.com/widgets.js", () => {});
+ }
+}
+
+function custom404Stuff() {
+ // the search bar takes a bit to show up, so we need to wait for it
+ setTimeout(() => {
+ const helpTextKBD = document.getElementById("search-key-404-clone");
+ const helpInnerText = document.querySelector("#SearchBert + kbd")?.innerText;
+ if (helpTextKBD && helpInnerText) {
+ const newText = helpInnerText.replace("\n", "");
+ console.debug("updating 404 text for this element:",helpTextKBD,"to this text:",helpInnerText);
+ helpTextKBD.innerText = newText;
+ }
+ }, 250)
+
+}
+
+function rebaseMobileSearchButton() {
+ var searchButton = $(".rm-Header-top .rm-SearchToggle");
+ var menuHolder = $(".rm-Flyout > div");
+ if (searchButton.length && menuHolder.length) {
+ searchButton.appendTo(menuHolder);
+ }
+}
+
+/* *********************
+ Populate marketing site URL in GLP logo
+ ********************* */
+function updateGLPLogoLink() {
+ if (location.pathname !== "/") return;
+ document.querySelector('a.rm-Logo:not([class^="Mobile"])').href = "https://readme.com";
+}
+
+/* *********************
+ Load Changelog from RSS feed
+ ********************* */
+
+function loadChangelogPosts() {
+ if (location.pathname !== "/") return;
+ const changelogRss = "/main/changelog.rss";
+
+ const changelogIcon = {
+ added: { color: "green", icon: "plus1" },
+ improved: { color: "purple", icon: "heart1" },
+ fixed: { color: "blue", icon: "check1" },
+ deprecated: { color: "yellow", icon: "alert-triangle" },
+ };
+
+ const parser = new RSSParser({ customFields: { item: ["type"] } });
+ parser.parseURL(changelogRss, function (err, feed) {
+ if (err) throw err;
+ const parent = document.getElementById("changelogs-target");
+ const changelogEntries = [];
+
+ for (let i = 0; i <= 2; i += 1) {
+ const entry = feed.items[i];
+
+ const changelogPost = document.createElement("li");
+ changelogPost.className = "flex flex_col ChangelogPost";
+
+ if (entry.type) {
+ const changelogType = document.createElement("div");
+ changelogType.className = "flex flex_center ChangelogPost-tag";
+ changelogType.style = "gap: var(--xs)";
+
+ const typeIcon = document.createElement("span");
+ const { color, icon } = changelogIcon[entry.type];
+ typeIcon.className = `TileIcon TileIcon_sm TileIcon_${color} icon icon-${icon}`;
+
+ const typeText = document.createElement("span");
+ typeText.innerText = entry.type;
+ typeText.style = "text-transform: capitalize;";
+
+ changelogType.appendChild(typeIcon);
+ changelogType.appendChild(typeText);
+ changelogPost.appendChild(changelogType);
+ }
+
+ const changelogTitle = document.createElement("a");
+ changelogTitle.className = "ChangelogPost-link";
+ changelogTitle.href = entry.link;
+ changelogTitle.innerText = entry.title;
+
+ const changelogTitleArrow = document.createElement("i");
+ changelogTitleArrow.className = "icon icon-arrow-right2";
+ changelogTitle.appendChild(changelogTitleArrow);
+ changelogPost.appendChild(changelogTitle);
+
+ const changelogDate = document.createElement("span");
+ changelogDate.className = "ChangelogPost-date";
+ changelogDate.innerText = timeago.format(entry.isoDate);
+ changelogPost.appendChild(changelogDate);
+
+ changelogEntries.push(changelogPost);
+ }
+
+ while (parent.firstChild) {
+ parent.removeChild(parent.firstChild);
+ }
+
+ changelogEntries.forEach(function (entry) {
+ parent.appendChild(entry);
+ });
+ });
+}
+
+/* *********************
+ Generate Nav
+ ********************* */
+const links = [
+ {
+ href: "https://docs.readme.com",
+ icon: "icon-landing-page-2",
+ text: "Home",
+ },
+ {
+ href: "https://docs.readme.com/main/docs",
+ icon: "icon-guides",
+ text: "Product Guides",
+ },
+ {
+ href: "https://docs.readme.com/ent/docs",
+ icon: "icon-guides",
+ text: "Enterprise Guides",
+ },
+ {
+ href: "https://docs.readme.com/main/recipes",
+ icon: "icon-recipes",
+ text: "Recipes",
+ },
+ {
+ href: "https://docs.readme.com/main/reference",
+ icon: "icon-references",
+ text: "API Reference",
+ },
+ {
+ href: "https://docs.readme.com/main/changelog",
+ icon: "icon-changelog",
+ text: "Changelog",
+ },
+ {
+ href: "https://docs.readme.com/main/discuss",
+ icon: "icon-discussions",
+ text: "Discussions",
+ },
+ {
+ href: "https://docs.readme.com/rdmd/docs",
+ icon: "icon-markdown",
+ text: "ReadMe Markdown",
+ },
+];
+
+function populateMainNav() {
+ const mainNav = document.querySelector('.rm-Header nav:first-child');
+ const mobileNav = document.querySelector(".rm-Flyout > div");
+
+ // Completely replaces nav
+ function cleanUpdate() {
+ // Create new links
+ let mainLinkEls = "";
+ let mobileLinkEls = "";
+ links.map(({ href, icon, text }) => {
+ // determine if link is active
+ let isActive = false;
+ const hrefUrl = new URL(href);
+ if (location.pathname.includes(hrefUrl.pathname)) isActive = true;
+ // landing page quirk
+ if (hrefUrl.pathname === "/" && location.pathname !== "/") isActive = false;
+
+ mainLinkEls += `