From 61ce27464c68836ba6e73638889694c5e3e88dbf Mon Sep 17 00:00:00 2001 From: Alina Beck Date: Mon, 16 Sep 2019 17:02:59 +0100 Subject: [PATCH] adapt template to follow human connection styleguide (wip) --- .../middleware/email/templates/signup.html | 201 +++++------------- 1 file changed, 59 insertions(+), 142 deletions(-) diff --git a/backend/src/middleware/email/templates/signup.html b/backend/src/middleware/email/templates/signup.html index 7316dc841..3a3f2760d 100644 --- a/backend/src/middleware/email/templates/signup.html +++ b/backend/src/middleware/email/templates/signup.html @@ -9,7 +9,7 @@ - + Welcome to Human Connection @@ -18,14 +18,14 @@ - + @@ -174,39 +174,20 @@ - -
+ +
- -
- (Optional) This text will appear in the inbox preview, but not the email body. It can be used to supplement the - email subject line or even summarize the email's contents. Extended text preheaders (~490 characters) seems like a - better UX for anyone using a screenreader or voice-command apps like Siri to dictate the contents of an email. If - this text is not included, email clients will automatically populate it using the text (including image alt text) - at the start of the email's body. -
- - - - -
- ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  -
- - - alt_text @@ -234,8 +213,10 @@ - alt_text @@ -246,14 +227,14 @@ - @@ -262,10 +243,10 @@
+

- Praesent laoreet malesuada cursus.

-

Maecenas sed ante pellentesque, posuere leo id, eleifend dolor. Class aptent - taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent laoreet - malesuada cursus. Maecenas scelerisque congue eros eu posuere. Praesent in felis ut velit pretium - lobortis rhoncus ut erat.

+ style="margin: 0 0 10px 0; font-family: Lato, sans-serif; font-size: 25px; line-height: 30px; color: #333333; font-weight: normal;"> + Welcome to Human Connection! +

Thank you for joining our cause – it's awesome to have you on board. There's + just one tiny step missing before we can start shaping the world together: Please confirm your + e-mail address by clicking the button below!
-
+ Primary - Button + style="background: #17b53e; font-family: Lato, sans-serif; font-size: 15px; line-height: 15px; text-decoration: none; padding: 13px 17px; color: #ffffff; display: block; border-radius: 4px;">Confirm + your email address
@@ -273,20 +254,9 @@ - -

- Praesent in felis ut velit pretium lobortis rhoncus ut erat.

-
    -
  • A list item.
    • -
  • Another list item here.
    • -
  • Everyone gets a list item, list items for - everyone!
    • -
-

Maecenas sed ante pellentesque, posuere leo id, eleifend dolor. Class aptent - taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent laoreet - malesuada cursus. Maecenas scelerisque congue eros eu posuere. Praesent in felis ut velit pretium - lobortis rhoncus ut erat.

+ +

Or you can copy this code and paste it in your browser window:

@@ -294,52 +264,9 @@ - - - - - - - - -
- - - - - - - -
- alt_text -
-

Maecenas sed ante pellentesque, posuere leo id, eleifend dolor.

-
- 		- - - - - - - -
- alt_text -
-

Maecenas sed ante pellentesque, posuere leo id, eleifend dolor.

-
-
- - - - - +   @@ -350,11 +277,37 @@ - + +
-

Maecenas sed ante pellentesque, posuere leo id, eleifend dolor. Class aptent - taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent laoreet - malesuada cursus. Maecenas scelerisque congue eros eu posuere. Praesent in felis ut velit pretium - lobortis rhoncus ut erat.

+ 		+

If you didn't sign up for Human Connection we recommend you to check it out! + It's an online platform for people to connect and change the world together.

+

PS: If you ignore this email we will not create an account for + you. ;)

+
+ + + + + + + +   + + + + + + + + + +
+

Feel free to contact our support team with any questions you might have.

+

Thank you, and see you soon on Human Connection!

+

– The Human Connection Team
@@ -370,14 +323,11 @@ style="margin: auto;"> - View as a Web Page - + style="padding: 20px; font-family: Lato, sans-serif; font-size: 12px; line-height: 15px; text-align: center; color: #888888;">

- Company Name
123 Fake Street, SpringField, OR, 97477 - US
(123) 456-7890 + Human Connection gGmbH
Bahnhofstraße 11
73235 Weilheim / + Teck
Germany

- unsubscribe @@ -390,39 +340,6 @@ - - - - - -
- -
- -