Replaced symlink with local version of Plugins

Flyout

@@ -1 +0,0 @@
-Subproject commit 57d63d741f57eaaa8b863b1ecd5d6df8c1d00834

Flyout/flyout.css

@@ -0,0 +1,51 @@
+.flyout-dim {
+  width: 100vw; height: 100vh;
+
+  display: none;
+
+  position: fixed; z-index: 99;
+
+  object-position: center;
+
+  background-color: #151515aa;
+
+  opacity: 0;
+
+  transition: opacity 1s cubic-bezier(.19,1,.22,1), filter 1s cubic-bezier(.19,1,.22,1);
+}
+
+.flyout {
+  margin: 0; padding: 0.5rem;
+
+  max-width: 621px; width: calc(100% - 3.5rem);
+  max-height: 20rem; height: auto; min-height: 10rem;
+
+  position: fixed; z-index: 99999;
+  left: 50%; bottom: -15rem;
+  transform: translateX(-50%) scale(0.5);
+
+  background-color: #151515;
+  color: white;
+
+  transition: transform 1s cubic-bezier(.19,1,.22,1), bottom 1s cubic-bezier(.19,1,.22,1);
+
+  border-radius: var(--rad);
+  border: 0.2rem solid var(--green);
+  outline: 0.5rem solid var(--bg);
+}
+
+.flyout-header {
+  font-size: 20px;
+}
+
+.flyout-actionbox {
+  display: inline;
+  box-sizing: border-box;
+}
+/* Worlds shittest workaround to a problem I have no clue how to fix */
+.flyout-actionbox * {
+  width: 100%;
+}
+.flyout-actionbox * * {
+  width: auto;
+}

Flyout/flyout.js

@@ -0,0 +1,50 @@
+$(document).ready(function() {
+  var flyoutRoot = document.getElementById("#flyoutRoot");
+  var flyoutDim = document.getElementById("#flyoutDim");
+
+  var flyoutHeader = document.getElementById("#flyoutHeader");
+  var flyoutDescription = document.getElementById("#flyoutDescription");
+  var flyoutActionbox = document.getElementById("#flyoutActionbox");
+});
+
+function flyoutShow(header, description, actionbox) {
+  // Checking if actionbox is set
+  if (typeof actionbox === 'undefined') {
+    flyoutActionbox.style.display = "none";
+  } else if (actionbox == "") {
+    flyoutActionbox.style.display = "none";
+  } else {
+    flyoutActionbox.style.display = "block";
+  }
+
+  // Set information in flyout
+  flyoutHeader.textContent = header;
+  flyoutDescription.textContent = description;
+  flyoutActionbox.innerHTML = actionbox;
+
+  // Show the flyout
+  flyoutRoot.style.display = "flex";
+  // Show the dim
+  flyoutDim.style.display = "block";
+  setTimeout(function(){
+    // Show the flyout
+    flyoutRoot.style.transform = "translateX(-50%) scale(1)";
+    flyoutRoot.style.bottom = "1rem";
+    // Show the dim
+    flyoutDim.style.opacity = "1";
+  }, 1);
+};
+
+function flyoutClose() {
+  // Hide the flyout
+  flyoutRoot.style.transform = "translateX(-50%) scale(0.5)";
+  flyoutRoot.style.bottom = "-20rem";
+  // Hide the dim
+  flyoutDim.style.opacity = "0";
+  setTimeout(function(){
+    // Hide the flyout
+    flyoutRoot.style.display = "none";
+    // Hide the dim
+    flyoutDim.style.display = "none";
+  }, 500);
+};