Post rebranding tweaks to web ui (#1027)

- Add a label to system name, and modify the style sheet to hide it in the modern theme
- Restore the Control Page subtitle, and hide it on small screens
- Tweak some wordings and help text
This commit is contained in:
Daniel Markstedt 2022-12-09 20:34:46 -08:00 committed by GitHub
parent 5b3626dcf5
commit ce6bc79b2c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 21 additions and 9 deletions

View File

@ -1,13 +1,13 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<title>PiSCSI Web UI is Starting</title> <title>PiSCSI Web is Starting</title>
<meta http-equiv="refresh" content="2"> <meta http-equiv="refresh" content="2">
</head> </head>
</html> </html>
<body> <body>
<center> <center>
<h1>PiSCSI Web UI is Starting....</h1> <h1>PiSCSI Web Interface is Starting....</h1>
<h2>This page will automatically refresh.</h2> <h2>This page will automatically refresh.</h2>
<p>First boot and upgrades can take a second while resolving dependencies.</p> <p>First boot and upgrades can take a second while resolving dependencies.</p>
<p>If you're seeing this page for over a minute, please check the logs at <tt>sudo journalctl -f</tt></p> <p>If you're seeing this page for over a minute, please check the logs at <tt>sudo journalctl -f</tt></p>

View File

@ -241,6 +241,10 @@ div.header div.hostname span {
font-size: 0.75rem; font-size: 0.75rem;
} }
div.header div.hostname span.label {
display: none;
}
div.header div.login-status { div.header div.login-status {
order: 10; order: 10;
} }
@ -275,6 +279,10 @@ div.header div.authentication-disabled {
min-height: 8.875rem; /* Safari 14 iOS and iPad OS */ min-height: 8.875rem; /* Safari 14 iOS and iPad OS */
} }
div.header div.title span.subtitle {
display: none;
}
div.header div.title a { div.header div.title a {
display: block; display: block;
background: url("/static/logo.png") no-repeat; background: url("/static/logo.png") no-repeat;

View File

@ -51,13 +51,13 @@
{% else %} {% else %}
<div align="center" class="login-status logged-out"> <div align="center" class="login-status logged-out">
<form method="POST" action="/login"> <form method="POST" action="/login">
<div class="login-form-title">{{ _("Log In to Use Web Interface") }}</div> <div class="login-form-title">{{ _("Log in to use Web Interface") }}</div>
<span> <span>
<label for="username">{{ _("Username") }}</label> <label for="username">{{ _("Username:") }}</label>
<input type="text" name="username" id="username"> <input type="text" name="username" id="username">
</span> </span>
<span> <span>
<label for="password">{{ _("Password") }}</label> <label for="password">{{ _("Password:") }}</label>
<input type="password" name="password" id="password"> <input type="password" name="password" id="password">
</span> </span>
<input type="submit" value="Login"> <input type="submit" value="Login">
@ -72,11 +72,15 @@
<div align="center" class="title"> <div align="center" class="title">
<a href="/"> <a href="/">
<h1>{{ _("PiSCSI") }}</h1> <h1>
<span>{{ _("PiSCSI") }}</span>
<span class="subtitle">{{ _("Control Page") }}</span>
</h1>
</a> </a>
</div> </div>
<div class="hostname"> <div class="hostname">
<span class="label">{{ _("System Name:") }}</span>
<span>{{ env['system_name'] }}</span> <span>{{ env['system_name'] }}</span>
</div> </div>
</div> </div>

View File

@ -461,7 +461,7 @@
<ul> <ul>
<li>{{ _("The largest file size accepted in this form is %(max_file_size)s MiB. Use other file transfer means for larger files.", max_file_size=max_file_size) }}</li> <li>{{ _("The largest file size accepted in this form is %(max_file_size)s MiB. Use other file transfer means for larger files.", max_file_size=max_file_size) }}</li>
<li>{{ _("File uploads will progress only if you stay on this page. If you navigate away before the transfer is completed, you will end up with an incomplete file.") }}</li> <li>{{ _("File uploads will progress only if you stay on this page. If you navigate away before the transfer is completed, you will end up with an incomplete file.") }}</li>
<li>{{ _("Install Netatalk or Samba to use the File Server.") }}</li> <li>{{ _("To access shared files remotely, you may have to install one of the file servers first.") }}</li>
</ul> </ul>
</details> </details>
@ -513,7 +513,7 @@
{{ _("Download File from the Web") }} {{ _("Download File from the Web") }}
</summary> </summary>
<ul> <ul>
<li>{{ _("Install Netatalk or Samba to use the File Server.") }}</li> <li>{{ _("To access shared files remotely, you may have to install one of the file servers first.") }}</li>
</ul> </ul>
</details> </details>
@ -730,7 +730,7 @@
{{ _("System Operations") }} {{ _("System Operations") }}
</summary> </summary>
<ul> <ul>
<li>{{ _("For System Name we are using the high-level \"pretty\" hostname.") }}</li> <li>{{ _("The System Name is the \"pretty\" hostname if set, with a fallback to the regular hostname.") }}</li>
<li>{{ _("IMPORTANT: Always shut down the system before turning off the power. Failing to do so may lead to data loss.") }}</li> <li>{{ _("IMPORTANT: Always shut down the system before turning off the power. Failing to do so may lead to data loss.") }}</li>
</ul> </ul>
</details> </details>