diff --git a/pageUpdater.js b/pageUpdater.js index 9c7de5b..3ec5451 100644 --- a/pageUpdater.js +++ b/pageUpdater.js @@ -29,7 +29,8 @@ function converter(html) { "DISCORD_STATUS": `${statusData.text}` + ``, - "UPTIME": uptime + "UPTIME": uptime, + "TOPBAR": `

Socials

` } var rpTable = Object.keys(replacers) @@ -87,9 +88,10 @@ module.exports = { var data = fs.readFileSync(filePath).toString() if (req.path.includes(".css")) { res.setHeader("Content-Type", "text/css") - } else { + } else if (!req.path.includes(".woff2")) { data = converter(data) } + res.send(minify.minify(data)) } else { res.status(404).send(` diff --git a/static/index.html b/static/index.html index 4e396c6..a4bba37 100644 --- a/static/index.html +++ b/static/index.html @@ -21,7 +21,6 @@ - {TOPBAR}

Welcome to Violet's PurgatoryCommit {COMMIT_COUNT}

{RANDOM_QUOTE}

diff --git a/static/style.css b/static/style.css index 0a5db3c..72875c7 100644 --- a/static/style.css +++ b/static/style.css @@ -22,6 +22,29 @@ color: white; } +#topbar { + background-color: rgb(75, 50, 125); + width: 100%; + padding: 1vh 0px; + position: sticky; + left: 0px; + top: 0px; + z-index: 10; + opacity: 0.5; + transform: scale(1); + transition: all 2s cubic-bezier(0.075, 0.82, 0.165, 1); +} + +#topbar:hover { + opacity: 1; + transform: scale(1.05); +} + +#topbar > * { + display: inline-block; + font-size: 1.5rem; +} + main:nth-of-type(1) { width: 95%; max-width: 1000px; @@ -38,8 +61,6 @@ body { min-height: 100vh; - padding: 25px; - animation: hideContent 2.5s; }