mirror of
https://github.com/bitwarden/server.git
synced 2024-12-23 17:07:42 +01:00
mail template updates
This commit is contained in:
Kyle Spearrin
parent
e699e98447
commit
90607f6d93
@ -7,6 +7,7 @@
|
||||
<body>
|
||||
<ol>
|
||||
<li><a href="templates/welcome.html">Welcome</a></li>
|
||||
<li><a href="templates/announcement.html">Announcement</a></li>
|
||||
</ol>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -6,8 +6,11 @@ body, html, body * {
|
||||
margin: 0;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
box-sizing: border-box;
|
||||
font-size: 14px;
|
||||
font-size: 16px;
|
||||
color: #333;
|
||||
line-height: 25px;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-text-size-adjust: none;
|
||||
}
|
||||
|
||||
img {
|
||||
@ -20,7 +23,7 @@ body {
|
||||
-webkit-text-size-adjust: none;
|
||||
width: 100% !important;
|
||||
height: 100%;
|
||||
line-height: 22px;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
/* Let's make sure all tables have defaults */
|
||||
@ -44,19 +47,26 @@ body {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.container {
|
||||
display: block !important;
|
||||
.container, .container-table {
|
||||
width: 600px;
|
||||
max-width: 600px !important;
|
||||
margin: 0 auto !important;
|
||||
display: block !important;
|
||||
/* makes it centered */
|
||||
clear: both !important;
|
||||
margin: 0 auto !important;
|
||||
}
|
||||
|
||||
.content {
|
||||
max-width: 600px;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
padding: 0 20px 20px 20px;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.content-banner {
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
@ -67,40 +77,58 @@ body {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.banner, .banner img {
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.main {
|
||||
background-color: #fff;
|
||||
background-color: white;
|
||||
border: 1px solid #e9e9e9;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.content-banner .main {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.content-wrap {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.content-block {
|
||||
padding: 0 0 15px;
|
||||
padding: 0 0 10px;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
.indented {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.li {
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
width: 100%;
|
||||
clear: both;
|
||||
color: #999;
|
||||
padding-top: 15px;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.footer p, .footer a, .footer td {
|
||||
.footer, .footer p, .footer a, .footer td, .footer br {
|
||||
color: #999;
|
||||
font-size: 12px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.footer .social-icons a {
|
||||
padding: 0 10px;
|
||||
}
|
||||
.footer .social-icons table {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.footer .social-icons td {
|
||||
padding: 0 10px;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
TYPOGRAPHY
|
||||
@ -109,10 +137,13 @@ body {
|
||||
.h3 {
|
||||
font-size: 18px;
|
||||
line-height: 25px;
|
||||
margin-bottom: 20px;
|
||||
margin-top: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.biglink a {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
/* -------------------------------------
|
||||
LINKS & BUTTONS
|
||||
------------------------------------- */
|
||||
@ -123,7 +154,7 @@ a {
|
||||
|
||||
.btn-primary {
|
||||
text-decoration: none;
|
||||
color: #FFF;
|
||||
color: white;
|
||||
background-color: #3c8dbc;
|
||||
border: solid #3c8dbc;
|
||||
border-width: 10px 20px;
|
||||
@ -179,7 +210,7 @@ a {
|
||||
}
|
||||
|
||||
.alert a {
|
||||
color: #fff;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
@ -200,12 +231,12 @@ a {
|
||||
/* -------------------------------------
|
||||
RESPONSIVE AND MOBILE FRIENDLY STYLES
|
||||
------------------------------------- */
|
||||
@media only screen and (max-width: 640px) {
|
||||
@media only screen and (max-width: 600px) {
|
||||
body {
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.container {
|
||||
.container, .container-table {
|
||||
padding: 0 !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
@ -233,6 +264,10 @@ a {
|
||||
}
|
||||
|
||||
.footer {
|
||||
padding-top: 10px !important;
|
||||
margin-top: 10px !important;
|
||||
}
|
||||
|
||||
.indented {
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
85
src/Mail/wwwroot/templates/announcement.html
Normal file
85
src/Mail/wwwroot/templates/announcement.html
Normal file
@ -0,0 +1,85 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>Announcement</title>
|
||||
<link href="../styles.css" media="all" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<table class="body-wrap" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="container" align="center">
|
||||
<table cellpadding="0" cellspacing="0" class="container-table">
|
||||
<tr>
|
||||
<td class="content content-banner" align="center">
|
||||
<a href="#" title="" target="_blank" class="banner">
|
||||
<img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=Announcement%20Image&w=600&h=158"
|
||||
width="600" alt="" />
|
||||
</a>
|
||||
<table class="main" width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="content-wrap">
|
||||
<table width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="h3 content-block">
|
||||
A title!
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
Some text about an announcement.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content-block indented">
|
||||
<table width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td width="15">•</td>
|
||||
<td class="li">Bullet 1</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>•</td>
|
||||
<td class="li">Bullet 2</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content-block last">
|
||||
Thank you!<br />
|
||||
The bitwarden Team
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table class="footer" cellpadding="0" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td class="aligncenter content-block">
|
||||
8bit Solutions LLC<br />
|
||||
You can <a href="[unsubscribe]">unsubscribe</a> from future mailings.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="aligncenter social-icons" align="center">
|
||||
<table cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><a href="https://twitter.com/bitwarden_app" target="_blank"><img src="https://bitwarden.com/images/mail-twitter.png" alt="Twitter" width="30" height="30" /></a></td>
|
||||
<td><a href="https://www.facebook.com/bitwarden/" target="_blank"><img src="https://bitwarden.com/images/mail-facebook.png" alt="Facebook" width="30" height="30" /></a></td>
|
||||
<td><a href="https://plus.google.com/114869903467947368993" target="_blank"><img src="https://bitwarden.com/images/mail-gplus.png" alt="Google+" width="30" height="30" /></a></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@ -8,126 +8,145 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<table class="body-wrap">
|
||||
<table class="body-wrap" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td valign="middle" class="aligncenter middle logo">
|
||||
<img src="https://bitwarden.com/images/logo-gray.png" alt="" width="250" height="39" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="container" width="600">
|
||||
<div class="content">
|
||||
<table class="main" width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="content-wrap">
|
||||
<table width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
Thank you for creating an account with bitwarden. You may now log in with your new account.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
Did you know that bitwarden is free to sync with all of your devices? Download bitwarden today on:
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="h3">
|
||||
Mobile
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
<table width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td valign="middle" class="aligncenter middle" width="50%">
|
||||
<a href="https://play.google.com/store/apps/details?id=com.x8bit.bitwarden" title="Get bitwarden on Google Play" target="_blank">
|
||||
<img src="https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png" height="63" width="163" alt="Get bitwarden on Google Play" />
|
||||
</a>
|
||||
</td>
|
||||
<td valign="middle" class="aligncenter middle" width="50%">
|
||||
<a href="https://itunes.apple.com/us/app/bitwarden-free-password-manager/id1137397744?mt=8" target="_blank" title="Get bitwarden for iOS">
|
||||
<img src="https://bitwarden.com/images/app-store-badge.png" width="135" height="40" alt="Get bitwarden for iOS" />
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="h3">
|
||||
Desktop
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="aligncenter" width="33%">Chrome</td>
|
||||
<td class="aligncenter" width="34%">Firefox</td>
|
||||
<td class="aligncenter" width="33%">Opera</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
<table width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td valign="middle" class="aligncenter middle" width="33%">
|
||||
<a href="https://chrome.google.com/webstore/detail/bitwarden-free-password-m/nngceckbapebfimnlniiiahkandclblb?utm_source=welcome_email&utm_medium=email" title="Get bitwarden for Chrome" target="_blank">
|
||||
<img width="53" height="54" alt="Chrome Extension" src="https://bitwarden.com/images/chrome.png" />
|
||||
</a>
|
||||
</td>
|
||||
<td valign="middle" class="aligncenter middle" width="34%">
|
||||
<img width="57" height="54" alt="Firefox Extension" src="https://bitwarden.com/images/firefox.png" />
|
||||
</td>
|
||||
<td valign="middle" class="aligncenter middle" width="33%">
|
||||
<img width="53" height="54" alt="Opera Extension" src="https://bitwarden.com/images/opera.png" />
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="h3">
|
||||
Web
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
You can also access your vault from any web-enabled device using our web vault at <a target="_blank" href="https://vault.bitwarden.com/?utm_source=welcome_email&utm_medium=email">https://vault.bitwarden.com</a>.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
If you have any questions or problems you can email us from our website at <a target="_blank" href="https://bitwarden.com/contact/?utm_source=welcome_email&utm_medium=email">https://bitwarden.com/contact</a>.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content-block last">
|
||||
— The bitwarden Team
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div class="footer">
|
||||
<table width="100%">
|
||||
<tr>
|
||||
<td class="aligncenter content-block">8bit Solutions LLC<%body%></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="aligncenter social-icons">
|
||||
<a href="https://twitter.com/bitwarden_app" target="_blank"><img src="https://bitwarden.com/images/mail-twitter.png" alt="Twitter" width="30" height="30" /></a><a href="https://www.facebook.com/bitwarden/" target="_blank"><img src="https://bitwarden.com/images/mail-facebook.png" alt="Facebook" width="30" height="30" /></a><a href="https://plus.google.com/114869903467947368993" target="_blank"><img src="https://bitwarden.com/images/mail-gplus.png" alt="Google+" width="30" height="30" /></a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<td class="container" align="center">
|
||||
<table cellpadding="0" cellspacing="0" class="container-table">
|
||||
<tr>
|
||||
<td class="content" align="center">
|
||||
<table class="main" width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="content-wrap">
|
||||
<table width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
Thank you for creating an account with bitwarden. You may now log in with your new account.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
Did you know that bitwarden is free to sync with all of your devices? Download bitwarden today on:
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="h3">
|
||||
Mobile
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
<table width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td valign="middle" class="aligncenter middle" width="50%">
|
||||
<a href="https://play.google.com/store/apps/details?id=com.x8bit.bitwarden" title="Get bitwarden on Google Play" target="_blank">
|
||||
<img src="https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png" height="63" width="163" alt="Get bitwarden on Google Play" />
|
||||
</a>
|
||||
</td>
|
||||
<td valign="middle" class="aligncenter middle" width="50%">
|
||||
<a href="https://itunes.apple.com/us/app/bitwarden-free-password-manager/id1137397744?mt=8" target="_blank" title="Get bitwarden for iOS">
|
||||
<img src="https://bitwarden.com/images/app-store-badge.png" width="135" height="40" alt="Get bitwarden for iOS" />
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="h3">
|
||||
Desktop
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="aligncenter" width="33%">Chrome</td>
|
||||
<td class="aligncenter" width="34%">Firefox</td>
|
||||
<td class="aligncenter" width="33%">Opera</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
<table width="100%" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td valign="middle" class="aligncenter middle" width="33%">
|
||||
<a href="https://chrome.google.com/webstore/detail/bitwarden-free-password-m/nngceckbapebfimnlniiiahkandclblb?utm_source=welcome_email&utm_medium=email" title="Get bitwarden for Chrome" target="_blank">
|
||||
<img width="53" height="54" alt="Chrome Extension" src="https://bitwarden.com/images/chrome.png" />
|
||||
</a>
|
||||
</td>
|
||||
<td valign="middle" class="aligncenter middle" width="34%">
|
||||
<img width="57" height="54" alt="Firefox Extension" src="https://bitwarden.com/images/firefox.png" />
|
||||
</td>
|
||||
<td valign="middle" class="aligncenter middle" width="33%">
|
||||
<a href="https://addons.opera.com/extensions/details/bitwarden-free-password-manager/?utm_source=welcome_email&utm_medium=email" title="Get bitwarden for Opera" target="_blank">
|
||||
<img width="53" height="54" alt="Opera Extension" src="https://bitwarden.com/images/opera.png" />
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="h3">
|
||||
Web
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
You can also access your vault from any web-enabled device using our web vault at:
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content-block h3 biglink aligncenter">
|
||||
<a target="_blank" href="https://vault.bitwarden.com/?utm_source=welcome_email&utm_medium=email">vault.bitwarden.com</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content-block">
|
||||
If you have any questions or problems you can email us from our website at <a target="_blank" href="https://bitwarden.com/contact/?utm_source=welcome_email&utm_medium=email">https://bitwarden.com/contact</a>.
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="content-block last">
|
||||
Thank you!<br />
|
||||
The bitwarden Team
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table class="footer" cellpadding="0" cellspacing="0" width="100%">
|
||||
<tr>
|
||||
<td class="aligncenter content-block">
|
||||
8bit Solutions LLC
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="aligncenter social-icons" align="center">
|
||||
<table cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><a href="https://twitter.com/bitwarden_app" target="_blank"><img src="https://bitwarden.com/images/mail-twitter.png" alt="Twitter" width="30" height="30" /></a></td>
|
||||
<td><a href="https://www.facebook.com/bitwarden/" target="_blank"><img src="https://bitwarden.com/images/mail-facebook.png" alt="Facebook" width="30" height="30" /></a></td>
|
||||
<td><a href="https://plus.google.com/114869903467947368993" target="_blank"><img src="https://bitwarden.com/images/mail-gplus.png" alt="Google+" width="30" height="30" /></a></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user