Changeset b8ef4ab in OpenWorkouts-current for ow/static

Timestamp:

Feb 19, 2019, 6:58:39 PM (5 years ago)

Author:

Borja Lopez <borja@…>

Branches:

current, feature/docs, master

Children:

42d775c

Parents:

07f5190

Message:

(#61) Better templates for "verify your account" emails:

• Send a multipart text/html email (instead text only)
• Added some styling to the html version of the email, based on our current login page styles.

Important: as the html version contains html code generated using
request.resource_url() and request.static_url(), when running in
development mode under ​http://localhost, the links to images
and css files in the rendered email point to localhost, so they
won't work outside the machine running openworkouts.

Location:

ow/static

Files:

• css/main.css (modified) (1 diff)
• less/main.less (modified) (1 diff)
• less/pages/verify_account.less (added)

ow/static/css/main.css

@@ -1486 +1486 @@
   font-size: 0.8125rem;
 }
+.verify-account-content {
+  background-position: center;
+  background-size: cover;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: calc(100vh - 98px);
+  padding: 1em 0;
+  color: #e1e1e1;
+}
+.verify-account-content .info {
+  max-width: 580px;
+  background-color: rgba(21, 21, 21, 0.6);
+  border-radius: 6px;
+  padding: 2em 1.5em;
+}
+.verify-account-content .info div {
+  margin-bottom: 1.5em;
+}
+.verify-account-content a {
+  color: #e1e1e1;
+  font-size: 13px;
+  text-decoration: none;
+  margin-right: 0.75em;
+}
+.verify-account-content a:hover {
+  color: white;
+}
+.verify-account-content .button {
+  transition: all 500ms ease-in-out;
+  background-color: #EE4056;
+  color: white;
+  text-transform: uppercase;
+}
+.verify-account-content .button:hover {
+  background-color: #e6152f;
+}

ow/static/less/main.less

@@ -32 +32 @@
 @import "pages/login.less";
 @import "pages/profile.less";
+@import "pages/verify_account.less";