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>
<html lang="en">
<head>
<title>PiSCSI Web UI is Starting</title>
<title>PiSCSI Web is Starting</title>
<meta http-equiv="refresh" content="2">
</head>
</html>
<body>
<center>
<h1>PiSCSI Web UI is Starting....</h1>
<h1>PiSCSI Web Interface is Starting....</h1>
<h2>This page will automatically refresh.</h2>
<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>

View File

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

View File

@ -51,13 +51,13 @@
{% else %}
<div align="center" class="login-status logged-out">
<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>
<label for="username">{{ _("Username") }}</label>
<label for="username">{{ _("Username:") }}</label>
<input type="text" name="username" id="username">
</span>
<span>
<label for="password">{{ _("Password") }}</label>
<label for="password">{{ _("Password:") }}</label>
<input type="password" name="password" id="password">
</span>
<input type="submit" value="Login">
@ -72,11 +72,15 @@
<div align="center" class="title">
<a href="/">
<h1>{{ _("PiSCSI") }}</h1>
<h1>
<span>{{ _("PiSCSI") }}</span>
<span class="subtitle">{{ _("Control Page") }}</span>
</h1>
</a>
</div>
<div class="hostname">
<span class="label">{{ _("System Name:") }}</span>
<span>{{ env['system_name'] }}</span>
</div>
</div>

View File

@ -461,7 +461,7 @@
<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>{{ _("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>
</details>
@ -513,7 +513,7 @@
{{ _("Download File from the Web") }}
</summary>
<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>
</details>
@ -730,7 +730,7 @@
{{ _("System Operations") }}
</summary>
<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>
</ul>
</details>