From 159bd405635fe989c02b037ea3fcdd79a74fd95b Mon Sep 17 00:00:00 2001 From: stephb9959 Date: Thu, 12 May 2022 10:52:29 -0700 Subject: [PATCH] Improving HTML for user messages. --- wwwassets/access_policy.html | 23 ++--- wwwassets/email_verification_error.html | 102 +++++++++++++++++++++ wwwassets/email_verification_success.html | 102 +++++++++++++++++++++ wwwassets/password_policy.html | 18 ++-- wwwassets/password_reset.html | 18 ++-- wwwassets/password_reset_error.html | 19 ++-- wwwassets/password_reset_success.html | 19 +++- wwwassets/signup_verification.html | 18 ++-- wwwassets/signup_verification_error.html | 18 ++-- wwwassets/signup_verification_success.html | 18 +++- 10 files changed, 303 insertions(+), 52 deletions(-) diff --git a/wwwassets/access_policy.html b/wwwassets/access_policy.html index ad725ca..7b953a5 100644 --- a/wwwassets/access_policy.html +++ b/wwwassets/access_policy.html @@ -29,11 +29,15 @@ opacity: 0.8; } - .img-container { + .logo-grid { + display: grid; + grid-template-columns: 20% 60% 20%; + } + + .logo-grid > div > img { width: 100%; - margin-top: 5%; - text-align: center; - display: block; + height: 100%; + object-fit: contain; } .info-card { @@ -63,11 +67,6 @@ margin: auto; } - img.avatar { - width: 40%; - border-radius: 50%; - } - .container { padding: 16px; } @@ -95,8 +94,10 @@ -
- OpenWifi +
+
+
OpenWifi
+
diff --git a/wwwassets/email_verification_error.html b/wwwassets/email_verification_error.html index f5a1481..1b5b56a 100644 --- a/wwwassets/email_verification_error.html +++ b/wwwassets/email_verification_error.html @@ -3,8 +3,110 @@ email Verification Error + + + +
+
+
OpenWifi
+
+
+

Password reset failed...

ID

diff --git a/wwwassets/email_verification_success.html b/wwwassets/email_verification_success.html index ca12b73..2ebc078 100644 --- a/wwwassets/email_verification_success.html +++ b/wwwassets/email_verification_success.html @@ -3,8 +3,110 @@ email was successfully validated + + + +
+
+
OpenWifi
+
+
+

email was successfully validated

ID

diff --git a/wwwassets/password_policy.html b/wwwassets/password_policy.html index 465a934..a17a3a5 100644 --- a/wwwassets/password_policy.html +++ b/wwwassets/password_policy.html @@ -29,11 +29,15 @@ opacity: 0.8; } - .imgcontainer { + .logo-grid { + display: grid; + grid-template-columns: 20% 60% 20%; + } + + .logo-grid > div > img { width: 100%; - margin-top: 5%; - text-align: center; - display: block; + height: 100%; + object-fit: contain; } img.avatar { @@ -95,8 +99,10 @@ -
- OpenWifi +
+
+
OpenWifi
+
diff --git a/wwwassets/password_reset.html b/wwwassets/password_reset.html index 4baf9dd..882881c 100644 --- a/wwwassets/password_reset.html +++ b/wwwassets/password_reset.html @@ -37,11 +37,15 @@ opacity: 0.8; } - .imgcontainer { + .logo-grid { + display: grid; + grid-template-columns: 20% 60% 20%; + } + + .logo-grid > div > img { width: 100%; - margin-top: 5%; - text-align: center; - display: block; + height: 100%; + object-fit: contain; } img.avatar { @@ -116,8 +120,10 @@ -
- OpenWifi +
+
+
OpenWifi
+
diff --git a/wwwassets/password_reset_error.html b/wwwassets/password_reset_error.html index 869c668..61823d4 100644 --- a/wwwassets/password_reset_error.html +++ b/wwwassets/password_reset_error.html @@ -29,11 +29,15 @@ opacity: 0.8; } - .imgcontainer { + .logo-grid { + display: grid; + grid-template-columns: 20% 60% 20%; + } + + .logo-grid > div > img { width: 100%; - margin-top: 5%; - text-align: center; - display: block; + height: 100%; + object-fit: contain; } img.avatar { @@ -95,11 +99,12 @@ -
- OpenWifi +
+
+
OpenWifi
+
-

Reset Password Failed

diff --git a/wwwassets/password_reset_success.html b/wwwassets/password_reset_success.html index 3c7933c..0d7d3a3 100644 --- a/wwwassets/password_reset_success.html +++ b/wwwassets/password_reset_success.html @@ -29,9 +29,15 @@ opacity: 0.8; } - .imgcontainer { - text-align: center; - margin: 24px 0 12px 0; + .logo-grid { + display: grid; + grid-template-columns: 20% 60% 20%; + } + + .logo-grid > div > img { + width: 100%; + height: 100%; + object-fit: contain; } img.avatar { @@ -60,9 +66,12 @@ } + -
- Avatar +
+
+
OpenWifi
+

Password was successfully reset

diff --git a/wwwassets/signup_verification.html b/wwwassets/signup_verification.html index 1d4211f..b9f55c0 100644 --- a/wwwassets/signup_verification.html +++ b/wwwassets/signup_verification.html @@ -37,11 +37,15 @@ opacity: 0.8; } - .imgcontainer { + .logo-grid { + display: grid; + grid-template-columns: 20% 60% 20%; + } + + .logo-grid > div > img { width: 100%; - margin-top: 5%; - text-align: center; - display: block; + height: 100%; + object-fit: contain; } img.avatar { @@ -116,8 +120,10 @@ -
- OpenWifi +
+
+
OpenWifi
+
diff --git a/wwwassets/signup_verification_error.html b/wwwassets/signup_verification_error.html index bc8cbc1..89ceb64 100644 --- a/wwwassets/signup_verification_error.html +++ b/wwwassets/signup_verification_error.html @@ -29,11 +29,15 @@ opacity: 0.8; } - .imgcontainer { + .logo-grid { + display: grid; + grid-template-columns: 20% 60% 20%; + } + + .logo-grid > div > img { width: 100%; - margin-top: 5%; - text-align: center; - display: block; + height: 100%; + object-fit: contain; } img.avatar { @@ -95,8 +99,10 @@ -
- OpenWifi +
+
+
OpenWifi
+
diff --git a/wwwassets/signup_verification_success.html b/wwwassets/signup_verification_success.html index 3a6516e..a49ff75 100644 --- a/wwwassets/signup_verification_success.html +++ b/wwwassets/signup_verification_success.html @@ -29,9 +29,15 @@ opacity: 0.8; } - .imgcontainer { - text-align: center; - margin: 24px 0 12px 0; + .logo-grid { + display: grid; + grid-template-columns: 20% 60% 20%; + } + + .logo-grid > div > img { + width: 100%; + height: 100%; + object-fit: contain; } img.avatar { @@ -61,8 +67,10 @@ -
- Avatar +
+
+
OpenWifi
+

Signup was successfully done