Files
npmcdn/ts/ntml/body.ts
2026-01-04 20:47:43 +00:00

61 lines
1.7 KiB
TypeScript

import type { UiPublicServer } from '../npm-publicserver.classes.uipublicserver.js';
import * as plugins from '../plugins.js';
export const getBody = async (uipublicServerArg: UiPublicServer, contentArg: string | string[]) => {
return await plugins.litNtml.html`
<head></head>
<body>
<style>
body {
margin: 0px;
padding: 20px;
background: #eeeeeb;
font-family: 'Courier New', Courier, monospace;
}
.main {
background: #ffffff;
max-width: 1000px;
margin: auto;
border: 1px dashed #CCCCCC;
border-radius: 10px;
padding: 20px;
padding-bottom: 60px;
position:relative;
overflow: hidden;
}
.logo {
text-align: center;
background: #fafafa;
border-bottom: 1px dotted #CCCCCC;
margin-left: -20px;
margin-top: -20px;
margin-right: -20px;
margin-bottom: 20px;
padding: 20px;
}
.footer {
position: absolute;
bottom: 0px;
right: 0px;
left: 0px;
text-align: center;
line-height: 40px;
background: #fafafa;
}
</style>
<div class="main">
<div class="logo">
<img src="https://assetbroker.lossless.one/brandfiles/lossless/svg-minimal-bright.svg" onclick="window.location.href = 'https://lossless.com'" />
</div>
${contentArg}
<div class="footer">
UiPublicServer v${uipublicServerArg.projectinfo.version} |
running since ${uipublicServerArg.startedAt} |
<a href="https://lossless.gmbh" target="_blank">Legal Info</a></div>
</div>
</body>
`;
};