diff --git a/static/css/main.css b/static/css/main.css
index eaeaeb6eb..911907c72 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -155,4 +155,48 @@ h1, h2, h3, h4, h5, h6 {
.green {
color: #69E781;
+}
+
+.info-popup {
+ z-index: 10;
+ position: absolute;
+ width: 500px;
+ background-color: var(--content-background);
+ color: var(--content-text);
+ border-radius: 5px;
+ border: 1px solid var(--content-text);
+ padding: 20px;
+ top: 50%;
+ left: 50%;
+ margin-right: -50%;
+ transform: translate(-50%, -50%);
+}
+
+.discord-button {
+ text-decoration: none;
+ border-radius: 5px;
+ padding: 5px;
+ font-weight: bold;
+ color: white;
+ background-color: var(--library-color);
+ margin-left: 50px;
+ margin-right: 5px;
+}
+
+.github-button {
+ text-decoration: none;
+ border-radius: 5px;
+ padding: 5px;
+ font-weight: bold;
+ color: white;
+ background-color: var(--magic-color);
+ margin-right: 5px;
+}
+
+.exit-button {
+ border-radius: 5px;
+ padding: 5px;
+ font-weight: bold;
+ color: white;
+ background-color: red;
}
\ No newline at end of file
diff --git a/static/js/main.js b/static/js/main.js
index 452810ae2..c27362134 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -2,4 +2,8 @@ window.onload = function () {
if (localStorage.getItem("data-theme")) {
document.documentElement.setAttribute("data-theme", localStorage.getItem("data-theme"));
}
+}
+
+function closePopup(e) {
+ e.parentElement.outerHTML = "";
}
\ No newline at end of file
diff --git a/templates/search.hbs b/templates/search.hbs
index c32278581..4a7daea1e 100644
--- a/templates/search.hbs
+++ b/templates/search.hbs
@@ -42,6 +42,15 @@
+
Fabricate is a work-in progress mod distribution platform that has full backwards compatibility with curseforge! Please keep in mind that we are in early beta so not everything works.
+ made possible by our contributors + Discord + GitHub + Close +