Text amendments to sound more native English, switch to MBZ latest colour scheme, switch to Roboto font.

This commit is contained in:
Marie-Cécile Godwin 2020-06-23 18:00:04 +02:00 committed by Thomas Citharel
parent 85f682919f
commit 2f9976b289
No known key found for this signature in database
GPG key ID: A061B9DDE0CA0773

View file

@ -41,11 +41,11 @@
div[style*="margin: 16px 0;"] { margin: 0 !important; } div[style*="margin: 16px 0;"] { margin: 0 !important; }
</style> </style>
</head> </head>
<body style="background-color: #f4f4f4; margin: 0 !important; padding: 0 !important;"> <body style="background-color: #ECEBF2; margin: 0 !important; padding: 0 !important;">
<table border="0" cellpadding="0" cellspacing="0" width="100%"> <table border="0" cellpadding="0" cellspacing="0" width="100%">
<!-- LOGO --> <!-- LOGO -->
<tr> <tr>
<td bgcolor="#424056" align="center"> <td bgcolor="#474467" align="center">
<!--[if (gte mso 9)|(IE)]> <!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600"> <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
<tr> <tr>
@ -55,7 +55,7 @@
<tr> <tr>
<td align="center" valign="top" style="padding: 40px 10px 40px 10px;"> <td align="center" valign="top" style="padding: 40px 10px 40px 10px;">
<a href="<%= Mobilizon.Web.Endpoint.url() %>" target="_blank"> <a href="<%= Mobilizon.Web.Endpoint.url() %>" target="_blank">
<img alt="<%= Mobilizon.Config.instance_name() %>" src="<%= "#{Mobilizon.Web.Endpoint.url()}/img/mobilizon_logo.png" %>" width="366" height="108" style="display: block; width: 366px; max-width: 366px; min-width: 366px; font-family: 'Lato', Helvetica, Arial, sans-serif; color: #ffffff; font-size: 18px;" border="0"> <img alt="<%= Mobilizon.Config.instance_name() %>" src="<%= "#{Mobilizon.Web.Endpoint.url()}/img/mobilizon_logo.png" %>" width="366" height="108" style="display: block; width: 366px; max-width: 366px; min-width: 366px; font-family: 'Roboto', Helvetica, Arial, sans-serif; color: #ffffff; font-size: 18px;" border="0">
</a> </a>
</td> </td>
</tr> </tr>
@ -71,7 +71,7 @@
<% if Mobilizon.Config.instance_demo_mode?() do %> <% if Mobilizon.Config.instance_demo_mode?() do %>
<!-- BETA WARNING --> <!-- BETA WARNING -->
<tr> <tr>
<td bgcolor="#f4f4f4" align="center" style="padding: 30px 10px 0px 10px;"> <td bgcolor="#ECEBF2" align="center" style="padding: 30px 10px 0px 10px;">
<!--[if (gte mso 9)|(IE)]> <!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600"> <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
<tr> <tr>
@ -80,15 +80,15 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" > <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" >
<!-- HEADLINE --> <!-- HEADLINE -->
<tr> <tr>
<td bgcolor="#ff7061" align="center" style="padding: 30px 30px 30px 30px; border-radius: 4px 4px 4px 4px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td bgcolor="#FFD599" align="center" style="padding: 30px 30px 30px 30px; border-radius: 4px 4px 4px 4px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" >
<h2 style="font-size: 25px; font-weight: 400; color: #111111; margin: 0;"> <h2 style="font-size: 25px; font-weight: 400; color: #D35204; margin: 0;">
<%= gettext "Warning" %> <%= gettext "Warning" %>
</h2> </h2><br>
<p style="margin: 0; color: #111111"><%= gettext "This is a demonstration site to test the beta version of Mobilizon." %></p> <p style="margin: 0; color: #3A384C"><%= gettext "This is a demonstration site to test the beta version of Mobilizon." %></p>
<p style="margin: 0; color: #111111;"><%= gettext("%{b_start}Please do not use it in any real way%{b_end}", b_start: "<b>", b_end: "</b>") |> raw() %></p> <p style="margin: 0; color: #3A384C;"><%= gettext("%{b_start}Please do not use it for real purposes.%{b_end}", b_start: "<b>", b_end: "</b>") |> raw() %></p>
<p style="margin: 0; color: #111111;"> <p style="margin: 0; color: #3A384C;">
<%= gettext("Mobilizon is under development, we will add new features to this site during regular updates, until the release of %{b_start}version 1 of the software in the fall of 2020%{b_end}.", b_start: "<b>", b_end: "</b>") |> raw() %> <%= gettext("Mobilizon is still under development, we will add new features along the updates, until the release of %{b_start}version 1 of the software in the fall of 2020%{b_end}.", b_start: "<b>", b_end: "</b>") |> raw() %>
<%= gettext("In the meantime, please consider that the software is not (yet) finished. More information %{a_start}on our blog%{a_end}.", a_start: "<a target='_blank' style='color: #424056;' href='https://framablog.org/?p=18299'>", a_end: "</a>") |> raw() %> <%= gettext("In the meantime, please consider this the software as not (yet) finished. Read more %{a_start}on the Framasoft blog%{a_end}.", a_start: "<a target='_blank' style='color: #424056;' href='https://framablog.org/?p=18299'>", a_end: "</a>") |> raw() %>
</p> </p>
</td> </td>
</tr> </tr>
@ -103,7 +103,7 @@
<% end %> <% end %>
<!-- SUPPORT CALLOUT --> <!-- SUPPORT CALLOUT -->
<tr> <tr>
<td bgcolor="#f4f4f4" align="center" style="padding: 30px 10px 0px 10px;"> <td bgcolor="#ECEBF2" align="center" style="padding: 30px 10px 0px 10px;">
<!--[if (gte mso 9)|(IE)]> <!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600"> <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
<tr> <tr>
@ -112,11 +112,11 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" > <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" >
<!-- HEADLINE --> <!-- HEADLINE -->
<tr> <tr>
<td bgcolor="#C6C2ED" align="center" style="padding: 30px 30px 30px 30px; border-radius: 4px 4px 4px 4px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" > <td bgcolor="#757199" align="center" style="padding: 30px 30px 30px 30px; border-radius: 4px 4px 4px 4px; color: #3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px;" >
<h2 style="font-size: 20px; font-weight: 400; color: #111111; margin: 0;"> <h2 style="font-size: 20px; font-weight: 400; color: #111111; margin: 0;">
<%= gettext "Need some help? Something not working properly?" %> <%= gettext "Need help? Is something not working as expected?" %>
</h2> </h2>
<p style="margin: 0;"><a href="https://framacolibri.org/c/mobilizon/test-mobilizon" target="_blank" style="color: #424056;"> <p style="margin: 0;"><a href="https://framacolibri.org/c/mobilizon/test-mobilizon" target="_blank" style="color: #474467;">
<%= gettext "Ask the community on Framacolibri" %> <%= gettext "Ask the community on Framacolibri" %>
</a></p> </a></p>
</td> </td>
@ -131,7 +131,7 @@
</tr> </tr>
<!-- FOOTER --> <!-- FOOTER -->
<tr> <tr>
<td bgcolor="#f4f4f4" align="center" style="padding: 0px 10px 0px 10px;"> <td bgcolor="#ECEBF2" align="center" style="padding: 0px 10px 0px 10px;">
<!--[if (gte mso 9)|(IE)]> <!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="600"> <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
<tr> <tr>
@ -140,13 +140,13 @@
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" > <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px;" >
<!-- UNSUBSCRIBE --> <!-- UNSUBSCRIBE -->
<!--<tr> <!--<tr>
<td bgcolor="#f4f4f4" align="left" style="padding: 30px 30px 30px 30px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 18px;" > <td bgcolor="#ECEBF2" align="left" style="padding: 30px 30px 30px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 18px;" >
<p style="margin: 0;">If these emails get annoying, please feel free to <a href="http://litmus.com" target="_blank" style="color: #111111; font-weight: 700;">unsubscribe</a>.</p> <p style="margin: 0;">If these alerts become annoying, please feel free to <a href="http://litmus.com" target="_blank" style="color: #3A384C; font-weight: 700;">unsubscribe</a>.</p>
</td> </td>
</tr>--> </tr>-->
<!-- ADDRESS --> <!-- ADDRESS -->
<tr> <tr>
<td bgcolor="#f4f4f4" align="center" style="padding: 0px 30px 30px 30px; color: #666666; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 18px;" > <td bgcolor="#ECEBF2" align="center" style="padding: 30px 30px 30px 30px; color: #474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 18px;" >
<p style="margin: 0;"> <p style="margin: 0;">
<%= gettext "%{instance} is a Mobilizon server.", instance: @instance[:name] %> <%= gettext "%{instance} is a Mobilizon server.", instance: @instance[:name] %>
<a href="https://joinmobilizon.org"><%= gettext "Learn more about Mobilizon." %></a> <a href="https://joinmobilizon.org"><%= gettext "Learn more about Mobilizon." %></a>