Email: tweaks to welcome message layout and content

According to the discussion after commit c2518e9ae1.
This commit is contained in:
2018-01-26 17:09:45 +01:00
parent 7ba1c55609
commit 48fd9f401a
3 changed files with 117 additions and 127 deletions

View File

@@ -4,6 +4,7 @@ html
title {% block title %}{{ subject }}{% endblock %} title {% block title %}{{ subject }}{% endblock %}
style. style.
@import url('https://fonts.googleapis.com/css?family=Roboto'); @import url('https://fonts.googleapis.com/css?family=Roboto');
html, body { html, body {
font-family: 'Roboto', 'Noto Sans', sans-serif; font-family: 'Roboto', 'Noto Sans', sans-serif;
font-size: 11pt; font-size: 11pt;
@@ -11,28 +12,28 @@ html
color: black; color: black;
} }
section, h1 { section {
max-width: 100%; max-width: 522px;
width: 522px; /*width: 522px;*/
margin: 15px auto; margin: 0 auto 15px auto;
padding: 10px 25px; padding: 10px 25px;
box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
background-color: white;
} }
a:link { a:link {
color: #2e99b8; color: #2e99b8;
} }
a:link, a:visited { a:link, a:visited {
text-decoration: none; text-decoration: none;
} }
section {
background-color: white;
border-radius: 2px;
}
section.about, p.ps { section.about, p.ps {
color: #888; color: #888;
font-size: smaller; font-size: smaller;
} }
section.about a:link, p.ps a:link { section.about a:link, p.ps a:link {
color: #7297ab; color: #7297ab;
} }
@@ -41,31 +42,34 @@ html
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5), 0 0 25px rgba(0, 0, 0, 0.6); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5), 0 0 25px rgba(0, 0, 0, 0.6);
color: white; color: white;
font-size: 30px; font-size: 30px;
background: #d5d0cb url('{{ abs_url("static", filename="assets/img/email/background_caminandes_3_03.jpg") }}') no-repeat top center; background: #d5d0cb url('https://cloud.blender.org/static/assets/img/email/background_caminandes_3_03.jpg') no-repeat top center;
-webkit-background-size: cover; -webkit-background-size: cover;
-moz-background-size: cover; -moz-background-size: cover;
-o-background-size: cover; -o-background-size: cover;
background-size: cover; background-size: cover;
min-height: 120px; padding: 35px 25px;
max-width: 522px;
/*width: 522px;*/
margin: 15px auto 0 auto;
} }
h2 {
h2, h3 {
font-weight: 300; font-weight: 300;
color: #eb5e28; color: #eb5e28;
position: relative; position: relative;
} }
p { p {
line-height: 150%; line-height: 150%;
text-align: justify;
} }
p.closing { p.closing {
margin-top: 2.5em; margin-top: 2.5em;
} }
p.closing a.cloudlogo {
float: right;
}
p.buttons { p.buttons {
text-align: center; text-align: center;
margin: 5ex; margin: 4ex;
} }
a.button { a.button {
@@ -73,7 +77,6 @@ html
max-width: 30ex; max-width: 30ex;
padding: 5px 30px; padding: 5px 30px;
text-decoration: none; text-decoration: none;
border-radius: 3px; border-radius: 3px;
border: thin solid #2e99b8; border: thin solid #2e99b8;
color: #2e99b8; color: #2e99b8;
@@ -81,17 +84,10 @@ html
text-shadow: none; text-shadow: none;
transition: color 350ms ease-out, border 150ms ease-in-out, opacity 150ms ease-in-out, background-color 150ms ease-in-out; transition: color 350ms ease-out, border 150ms ease-in-out, opacity 150ms ease-in-out, background-color 150ms ease-in-out;
} }
a.button:hover { a.button:hover {
color: white; color: white;
background-color: #2e99b8; background-color: #2e99b8;
} }
img#blendercloud {
height: 6em;
width: auto;
margin-right: 0;
margin-top: -0.5em;
margin-bottom: -0.2em;
vertical-align: middle;
}
body body
| {% block body %}{% endblock %} | {% block body %}{% endblock %}

View File

@@ -1,72 +1,53 @@
| {% extends "emails/layout.html" %} | {% extends "emails/layout.html" %}
| {% block body %} | {% block body %}
| {% set blender_cloud = abs_url('cloud.homepage') %} | {% set blender_cloud = abs_url('cloud.homepage') %}
h1 Welcome to Blender Cloud
h1 Welcome to Blender Cloud!
section section
h2 Hi {{ user.full_name or user.email }}
h2 Hi {{ user.full_name or user.email }},
p. p.
Sybren here. I'm one of the Blender Cloud developers, and I'm very happy to welcome you. The Thanks for joining Blender Cloud, the Open Content creation platform! Your subscription helps
Blender Animation Studio projects are made possible thanks to you! our team to create more Open Projects, training, services and of course to make Blender the best
#[strong In this email I'll explain where to go and what to see.] CG pipeline in the world. You rock!
If you want to dive in now, just hit this button:
p.buttons p.buttons
a.button(href="{{ blender_cloud }}", target='_blank') Log in and Explore! a.button(href="{{ blender_cloud }}", target='_blank') Explore Now >
p.
Here is a quick guide to help you get started with Blender Cloud.
h2 Discover the Training Content
p. p.
To get the most out of Blender Cloud, be sure to check out Our high quality training is organised in #[a(href="{{ abs_url('cloud.courses') }}", target='_blank') Courses],
#[a(href="{{ abs_url('cloud.services') }}", target='_blank') the services] we offer, like where experienced trainers teach you step-by-step specific techniques, and
accessing our texture library from within Blender using the Cloud add-on, Blender Sync, #[a(href="{{ abs_url('cloud.workshops') }}", target='_blank') Workshops],
Image Sharing, and more: where you get the feeling of peeking behind the shoulders of an artist explaining their creative workflow.
h2 Try our Services
p.
Make sure you download the #[a(href="{{ abs_url('cloud.services') }}", target='_blank') Blender Cloud Add-on],
so you can synchronize your Blender settings across multiple computers with
#[a(href="https://cloud.blender.org/blog/introducing-blender-sync", target='_blank') Blender Sync],
access our Texture and HDRI libraries directly within Blender, and much more.
h2 Follow the Open Projects
p.
Follow #[a(href='https://cloud.blender.org/p/hero/') Hero] and
#[a(href='https://cloud.blender.org/p/spring/') Spring], access exclusive making-of content and
assets from our current and past
#[a(href="{{ abs_url('cloud.open_projects') }}", target='_blank') Open Projects].
h2 We are here for you
p.
Do you have any question about your subscription? Any suggestion on how to improve Blender Cloud?
Just reply to this message or write us at
#[a(href='mailto:cloudsupport@blender.org') cloudsupport@blender.org] on working days we'll
get back to you within a day.
p p
ul | Cheers,
li #[a(href="{{ abs_url('cloud.courses') }}", target='_blank') Courses] & #[a(href="{{ abs_url('cloud.workshops') }}", target='_blank') Workshops] br
li #[a(href="{{ abs_url('projects.view', project_url='characters') }}", target='_blank') Characters] & #[a(href="{{ abs_url('cloud.open_projects') }}", target='_blank') Open Movies] | Sybren and the Blender Cloud Team
li #[a(href="{{ abs_url('projects.view', project_url='textures') }}", target='_blank') Textures] & #[a(href="{{ abs_url('projects.view', project_url='hdri') }}", target='_blank') HDRIs] hr
li #[a(href="{{ abs_url('projects.view', project_url='gallery') }}", target='_blank') Art Gallery] small.
li #[a(href="{{ abs_url('projects.index') }}", target='_blank') Your own Projects]
p.
If you have any questions, remarks, ideas, or complaints, you can contact us at
#[a(href='mailto:cloudsupport@blender.org') cloudsupport@blender.org]. We're always
happy to help, and on working days we'll get back to you within a day.
p.
To update your personal details, such as your email address, password, or full name, please
visit #[a(href="https://www.blender.org/id/") Blender ID].
p.
For renewing your subscription and other monetary things, there is the
#[a(href='https://store.blender.org/my-account/subscriptions/') Subscription Overview at the Blender Store].
p.closing
a.cloudlogo(href="{{ blender_cloud }}")
img#blendercloud(src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MDMuNSAzODkuMyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk0LjM3IC0xLjU2MykiPjxwYXRoIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Im0yMjguMSAzMzQuNWMtMzguNzQtOC4zOS03MS4xLTQxLjY0LTc4LjY4LTgwLjg1LTQuNjI2LTIzLjk1IDAuNjcxMS01My42IDEzLjE5LTczLjg1bDUuNTIxLTguOTI1LTkuMy02LjY4MmMtNS4xMTUtMy42NzUtOS4zLTcuMzg1LTkuMy04LjI0NCAwLTEuNTA3IDcuMzcxLTMuMjc1IDMwLjU3LTcuMzM1IDEwLjQyLTEuODI1IDE4LTAuNDY4MiAxOC4wOSAzLjIzNSAwLjAxODMgMC43MzUyIDEuNjA1IDEwLjAzIDMuNTMxIDIwLjY1IDQuMTExIDIyLjY4IDMuMDY1IDI0LjM3LTkuNDU1IDE1LjNsLTguMTAzLTUuODctNC4yMzkgNS4yNjhjLTkuMTU5IDExLjM4LTEyLjU2IDI0LjE5LTEyLjU4IDQ3LjM1LTAuMDEyNyAyMC42OCAwLjIyODYgMjIuMDIgNi4zNTYgMzQuNiAxMS43OCAyNC4yMSAzNS41NyA0My4wNiA2MC4yMyA0Ny43NCA1LjUyOSAxLjA0NyA1My4yMiAxLjgyNSAxMTIgMS44MjUgNTguNzcgMCAxMDYuNS0wLjc3OCAxMTItMS44MjUgMjQuNzUtNC42OTUgNDguNjEtMjMuNjQgNjAuMDgtNDcuNzEgNS4zNTYtMTEuMjQgNi4zNDMtMTUuNTYgNy4wNi0zMC44NiAwLjY5NDYtMTQuODUgMC4xNDk0LTE5Ljc5LTMuMjU1LTI5Ljg1LTExLjE0LTMyLjg1LTM4LjYzLTU1LjU2LTY5LjcyLTU3LjYtMTYuNjEtMS4wOTItMjEuMTMtMy42NTgtMjIuODYtMTMtMy41MjItMTguOTUtMjMuODgtNDUuNS00MS45OS01NC43My0yMi40OS0xMS40Ny01MS4zLTEyLjQ2LTczLjExLTIuNTE1LTM0LjMyIDE1LjY1LTU1LjAxIDUzLjU4LTQ4Ljc3IDg5LjQxIDcuMDQxIDQwLjQzIDQxLjg4IDcwLjE0IDgyLjI3IDcwLjE0IDEwLjQ1IDAgMjkuMDgtMy42OTQgMzQuMTktNi43ODEgMC43MDUzLTAuNDI3My0wLjc4MjMtNS40NDUtMy4zMDYtMTEuMTUtMi41MjQtNS43MDgtNC4xMzItMTEuMTItMy41NzItMTIuMDIgMC41NjAyLTAuOTA0MSA4Ljc4MSAxLjE4MiAxOC4yNyA0LjY0MSAyMy45NSA4LjcyNSAyMy4zOSA4LjQ2NyAyNC41MyAxMS40MyAxLjIyNSAzLjE4OS0xMi42NiA0Mi44OC0xNSA0Mi44OC0wLjg5NzcgMC0zLjk3My00LjM2NS02LjgzMi05LjcwMWwtNS4xOTktOS43MDEtMTAuNyAzLjc4OGMtMTUuMTcgNS4zNjktMzkuMzggNi41NzQtNTQuNjYgMi43MTktMzguNDUtOS43MDEtNjguMDUtMzguOTctNzYuODQtNzUuOTUtOC4wODUtMzQuMDUgMi4wMzMtNjkuMjUgMjcuMi05NC42NSAxOS45My0yMC4xIDQ0Ljc3LTMwLjY4IDcyLjA4LTMwLjY4IDQxLjYzIDAgODIuNDIgMjguMjcgOTUuMjUgNjYuMDJsMy4yNCA5LjUzMSAxMy43NCAyLjMxNWMzOC43MyA2LjUyNyA3MS4zNCAzNy4xNSA4MS4zMyA3Ni4zNyAxNC4wOSA1NS4zNC0yMi4zNSAxMTMuNS03OC41MyAxMjUuNC0xOC42OSAzLjk0MS0yMTYuNSAzLjg1My0yMzQuNy0wLjEwNjd6IiBzdHJva2U9IiM5MmM2ZDQiIHN0cm9rZS13aWR0aD0iNi43OTYiIGZpbGw9IiM5MmM2ZDQiLz48L2c+PC9zdmc+Cg==",
alt="Blender Cloud Logo")
| Warm regards,
p.
Sybren A. Stüvel #[br] and the entire Blender Cloud team
p.ps.
PS: If you do not want to receive other emails from us, PS: If you do not want to receive other emails from us,
#[a(href="{{ abs_url('settings.emails') }}") we've got you covered]. #[a(href="{{ abs_url('settings.emails') }}") we've got you covered].
section.about
h2 About Blender Cloud
p.
Blender Cloud is the creative hub for your projects, powered by Free and Open Source
software.
p.
On Blender Cloud you can create and share personal projects, access our texture and HDRI
library, keep track of your production, manage your renders, and much more!
p.
The Blender Animation Studio projects are made possible thanks to subscriptions to the
#[a(href='{{ blender_cloud }}') Blender Cloud]. Thanks for joining!
| {% endblock %} | {% endblock %}

View File

@@ -1,53 +1,66 @@
{% extends "emails/layout.txt" %} {% extends "emails/layout.txt" %}
{% set blender_cloud = abs_url('cloud.homepage') %} {% set blender_cloud = abs_url('cloud.homepage') %}
{% block body %}Welcome to Blender Cloud, {{ user.full_name or user.nickname }}! {% block body %}
Sybren here. I'm one of the Blender Cloud developers, and I'm very Welcome to Blender Cloud, {{ user.full_name or user.nickname }}!
happy to welcome you. The Blender Animation Studio projects are
made possible thanks to you! In this email I'll explain where to Thanks for joining Blender Cloud, the Open Content creation
go and what to see. If you want to dive in now, just log in and platform. Your subscription helps our team to create more Open
explore at: Projects, training, services and of course to make Blender the
best CG pipeline in the world. You rock!
{{ blender_cloud }} {{ blender_cloud }}
To get the most out of Blender Cloud, be sure to check out the Here is a quick guide to help you get started with Blender Cloud.
services we offer at, like accessing our texture library from
within Blender using the Cloud add-on, Blender Sync, and Image
Sharing: ## Discover the Training Content
Our high quality training is organised in courses, where
experienced trainers teach you step-by-step specific techniques,
and workshops, where you get the feeling of peeking behind the
shoulders of an artist explaining their creative workflow.
{{ abs_url('cloud.courses') }}
{{ abs_url('cloud.workshops') }}
## Try our Services
Make sure you download the Blender Cloud Add-on, so you can
synchronize your Blender settings across multiple computers with
Blender Sync, access our Texture and HDRI libraries directly
within Blender, and much more.
{{ abs_url('cloud.services') }} {{ abs_url('cloud.services') }}
https://cloud.blender.org/blog/introducing-blender-sync
If you have any questions, remarks, ideas, or complaints, you can ## Follow the Open Projects
contact us at cloudsupport@blender.org. We're always happy to
help, and on working days we'll get back to you within a day.
To update your personal details, such as your email address, Follow Hero and Spring, access exclusive making-of content and
password, or full name, please visit Blender ID at: assets from our current and past Open Projects.
https://www.blender.org/id/
For renewing your subscription and other monetary things, there is https://cloud.blender.org/p/hero/
the Subscription Overview at the Blender Store: https://cloud.blender.org/p/spring/
https://store.blender.org/my-account/subscriptions/ {{ abs_url('cloud.open_projects') }}
Warm regards,
Sybren A. Stüvel ## We are here for you
and the entire Blender Cloud team
Do you have any question about your subscription? Any suggestion
on how to improve Blender Cloud? Just reply to this message or
write us at
cloudsupport@blender.org
on working days we'll get back to you within a day.
Cheers,
Sybren and the Blender Cloud Team
PS: If you do not want to receive other emails from us, we've got PS: If you do not want to receive other emails from us, we've got
you covered: {{ abs_url('settings.emails') }} you covered. {{ abs_url('settings.emails') }}
About Blender Cloud
Blender Cloud is the creative hub for your projects, powered by
Free and Open Source software.
On Blender Cloud you can create and share personal projects,
access our texture and HDRI library, keep track of your
production, manage your renders, and much more!
The Blender Animation Studio projects are made possible thanks to
subscriptions to the Blender Cloud. Thanks for joining!
{% endblock %} {% endblock %}