1
0
mirror of https://github.com/bitwarden/server synced 2025-12-16 00:03:54 +00:00

move mail and sql updates to util folder

This commit is contained in:
Kyle Spearrin
2017-05-31 08:32:45 -04:00
parent 8a47869899
commit a3a42f4fd5
14 changed files with 3 additions and 3 deletions

View File

@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>bitwarden Mail Templates</title>
</head>
<body>
<ol>
<li><a href="templates/welcome.html">Welcome</a></li>
<li><a href="templates/announcement.html">Announcement</a></li>
</ol>
</body>
</html>

View File

@@ -0,0 +1,273 @@
/* -------------------------------------
GLOBAL
A very basic CSS reset
------------------------------------- */
body, html, body * {
margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
box-sizing: border-box;
font-size: 16px;
color: #333;
line-height: 25px;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
}
img {
max-width: 100%;
border: none;
}
body {
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
width: 100% !important;
height: 100%;
line-height: 25px;
}
/* Let's make sure all tables have defaults */
table td {
vertical-align: top;
}
table td.middle {
vertical-align: middle;
}
/* -------------------------------------
BODY & CONTAINER
------------------------------------- */
body {
background-color: #f6f6f6;
}
.body-wrap {
background-color: #f6f6f6;
width: 100%;
}
.container, .container-table {
width: 600px;
max-width: 600px !important;
display: block !important;
/* makes it centered */
clear: both !important;
margin: 0 auto !important;
}
.content {
max-width: 600px;
margin: 0 auto;
display: block;
font-size: 0;
line-height: 0;
padding-bottom: 20px;
}
.content-banner {
padding-top: 20px;
}
/* -------------------------------------
LOGO, HEADER, FOOTER, MAIN
------------------------------------- */
.logo {
padding: 20px 0 10px;
text-align: center;
}
.banner, .banner img {
font-size: 0;
line-height: 0;
}
.main {
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 10px;
}
.indented {
padding-left: 20px;
}
.li {
padding-left: 10px;
}
.footer {
width: 100%;
clear: both;
margin-top: 15px;
}
.footer, .footer p, .footer a, .footer td, .footer br {
color: #999;
font-size: 12px;
line-height: 20px;
}
.footer .social-icons table {
margin: 0 auto;
}
.footer .social-icons td {
padding: 0 10px;
}
/* -------------------------------------
TYPOGRAPHY
------------------------------------- */
.h3 {
font-size: 18px;
line-height: 25px;
font-weight: bold;
}
.biglink a {
font-size: 20px;
}
/* -------------------------------------
LINKS & BUTTONS
------------------------------------- */
a {
color: #3c8dbc;
text-decoration: underline;
}
.btn-primary {
text-decoration: none;
color: white;
background-color: #3c8dbc;
border: solid #3c8dbc;
border-width: 10px 20px;
line-height: 2em;
font-weight: bold;
text-align: center;
cursor: pointer;
display: inline-block;
border-radius: 5px;
text-transform: capitalize;
}
/* -------------------------------------
OTHER STYLES THAT MIGHT BE USEFUL
------------------------------------- */
.last {
margin-bottom: 0;
padding-bottom: 0;
}
.first {
margin-top: 0;
padding-top: 0;
}
.aligncenter {
text-align: center;
}
.alignright {
text-align: right;
}
.alignleft {
text-align: left;
}
.clear {
clear: both;
}
/* -------------------------------------
ALERTS
Change the class depending on warning email, good email or bad email
------------------------------------- */
.alert {
font-size: 16px;
color: #fff;
font-weight: 500;
padding: 20px;
text-align: center;
border-radius: 3px 3px 0 0;
}
.alert a {
color: white;
text-decoration: none;
font-weight: 500;
font-size: 16px;
}
.alert.alert-warning {
background-color: #FF9F00;
}
.alert.alert-bad {
background-color: #D0021B;
}
.alert.alert-good {
background-color: #68B90F;
}
/* -------------------------------------
RESPONSIVE AND MOBILE FRIENDLY STYLES
------------------------------------- */
@media only screen and (max-width: 600px) {
body {
padding: 0 !important;
}
.container, .container-table {
padding: 0 !important;
width: 100% !important;
}
.content {
padding: 0 0 10px 0 !important;
}
.content-wrap {
padding: 10px !important;
}
.invoice {
width: 100% !important;
}
.main {
border-right: none !important;
border-left: none !important;
border-radius: 0 !important;
}
.logo {
padding-top: 10px !important;
}
.footer {
margin-top: 10px !important;
}
.indented {
padding-left: 10px;
}
}

View 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">&bull;</td>
<td class="li">Bullet 1</td>
</tr>
<tr>
<td>&bull;</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>

View File

@@ -0,0 +1,154 @@
<!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>Welcome</title>
<link href="../styles.css" media="all" rel="stylesheet" type="text/css" />
</head>
<body>
<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" 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%">
<a href="https://addons.mozilla.org/firefox/addon/bitwarden-password-manager/" title="Get bitwarden for Firefox" target="_blank">
<img width="57" height="54" alt="Firefox Extension" src="https://bitwarden.com/images/firefox.png" />
</a>
</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>