Show help info of setting up connection

This commit is contained in:
SoftFever 2023-04-03 20:02:55 +08:00
parent 7816c93741
commit 1a281e99a6
4 changed files with 66 additions and 22 deletions

View file

@ -0,0 +1,33 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Printer Connection Required</title>
<style>
body {
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background-color: #272727;
}
.container {
text-align: center;
background-color: #272727;
padding: 30px;
border-radius: 10px;
box-shadow: 0 4px 6px rgba(39, 39, 39, 0.1);
}
</style>
</head>
<body>
<div class="container">
<h1>Printer Connection</h1>
<p>Please set up your printer connection to view the device.</p>
<img src="setup_connection.gif" alt="Printer connection setup demonstration" style="max-width: 100%; height: auto; display: block;"/>
</div>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 738 KiB