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 @@ up +
+

Welcome to Fabricate Staging!

+

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 +
+