Add setup and API files with enhanced user interface and error handling

This commit is contained in:
marc-go committed 2026-10-03 19:31:34 +02:00
1 parent 84e0630893
commit 06a4f9a6c0
4 files changed
+130 -42

No files matched your search

@@ -1,38 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
<script type="importmap">
{
"imports": {
"@material/web/": "https://esm.run/@material/web/"
}
}
</script>
<script type="module">
import '@material/web/all.js';
import {styles as typescaleStyles} from '@material/web/typography/md-typescale-styles.js';
document.adoptedStyleSheets.push(typescaleStyles.styleSheet);
</script>
<style>
body {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
</style>
</head>
<body>
<div class="content">
<h1 class="md-typescale-display-medium">Hello!</h1>
<p>Welcome to your Guestbook! Enter here your prefered username and password.</p>
<md-filled-text-field label="Username" type="text"></md-filled-text-field><br><br>
<md-filled-text-field label="Password" type="password"></md-filled-text-field><br><br>
<md-filled-text-field label="Repeat Password" type="password"></md-filled-text-field><br><br>
<md-filled-button disabled>Save</md-filled-button>
</div>
</body>
</html>