-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathemailServer.js
99 lines (85 loc) · 39.4 KB
/
emailServer.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
var express = require('express');
var http = require('http');
var url = require('url');
var bodyParser = require('body-parser');
var app = express();
var nodemailer = require('nodemailer');
var Spreadsheet = require('edit-google-spreadsheet');
require('dotenv').load();
app.use(bodyParser.urlencoded({
extended: true
}));
app.use(bodyParser.json());
app.all('*', function(req, res, next) {
res.header('Access-Control-Allow-Origin', '*');
res.header('Access-Control-Allow-Headers', 'X-Requested-With, Authorization, Content-Type');
next();
});
app.listen(4000);
console.log('Listening on 4000');
var spreadsheetId = process.env.spreadsheetId;
var worksheetId = process.env.worksheetId;
var serviceEmailAccount = process.env.serviceEmailAccount;
// create reusable transporter object using SMTP transport
var transporter = nodemailer.createTransport({
service: 'Zoho',
secureConnection: false,
auth: {
user: process.env.username,
pass: process.env.password
}
});
var body = '<!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> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> body { margin: 0; mso-line-height-rule: exactly; padding: 0; min-width: 100%; } table { border-collapse: collapse; border-spacing: 0; } td { padding: 0; vertical-align: top; } .spacer, .border { font-size: 1px; line-height: 1px; } .spacer { width: 100%; } img { border: 0; -ms-interpolation-mode: bicubic; } .image { font-size: 12px; Margin-bottom: 24px; mso-line-height-rule: at-least; } .image img { display: block; } .logo { mso-line-height-rule: at-least; } .logo img { display: block; } strong { font-weight: bold; } h1, h2, h3, p, ol, ul, li { Margin-top: 0; } ol, ul, li { padding-left: 0; } blockquote { Margin-top: 0; Margin-right: 0; Margin-bottom: 0; padding-right: 0; } .column-top { font-size: 32px; line-height: 32px; } .column-bottom { font-size: 8px; line-height: 8px; } .column { text-align: left; } .contents { table-layout: fixed; width: 100%; } .padded { padding-left: 32px; padding-right: 32px; word-break: break-word; word-wrap: break-word; } .wrapper { display: table; table-layout: fixed; width: 100%; min-width: 620px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } table.wrapper { table-layout: fixed; } .one-col, .two-col, .three-col { Margin-left: auto; Margin-right: auto; width: 600px; } .centered { Margin-left: auto; Margin-right: auto; } .two-col .image { Margin-bottom: 23px; } .two-col .column-bottom { font-size: 9px; line-height: 9px; } .two-col .column { width: 300px; } .three-col .image { Margin-bottom: 21px; } .three-col .column-bottom { font-size: 11px; line-height: 11px; } .three-col .column { width: 200px; } .three-col .first .padded { padding-left: 32px; padding-right: 16px; } .three-col .second .padded { padding-left: 24px; padding-right: 24px; } .three-col .third .padded { padding-left: 16px; padding-right: 32px; } @media only screen and (min-width: 0) { .wrapper { text-rendering: optimizeLegibility; } } @media only screen and (max-width: 620px) { [class=wrapper] { min-width: 318px !important; width: 100% !important; } [class=wrapper] .one-col, [class=wrapper] .two-col, [class=wrapper] .three-col { width: 318px !important; } [class=wrapper] .column, [class=wrapper] .gutter { display: block; float: left; width: 318px !important; } [class=wrapper] .padded { padding-left: 32px !important; padding-right: 32px !important; } [class=wrapper] .block { display: block !important; } [class=wrapper] .hide { display: none !important; } [class=wrapper] .image { margin-bottom: 24px !important; } [class=wrapper] .image img { height: auto !important; width: 100% !important; } } .wrapper h1 { font-weight: 700; } .wrapper h2 { font-style: italic; font-weight: normal; } .wrapper h3 { font-weight: normal; } .one-col blockquote, .two-col blockquote, .three-col blockquote { font-style: italic; } .one-col-feature h1 { font-weight: normal; } .one-col-feature h2 { font-style: normal; font-weight: bold; } .one-col-feature h3 { font-style: italic; } td.border { width: 1px; } tr.border { background-color: #e9e9e9; height: 1px; } tr.border td { line-height: 1px; } .one-col, .two-col, .three-col, .one-col-feature { background-color: #ffffff; font-size: 14px; table-layout: fixed; } .one-col, .two-col, .three-col, .one-col-feature, .preheader, .header, .footer { Margin-left: auto; Margin-right: auto; } .preheader table { width: 602px; } .preheader .title, .preheader .webversion { padding-top: 10px; padding-bottom: 12px; font-size: 12px; line-height: 21px; } .preheader .title { text-align: left; } .preheader .webversion { text-align: right; width: 300px; } .header { width: 602px; } .header .logo { padding: 32px 0; } .header .logo div { font-size: 26px; font-weight: 700; letter-spacing: -0.02em; line-height: 32px; } .header .logo div a { text-decoration: none; } .header .logo div.logo-center { text-align: center; } .header .logo div.logo-center img { Margin-left: auto; Margin-right: auto; } .gmail { width: 650px; min-width: 650px; } .gmail td { font-size: 1px; line-height: 1px; } .wrapper a { text-decoration: underline; transition: all .2s; } .wrapper h1 { font-size: 36px; Margin-bottom: 18px; } .wrapper h2 { font-size: 26px; line-height: 32px; Margin-bottom: 20px; } .wrapper h3 { font-size: 18px; line-height: 22px; Margin-bottom: 16px; } .wrapper h1 a, .wrapper h2 a, .wrapper h3 a { text-decoration: none; } .one-col blockquote, .two-col blockquote, .three-col blockquote { font-size: 14px; border-left: 2px solid #e9e9e9; Margin-left: 0; padding-left: 16px; } table.divider { width: 100%; } .divider .inner { padding-bottom: 24px; } .divider table { background-color: #e9e9e9; font-size: 2px; line-height: 2px; width: 60px; } .wrapper .gray { background-color: #f7f7f7; } .wrapper .gray blockquote { border-left-color: #dddddd; } .wrapper .gray .divider table { background-color: #dddddd; } .padded .image { font-size: 0; } .image-frame { padding: 8px; } .image-background { display: inline-block; font-size: 12px; } .btn { Margin-bottom: 24px; padding: 2px; } .btn a { border: 1px solid #ffffff; display: inline-block; font-size: 13px; font-weight: bold; line-height: 15px; outline-style: solid; outline-width: 2px; padding: 10px 30px; text-align: center; text-decoration: none !important; } .one-col .column table:nth-last-child(2) td h1:last-child, .one-col .column table:nth-last-child(2) td h2:last-child, .one-col .column table:nth-last-child(2) td h3:last-child, .one-col .column table:nth-last-child(2) td p:last-child, .one-col .column table:nth-last-child(2) td ol:last-child, .one-col .column table:nth-last-child(2) td ul:last-child { Margin-bottom: 24px; } .one-col p, .one-col ol, .one-col ul { font-size: 16px; line-height: 24px; } .one-col ol, .one-col ul { Margin-left: 18px; } .two-col .column table:nth-last-child(2) td h1:last-child, .two-col .column table:nth-last-child(2) td h2:last-child, .two-col .column table:nth-last-child(2) td h3:last-child, .two-col .column table:nth-last-child(2) td p:last-child, .two-col .column table:nth-last-child(2) td ol:last-child, .two-col .column table:nth-last-child(2) td ul:last-child { Margin-bottom: 23px; } .two-col .image-frame { padding: 6px; } .two-col h1 { font-size: 26px; line-height: 32px; Margin-bottom: 16px; } .two-col h2 { font-size: 20px; line-height: 26px; Margin-bottom: 18px; } .two-col h3 { font-size: 16px; line-height: 20px; Margin-bottom: 14px; } .two-col p, .two-col ol, .two-col ul { font-size: 14px; line-height: 23px; } .two-col ol, .two-col ul { Margin-left: 16px; } .two-col li { padding-left: 5px; } .two-col .divider .inner { padding-bottom: 23px; } .two-col .btn { Margin-bottom: 23px; } .two-col blockquote { padding-left: 16px; } .three-col .column table:nth-last-child(2) td h1:last-child, .three-col .column table:nth-last-child(2) td h2:last-child, .three-col .column table:nth-last-child(2) td h3:last-child, .three-col .column table:nth-last-child(2) td p:last-child, .three-col .column table:nth-last-child(2) td ol:last-child, .three-col .column table:nth-last-child(2) td ul:last-child { Margin-bottom: 21px; } .three-col .image-frame { padding: 4px; } .three-col h1 { font-size: 20px; line-height: 26px; Margin-bottom: 12px; } .three-col h2 { font-size: 16px; line-height: 22px; Margin-bottom: 14px; } .three-col h3 { font-size: 14px; line-height: 18px; Margin-bottom: 10px; } .three-col p, .three-col ol, .three-col ul { font-size: 12px; line-height: 21px; } .three-col ol, .three-col ul { Margin-left: 14px; } .three-col li { padding-left: 6px; } .three-col .divider .inner { padding-bottom: 21px; } .three-col .btn { Margin-bottom: 21px; } .three-col .btn a { font-size: 12px; line-height: 14px; padding: 8px 19px; } .three-col blockquote { padding-left: 16px; } .one-col-feature .column-top { font-size: 36px; line-height: 36px; } .one-col-feature .column-bottom { font-size: 4px; line-height: 4px; } .one-col-feature .column { text-align: center; width: 600px; } .one-col-feature .image { Margin-bottom: 32px; } .one-col-feature .column table:nth-last-child(2) td h1:last-child, .one-col-feature .column table:nth-last-child(2) td h2:last-child, .one-col-feature .column table:nth-last-child(2) td h3:last-child, .one-col-feature .column table:nth-last-child(2) td p:last-child, .one-col-feature .column table:nth-last-child(2) td ol:last-child, .one-col-feature .column table:nth-last-child(2) td ul:last-child { Margin-bottom: 32px; } .one-col-feature h1, .one-col-feature h2, .one-col-feature h3 { text-align: center; } .one-col-feature h1 { font-size: 52px; Margin-bottom: 22px; } .one-col-feature h2 { font-size: 42px; Margin-bottom: 20px; } .one-col-feature h3 { font-size: 32px; line-height: 42px; Margin-bottom: 20px; } .one-col-feature p, .one-col-feature ol, .one-col-feature ul { font-size: 21px; line-height: 32px; Margin-bottom: 32px; } .one-col-feature p a, .one-col-feature ol a, .one-col-feature ul a { text-decoration: none; } .one-col-feature p { text-align: center; } .one-col-feature ol, .one-col-feature ul { Margin-left: 40px; text-align: left; } .one-col-feature li { padding-left: 3px; } .one-col-feature .btn { Margin-bottom: 32px; text-align: center; } .one-col-feature .divider .inner { padding-bottom: 32px; } .one-col-feature blockquote { border-bottom: 2px solid #e9e9e9; border-left-color: #ffffff; border-left-width: 0; border-left-style: none; border-top: 2px solid #e9e9e9; Margin-bottom: 32px; Margin-left: 0; padding-bottom: 42px; padding-left: 0; padding-top: 42px; position: relative; } .one-col-feature blockquote:before, .one-col-feature blockquote:after { background: -moz-linear-gradient(left, #ffffff 25%, #e9e9e9 25%, #e9e9e9 75%, #ffffff 75%); background: -webkit-gradient(linear, left top, right top, color-stop(25%, #ffffff), color-stop(25%, #e9e9e9), color-stop(75%, #e9e9e9), color-stop(75%, #ffffff)); background: -webkit-linear-gradient(left, #ffffff 25%, #e9e9e9 25%, #e9e9e9 75%, #ffffff 75%); background: -o-linear-gradient(left, #ffffff 25%, #e9e9e9 25%, #e9e9e9 75%, #ffffff 75%); background: -ms-linear-gradient(left, #ffffff 25%, #e9e9e9 25%, #e9e9e9 75%, #ffffff 75%); background: linear-gradient(to right, #ffffff 25%, #e9e9e9 25%, #e9e9e9 75%, #ffffff 75%); content: \'\'; display: block; height: 2px; left: 0; outline: 1px solid #ffffff; position: absolute; right: 0; } .one-col-feature blockquote:before { top: -2px; } .one-col-feature blockquote:after { bottom: -2px; } .one-col-feature blockquote p, .one-col-feature blockquote ol, .one-col-feature blockquote ul { font-size: 42px; line-height: 48px; Margin-bottom: 48px; } .one-col-feature blockquote p:last-child, .one-col-feature blockquote ol:last-child, .one-col-feature blockquote ul:last-child { Margin-bottom: 0 !important; } .footer { width: 602px; } .footer .padded { font-size: 12px; line-height: 20px; } .social { padding-top: 32px; padding-bottom: 22px; } .social img { display: block; } .social .divider { font-family: sans-serif; font-size: 10px; line-height: 21px; text-align: center; padding-left: 14px; padding-right: 14px; } .social .social-text { height: 21px; vertical-align: middle !important; font-size: 10px; font-weight: bold; text-decoration: none; text-transform: uppercase; } .social .social-text a { text-decoration: none; } .address { width: 250px; } .address .padded { text-align: left; padding-left: 0; padding-right: 10px; } .subscription { width: 350px; } .subscription .padded { text-align: right; padding-right: 0; padding-left: 10px; } .address, .subscription { padding-top: 32px; padding-bottom: 64px; } .address a, .subscription a { font-weight: bold; text-decoration: none; } .address table, .subscription table { width: 100%; } @media only screen and (max-width: 651px) { .gmail { display: none !important; } } @media only screen and (max-width: 620px) { [class=wrapper] .one-col .column:last-child table:nth-last-child(2) td h1:last-child, [class=wrapper] .two-col .column:last-child table:nth-last-child(2) td h1:last-child, [class=wrapper] .three-col .column:last-child table:nth-last-child(2) td h1:last-child, [class=wrapper] .one-col-feature .column:last-child table:nth-last-child(2) td h1:last-child, [class=wrapper] .one-col .column:last-child table:nth-last-child(2) td h2:last-child, [class=wrapper] .two-col .column:last-child table:nth-last-child(2) td h2:last-child, [class=wrapper] .three-col .column:last-child table:nth-last-child(2) td h2:last-child, [class=wrapper] .one-col-feature .column:last-child table:nth-last-child(2) td h2:last-child, [class=wrapper] .one-col .column:last-child table:nth-last-child(2) td h3:last-child, [class=wrapper] .two-col .column:last-child table:nth-last-child(2) td h3:last-child, [class=wrapper] .three-col .column:last-child table:nth-last-child(2) td h3:last-child, [class=wrapper] .one-col-feature .column:last-child table:nth-last-child(2) td h3:last-child, [class=wrapper] .one-col .column:last-child table:nth-last-child(2) td p:last-child, [class=wrapper] .two-col .column:last-child table:nth-last-child(2) td p:last-child, [class=wrapper] .three-col .column:last-child table:nth-last-child(2) td p:last-child, [class=wrapper] .one-col-feature .column:last-child table:nth-last-child(2) td p:last-child, [class=wrapper] .one-col .column:last-child table:nth-last-child(2) td ol:last-child, [class=wrapper] .two-col .column:last-child table:nth-last-child(2) td ol:last-child, [class=wrapper] .three-col .column:last-child table:nth-last-child(2) td ol:last-child, [class=wrapper] .one-col-feature .column:last-child table:nth-last-child(2) td ol:last-child, [class=wrapper] .one-col .column:last-child table:nth-last-child(2) td ul:last-child, [class=wrapper] .two-col .column:last-child table:nth-last-child(2) td ul:last-child, [class=wrapper] .three-col .column:last-child table:nth-last-child(2) td ul:last-child, [class=wrapper] .one-col-feature .column:last-child table:nth-last-child(2) td ul:last-child { Margin-bottom: 24px !important; } [class=wrapper] .address, [class=wrapper] .subscription { display: block; float: left; width: 318px !important; text-align: center !important; } [class=wrapper] .address { padding-bottom: 0 !important; } [class=wrapper] .subscription { padding-top: 0 !important; } [class=wrapper] h1 { font-size: 36px !important; line-height: 42px !important; Margin-bottom: 18px !important; } [class=wrapper] h2 { font-size: 26px !important; line-height: 32px !important; Margin-bottom: 20px !important; } [class=wrapper] h3 { font-size: 18px !important; line-height: 22px !important; Margin-bottom: 16px !important; } [class=wrapper] p, [class=wrapper] ol, [class=wrapper] ul { font-size: 16px !important; line-height: 24px !important; Margin-bottom: 24px !important; } [class=wrapper] ol, [class=wrapper] ul { Margin-left: 18px !important; } [class=wrapper] li { padding-left: 2px !important; } [class=wrapper] blockquote { padding-left: 16px !important; } [class=wrapper] .two-col .column:nth-child(n + 3) { border-top: 1px solid #e9e9e9; } [class=wrapper] .btn { margin-bottom: 24px !important; } [class=wrapper] .btn a { display: block !important; font-size: 13px !important; font-weight: bold !important; line-height: 15px !important; padding: 10px 30px !important; } [class=wrapper] .column-bottom { font-size: 8px !important; line-height: 8px !important; } [class=wrapper] .first .column-bottom, [class=wrapper] .three-col .second .column-bottom { display: none; } [class=wrapper] .second .column-top, [class=wrapper] .third .column-top { display: none; } [class=wrapper] .image-frame { padding: 4px !important; } [class=wrapper] .header .logo { padding-left: 10px !important; padding-right: 10px !important; } [class=wrapper] .header .logo div { font-size: 26px !important; line-height: 32px !important; } [class=wrapper] .header .logo div img { display: inline-block !important; max-width: 280px !important; height: auto !important; } [class=wrapper] table.border, [class=wrapper] .header, [class=wrapper] .webversion, [class=wrapper] .footer { width: 320px !important; } [class=wrapper] .preheader .webversion, [class=wrapper] .header .logo a { text-align: center !important; } [class=wrapper] .preheader table, [class=wrapper] .border td { width: 318px !important; } [class=wrapper] .border td.border { width: 1px !important; } [class=wrapper] .image .border td { width: auto !important; } [class=wrapper] .title { display: none; } [class=wrapper] .footer .padded { text-align: center !important; } [class=wrapper] .footer .subscription .padded { padding-top: 20px !important; } [class=wrapper] .footer .social-link { display: block !important; } [class=wrapper] .footer .social-link table { margin: 0 auto 10px !important; } [class=wrapper] .footer .divider { display: none !important; } [class=wrapper] .one-col-feature .btn { margin-bottom: 28px !important; } [class=wrapper] .one-col-feature .image { margin-bottom: 28px !important; } [class=wrapper] .one-col-feature .divider .inner { padding-bottom: 28px !important; } [class=wrapper] .one-col-feature h1 { font-size: 42px !important; line-height: 48px !important; margin-bottom: 20px !important; } [class=wrapper] .one-col-feature h2 { font-size: 32px !important; line-height: 36px !important; margin-bottom: 18px !important; } [class=wrapper] .one-col-feature h3 { font-size: 26px !important; line-height: 32px !important; margin-bottom: 20px !important; } [class=wrapper] .one-col-feature p, [class=wrapper] .one-col-feature ol, [class=wrapper] .one-col-feature ul { font-size: 20px !important; line-height: 28px !important; margin-bottom: 28px !important; } [class=wrapper] .one-col-feature blockquote { font-size: 18px !important; line-height: 26px !important; margin-bottom: 28px !important; padding-bottom: 26px !important; padding-left: 0 !important; padding-top: 26px !important; } [class=wrapper] .one-col-feature blockquote p, [class=wrapper] .one-col-feature blockquote ol, [class=wrapper] .one-col-feature blockquote ul { font-size: 26px !important; line-height: 32px !important; } [class=wrapper] .one-col-feature blockquote p:last-child, [class=wrapper] .one-col-feature blockquote ol:last-child, [class=wrapper] .one-col-feature blockquote ul:last-child { margin-bottom: 0 !important; } [class=wrapper] .one-col-feature .column table:last-of-type h1:last-child, [class=wrapper] .one-col-feature .column table:last-of-type h2:last-child, [class=wrapper] .one-col-feature .column table:last-of-type h3:last-child { margin-bottom: 28px !important; } } @media only screen and (max-width: 320px) { [class=wrapper] td.border { display: none; } [class=wrapper] table.border, [class=wrapper] .header, [class=wrapper] .webversion, [class=wrapper] .footer { width: 318px !important; } } </style> <!--[if gte mso 9]> <style> .column-top { mso-line-height-rule: exactly !important; } </style> <![endif]--> <meta name="robots" content="noindex,nofollow" /> <meta property="og:title" content="My First Campaign" /> </head> <body style="margin: 0;mso-line-height-rule: exactly;padding: 0;min-width: 100%;background-color: #fbfbfb"><style type="text/css"> body,.wrapper,.emb-editor-canvas{background-color:#fbfbfb}.border{background-color:#e9e9e9}h1{color:#565656}.wrapper h1{}.wrapper h1{font-family:sans-serif}@media only screen and (min-width: 0){.wrapper h1{font-family:Avenir,sans-serif !important}}h1{}.one-col h1{line-height:42px}.two-col h1{line-height:32px}.three-col h1{line-height:26px}.wrapper .one-col-feature h1{line-height:58px}@media only screen and (max-width: 620px){h1{line-height:42px !important}}h2{color:#555}.wrapper h2{}.wrapper h2{font-family:Georgia,serif}h2{}.one-col h2{line-height:32px}.two-col h2{line-height:26px}.three-col h2{line-height:22px}.wrapper .one-col-feature h2{line-height:52px}@media only screen and (max-width: 620px){h2{line-height:32px !important}}h3{color:#555}.wrapper h3{}.wrapper h3{font-family:Georgia,serif}h3{}.one-col h3{line-height:26px}.two-col h3{line-height:22px}.three-col h3{line-height:20px}.wrapper .one-col-feature h3{line-height:42px}@media only screen and (max-width: 620px){h3{line-height:26px !important}}p,ol,ul{color:#565656}.wrapper p,.wrapper ol,.wrapper ul{}.wrapper p,.wrapper ol,.wrapper ul{font-family:Georgia,serif}p,ol,ul{}.one-col p,.one-col ol,.one-col ul{line-height:25px;Margin-bottom:25px}.two-col p,.two-col ol,.two-col ul{line-height:23px;Margin-bottom:23px}.three-col p,.three-col ol,.three-col ul{line-height:21px;Margin-bottom:21px}.wrapper .one-col-feature p,.wrapper .one-col-feature ol,.wrapper .one-col-feature ul{line-height:32px}.one-col-feature blockquote p,.one-col-feature blockquote ol,.one-col-feature blockquote ul{line-height:50px}@media only screen and (max-width: 620px){p,ol,ul{line-height:25px !important;Margin-bottom:25px !important}}.image{color:#565656}.image{font-family:Georgia,serif}.wrapper a{color:#41637e}.wrapper a:hover{color:#30495c !important}.wrapper .logo div{color:#41637e}.wrapper .logo div{font-family:sans-serif}@media only screen and (min-width: 0){.wrapper .logo div{font-family:Avenir,sans-serif !important}}.wrapper .logo div a{color:#41637e}.wrapper .logo div a:hover{color:#41637e !important}.wrapper .one-col-feature p a,.wrapper .one-col-feature ol a,.wrapper .one-col-feature ul a{border-bottom:1px solid #41637e}.wrapper .one-col-feature p a:hover,.wrapper .one-col-feature ol a:hover,.wrapper .one-col-feature ul a:hover{color:#30495c !important;border-bottom:1px solid #30495c !important}.btn a{}.wrapper .btn a{}.wrapper .btn a{font-family:Georgia,serif}.wrapper .btn a{background-color:#41637e;color:#fff !important;outline-color:#41637e;text-shadow:0 1px 0 #3b5971}.wrapper .btn a:hover{background-color:#3b5971 !important;color:#fff !important;outline-color:#3b5971 !important}.preheader .title,.preheader .webversion,.footer .padded{color:#999}.preheader .title,.preheader .webversion,.footer .padded{font-family:Georgia,serif}.preheader .title a,.preheader .webversion a,.footer .padded a{color:#999}.preheader .title a:hover,.preheader .webversion a:hover,.footer .padded a:hover{color:#737373 !important}.footer .social .divider{color:#e9e9e9}.footer .social .social-text,.footer .social a{color:#999}.wrapper .footer .social .social-text,.wrapper .footer .social a{}.wrapper .footer .social .social-text,.wrapper .footer .social a{font-family:Georgia,serif}.footer .social .social-text,.footer .social a{}.footer .social .social-text,.footer .social a{letter-spacing:0.05em}.footer .social .social-text:hover,.footer .social a:hover{color:#737373 !important}.image .border{background-color:#c8c8c8}.image-frame{background-color:#dadada}.image-background{background-color:#f7f7f7} </style> <center class="wrapper" style="display: table;table-layout: fixed;width: 100%;min-width: 620px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;background-color: #fbfbfb"> <table class="gmail" style="border-collapse: collapse;border-spacing: 0;width: 650px;min-width: 650px"><tbody><tr><td style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px"> </td></tr></tbody></table> <table class="preheader centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto"> <tbody><tr> <td style="padding: 0;vertical-align: top"> <table style="border-collapse: collapse;border-spacing: 0;width: 602px"> <tbody><tr> </tr> </tbody></table> </td> </tr> </tbody></table> <table class="header centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 602px"> <tbody><tr><td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px"> </td></tr> <tr><td class="logo" style="padding: 32px 0;vertical-align: top;mso-line-height-rule: at-least"><div class="logo-left" style="font-size: 26px;font-weight: 700;letter-spacing: -0.02em;line-height: 32px;color: #41637e;font-family: sans-serif" align="left" id="emb-email-header"><a href="http://mashglobal.org"><img style="border: 0;-ms-interpolation-mode: bicubic;display: block;max-width: 178px" src="http://mashglobal.org/img/logo.png" alt="" width="119" height="115" /></div></td></tr> </tbody></table> <table class="border" style="border-collapse: collapse;border-spacing: 0;font-size: 1px;line-height: 1px;background-color: #e9e9e9;Margin-left: auto;Margin-right: auto" width="602"> <tbody><tr><td style="padding: 0;vertical-align: top">​</td></tr> </tbody></table> <table class="centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto"> <tbody><tr> <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td> <td style="padding: 0;vertical-align: top"> <table class="one-col" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 600px;background-color: #ffffff;font-size: 14px;table-layout: fixed"> <tbody><tr> <td class="column" style="padding: 0;vertical-align: top;text-align: left"> <div><div class="column-top" style="font-size: 32px;line-height: 32px"> </div></div> <table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%"> <tbody><tr> <td class="padded" style="padding: 0;vertical-align: top;padding-left: 32px;padding-right: 32px;word-break: break-word;word-wrap: break-word"> <h1 style="Margin-top: 0;color: #565656;font-weight: 700;font-size: 36px;Margin-bottom: 18px;font-family: sans-serif;line-height: 42px">Thank you for sharing your story with us</h1><p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 25px;Margin-bottom: 25px"> If your story has momentum, we promise to share it on our page. It can take 3 hours to 5 days for your story to get shared. </p><p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 25px;Margin-bottom: 24px"><strong style="font-weight: bold"><a style="text-decoration: underline;transition: all .2s;color: #41637e" href="https://redspotmashproject.wordpress.com/redspot-campaign/">RedSpot,</a> </strong>a campaign against Sexual Abuse and society\'s stereotypical notions around it is MASH Project\'s <strong style="font-weight: bold">Call for Change</strong>.</p> </td> </tr> </tbody></table> <div class="column-bottom" style="font-size: 8px;line-height: 8px"> </div> </td> </tr> </tbody></table> </td> <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td> </tr> </tbody></table> <table class="border" style="border-collapse: collapse;border-spacing: 0;font-size: 1px;line-height: 1px;background-color: #e9e9e9;Margin-left: auto;Margin-right: auto" width="602"> <tbody><tr class="border" style="font-size: 1px;line-height: 1px;background-color: #e9e9e9;height: 1px"> <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td> <td style="padding: 0;vertical-align: top;line-height: 1px">​</td> <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td> </tr> </tbody></table> <table class="centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto"> <tbody><tr> <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td> <td style="padding: 0;vertical-align: top"> <table class="one-col" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 600px;background-color: #ffffff;font-size: 14px;table-layout: fixed"> <tbody><tr> <td class="column" style="padding: 0;vertical-align: top;text-align: left"> <div><div class="column-top" style="font-size: 32px;line-height: 32px"> </div></div> <table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%"> <tbody><tr> <td class="padded" style="padding: 0;vertical-align: top;padding-left: 32px;padding-right: 32px;word-break: break-word;word-wrap: break-word"> <p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 25px;Margin-bottom: 25px">We\'d encourage you to <strong style="font-weight: bold">Donate</strong>, <strong style="font-weight: bold">Share</strong> and <strong style="font-weight: bold">Promote </strong>to help us create a stronger world and a better system through the power of technology. </p> </td> </tr> </tbody></table> <table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%"> <tbody><tr> <td class="padded" style="padding: 0;vertical-align: top;padding-left: 32px;padding-right: 32px;word-break: break-word;word-wrap: break-word"> <p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 25px;Margin-bottom: 25px">We\'re running a fundraising campaign for <strong style="font-weight: bold"><a style="text-decoration: underline;transition: all .2s;color: #41637e" href="https://redspotmashproject.wordpress.com/redspot-campaign/">RedSpot</a></strong> at <strong style="font-weight: bold"><a style="text-decoration: underline;transition: all .2s;color: #41637e" href="http://mypoolin.com/flexpool/InviteeOpen?secret=0bddb70f85dfa68c0e84dcdbc9cf47cb&id=243">Mypoolin</a></strong>. </p> </td> </tr> </tbody></table> <div class="image" style="font-size: 12px;Margin-bottom: 24px;mso-line-height-rule: at-least;color: #565656;font-family: Georgia,serif" align="center"> <a href="https://redspotmashproject.wordpress.com/redspot-campaign/"> <img style="border: 0;-ms-interpolation-mode: bicubic;display: block;max-width: 900px" src="http://mashglobal.org/img/redspot.png" alt="" width="600" height="349" /> </div> <table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%"> <tbody><tr> <td class="padded" style="padding: 0;vertical-align: top;padding-left: 32px;padding-right: 32px;word-break: break-word;word-wrap: break-word"> <p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 25px;Margin-bottom: 25px"><strong style="font-weight: bold"><a style="text-decoration: underline;transition: all .2s;color: #41637e" href="http://www.mashglobal.org/">MASH Project</a></strong> applauds your endeavor and is open to all further suggestions and feedback.</p><p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 25px;Margin-bottom: 25px">Thanks again and keep visiting!</p> </td> </tr> </tbody></table> <table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%"> <tbody><tr> <td class="padded" style="padding: 0;vertical-align: top;padding-left: 32px;padding-right: 32px;word-break: break-word;word-wrap: break-word"> <table class="divider" style="border-collapse: collapse;border-spacing: 0;width: 100%"><tbody><tr><td class="inner" style="padding: 0;vertical-align: top;padding-bottom: 24px" align="center"> <table style="border-collapse: collapse;border-spacing: 0;background-color: #e9e9e9;font-size: 2px;line-height: 2px;width: 60px"> <tbody><tr><td style="padding: 0;vertical-align: top"> </td></tr> </tbody></table> </td></tr></tbody></table> </td> </tr> </tbody></table> <table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%"> <tbody><tr> <td class="padded" style="padding: 0;vertical-align: top;padding-left: 32px;padding-right: 32px;word-break: break-word;word-wrap: break-word"> <div style="height:20px"> </div> </td> </tr> </tbody></table> <table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%"> <tbody><tr> <td class="padded" style="padding: 0;vertical-align: top;padding-left: 32px;padding-right: 32px;word-break: break-word;word-wrap: break-word"> <p style="Margin-top: 0;color: #565656;font-family: Georgia,serif;font-size: 16px;line-height: 25px;Margin-bottom: 24px"><em>The vision of MASH Project is to build a community of technology enabled social change makers. To know more about us, visit: </em><br /> <br /> Website- <a style="text-decoration: underline;transition: all .2s;color: #41637e" href="http://www.mashglobal.org/">http://www.mashglobal.org/</a><br /> Blog- <a style="text-decoration: underline;transition: all .2s;color: #41637e" href="https://officialmashproject.wordpress.com/">https://officialmashproject.wordpress.com/</a> </p> </td> </tr> </tbody></table> <div class="column-bottom" style="font-size: 8px;line-height: 8px"> </div> </td> </tr> </tbody></table> </td> <td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px">​</td> </tr> </tbody></table> <table class="border" style="border-collapse: collapse;border-spacing: 0;font-size: 1px;line-height: 1px;background-color: #e9e9e9;Margin-left: auto;Margin-right: auto" width="602"> <tbody><tr><td style="padding: 0;vertical-align: top">​</td></tr> </tbody></table> <div class="spacer" style="font-size: 1px;line-height: 32px;width: 100%"> </div> <table class="footer centered" style="border-collapse: collapse;border-spacing: 0;Margin-left: auto;Margin-right: auto;width: 602px"> <tbody><tr> <td class="social" style="padding: 0;vertical-align: top;padding-top: 32px;padding-bottom: 22px" align="center"> <table style="border-collapse: collapse;border-spacing: 0"> <tbody><tr> <td class="social-link" style="padding: 0;vertical-align: top"> <table style="border-collapse: collapse;border-spacing: 0"> <tbody><tr> <td style="padding: 0;vertical-align: top"> <fblike style="text-decoration:none;"> <a href="https://www.facebook.com/MashProject"> <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="https://i5.createsend1.com/static/eb/master/01-mason/images/facebook-dark.png" width="26" height="21" /> </fblike> </td> <td class="social-text" style="padding: 0;vertical-align: middle !important;height: 21px;font-size: 10px;font-weight: bold;text-decoration: none;text-transform: uppercase;color: #999;letter-spacing: 0.05em;font-family: Georgia,serif"> <fblike style="text-decoration:none;"> Like </fblike> </td> </tr> </tbody></table> </td> <td class="divider" style="padding: 0;vertical-align: top;font-family: sans-serif;font-size: 10px;line-height: 21px;text-align: center;padding-left: 14px;padding-right: 14px;color: #e9e9e9"> <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="https://i6.createsend1.com/static/eb/master/01-mason/images/diamond.png" width="5" height="21" alt="" /> </td> <td class="social-link" style="padding: 0;vertical-align: top"> <table style="border-collapse: collapse;border-spacing: 0"> <tbody><tr> <td style="padding: 0;vertical-align: top"> <tweet style="text-decoration:none;"> <a href="https://twitter.com/MASH_Project"> <img style="border: 0;-ms-interpolation-mode: bicubic;display: block" src="https://i7.createsend1.com/static/eb/master/01-mason/images/twitter-dark.png" width="26" height="21" /> </tweet> </td> <td class="social-text" style="padding: 0;vertical-align: middle !important;height: 21px;font-size: 10px;font-weight: bold;text-decoration: none;text-transform: uppercase;color: #999;letter-spacing: 0.05em;font-family: Georgia,serif"> <tweet style="text-decoration:none;"> Tweet </tweet> </td> </tr> </tbody></table> </td> <td class="social-link" style="padding: 0;vertical-align: top"> </td> </tr> </tbody></table> </td> </tr> <tr><td class="border" style="padding: 0;vertical-align: top;font-size: 1px;line-height: 1px;background-color: #e9e9e9;width: 1px"> </td></tr> <tr> <td style="padding: 0;vertical-align: top"> <table style="border-collapse: collapse;border-spacing: 0"> <tbody><tr> <td class="address" style="padding: 0;vertical-align: top;width: 250px;padding-top: 32px;padding-bottom: 64px"> <table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%"> <tbody><tr> <td class="padded" style="padding: 0;vertical-align: top;padding-left: 0;padding-right: 10px;word-break: break-word;word-wrap: break-word;text-align: left;font-size: 12px;line-height: 20px;color: #999;font-family: Georgia,serif"> <div>MASH Project<br><a href="http://mashglobal.org">www.mashglobal.org</a> </div> </td> </tr> </tbody></table> </td> <td class="subscription" style="padding: 0;vertical-align: top;width: 350px;padding-top: 32px;padding-bottom: 64px"> <table class="contents" style="border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%"> <tbody><tr> <td class="padded" style="padding: 0;vertical-align: top;padding-left: 10px;padding-right: 0;word-break: break-word;word-wrap: break-word;font-size: 12px;line-height: 20px;color: #999;font-family: Georgia,serif;text-align: right"> <div>This email is in response to the <a href="www.mashglobal.org/redspot">form</a> filled by you.In case you did not fill this form, kindly click here</div> <div> <span class="block"> </span> <a href="mailto:redspot@mashglobal.org"> <span class="block"><unsubscribe style="font-weight:bold;text-decoration:none;">Unsubscribe</unsubscribe></span> </div> </td> </tr> </tbody></table> </td> </tr> </tbody></table> </td> </tr> </tbody></table> </center> </body></html> ';
app.post('/redspot', function(req, res) {
var story, gender, app, email, name;
story = req.body.story;
gender = req.body.gender;
app = req.body.app;
email = req.body.email;
name = req.body.name;
//store data in google form
Spreadsheet.load({
debug: false,
spreadsheetId: spreadsheetId,
worksheetId: worksheetId,
oauth: {
email: serviceEmailAccount,
keyFile: 'redspot.pem'
}
}, function sheetReady(err, spreadsheet) {
if (err) {
throw err;
}
spreadsheet.receive(function(err, rows, info) {
if (err) throw err;
var nextRow = info.nextRow - 1;
spreadsheet.arr([
[email, name, gender, story, app]
], nextRow, 0);
spreadsheet.send(function(err) {
if (err) throw err;
});
});
});
console.log(email);
var mailOptions = {
from: 'MASH Project <redspot@mashglobal.org>', // sender address
to: email, // list of receivers
subject: 'Thank you for your response ', // Subject line
html: body
};
// send mail with defined transport object
transporter.sendMail(mailOptions, function(error, info) {
if (error) {
console.log(error);
res.json({
"reply": "error"
});
} else {
console.log('Message sent: ' + info.response);
res.json({
"reply": "success"
});
}
});
});