backgroundtest

This commit is contained in:
maaa 2024-03-07 20:27:53 +01:00
parent d2325aa237
commit 09ba281cad
2 changed files with 3550 additions and 2 deletions

3535
static/svg/grid.svg Normal file

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 244 KiB

View File

@ -15,7 +15,8 @@
<div class="inoutdiv"> <div class="inoutdiv">
<h2 class="w300">Login</h2> <h2 class="w300">Login</h2>
<p id="statusBox"></p> <p id="statusBox"></p>
<span id="inputNameBox" style="margin-right: 10px;color: var(--text-color);"></span><input id="usernameBox" class="hidden" type="text" placeholder="Enter your username"> <span id="inputNameBox" style="margin-right: 10px;color: var(--text-color);"></span><input id="usernameBox"
class="hidden" type="text" placeholder="Enter your username">
<input id="passwordBox" class="hidden" type="password" placeholder="Enter your password"> <input id="passwordBox" class="hidden" type="password" placeholder="Enter your password">
<button id="signupButton">Next</button> <button id="signupButton">Next</button>
<button id="backButton" class="hidden">Back</button><br><br> <button id="backButton" class="hidden">Back</button><br><br>
@ -24,4 +25,16 @@
</div> </div>
<script type="text/javascript" src="../static/js/login.js"></script> <script type="text/javascript" src="../static/js/login.js"></script>
<style>
body {
background-color: #d9d9d9;
background-image: url("/static/svg/grid.svg");
background-repeat: repeat;
background-size: 312px
}
.inoutdiv {
background-color: #fff;
border-radius: 8px;
}
</style>
</body> </body>