diff options
| author | Marie <Marie@kaifa.ch> | 2023-12-22 13:10:21 +0100 |
|---|---|---|
| committer | Marie <Marie@kaifa.ch> | 2023-12-22 13:10:21 +0100 |
| commit | e0155cffae64e5a4d57676c802bcf97c509adf34 (patch) | |
| tree | ef7f68a772984d9d04603eb9c0aa2967dd896a3b /packages/backend/src/server/web | |
| parent | fix: change way url example gets displayed on page editor (diff) | |
| download | sharkey-e0155cffae64e5a4d57676c802bcf97c509adf34.tar.gz sharkey-e0155cffae64e5a4d57676c802bcf97c509adf34.tar.bz2 sharkey-e0155cffae64e5a4d57676c802bcf97c509adf34.zip | |
add: Custom MOTDs
This works almost exactly like FF's custom MOTDs with the only difference being that they get defined in the config file for performance reasons.
Closes #86
Diffstat (limited to 'packages/backend/src/server/web')
| -rw-r--r-- | packages/backend/src/server/web/ClientServerService.ts | 1 | ||||
| -rw-r--r-- | packages/backend/src/server/web/style.css | 16 | ||||
| -rw-r--r-- | packages/backend/src/server/web/views/base.pug | 3 |
3 files changed, 19 insertions, 1 deletions
diff --git a/packages/backend/src/server/web/ClientServerService.ts b/packages/backend/src/server/web/ClientServerService.ts index ea7bfd70b8..aa696046ea 100644 --- a/packages/backend/src/server/web/ClientServerService.ts +++ b/packages/backend/src/server/web/ClientServerService.ts @@ -178,6 +178,7 @@ export class ClientServerService { infoImageUrl: meta.infoImageUrl ?? 'https://launcher.moe/nothinghere.png', notFoundImageUrl: meta.notFoundImageUrl ?? 'https://launcher.moe/missingpage.webp', instanceUrl: this.config.url, + randomMOTD: this.config.customMOTD ? this.config.customMOTD[Math.floor(Math.random() * this.config.customMOTD.length)] : undefined, }; } diff --git a/packages/backend/src/server/web/style.css b/packages/backend/src/server/web/style.css index 952be9bf0b..171827a523 100644 --- a/packages/backend/src/server/web/style.css +++ b/packages/backend/src/server/web/style.css @@ -44,7 +44,7 @@ html { display: inline-block; width: 28px; height: 28px; - transform: translateY(70px); + transform: translateY(80px); color: var(--accent); } #splashSpinner > .spinner { @@ -74,3 +74,17 @@ html { transform: rotate(360deg); } } + +#splashText { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; + display: inline-block; + width: 70%; + height: 0; + text-align: center; + transform: translateY(40px); +} diff --git a/packages/backend/src/server/web/views/base.pug b/packages/backend/src/server/web/views/base.pug index 5e6f6cedd6..c15e123a15 100644 --- a/packages/backend/src/server/web/views/base.pug +++ b/packages/backend/src/server/web/views/base.pug @@ -85,6 +85,9 @@ html | Please turn on your JavaScript div#splash img#splashIcon(src= icon || '/static-assets/splash.png') + span#splashText + block randomMOTD + = randomMOTD div#splashSpinner <svg class="spinner bg" viewBox="0 0 152 152" xmlns="http://www.w3.org/2000/svg"> <g transform="matrix(1,0,0,1,12,12)"> |