2 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office"
5 xmlns:v="urn:schemas-microsoft-com:vml">
8 <!--[if gte mso 9]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]-->
9 <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
10 <meta content="width=device-width" name="viewport" />
12 <meta content="IE=edge" http-equiv="X-UA-Compatible" />
14 <title><%= @email.subject %><</title>
17 <style type="text/css">
25 text-decoration: none;
32 border-collapse: collapse;
39 a[x-apple-data-detectors=true] {
40 color: inherit !important;
41 text-decoration: none !important;
44 <style id="media-query" type="text/css">
45 @media (max-width: 610px) {
49 min-width: 320px !important;
50 max-width: 100% !important;
51 display: block !important;
55 width: 100% !important;
59 width: 100% !important;
67 min-width: 0 !important;
68 display: table-cell !important;
71 .no-stack.two-up .col {
72 width: 50% !important;
76 width: 33% !important;
80 width: 66% !important;
84 width: 33% !important;
88 width: 25% !important;
92 width: 50% !important;
96 width: 75% !important;
103 <body class="clean-body" style="margin: 0; padding: 0; -webkit-text-size-adjust: 100%; background-color: #2C3645;">
104 <!--[if IE]><div class="ie-browser"><![endif]-->
105 <table bgcolor="#2C3645" cellpadding="0" cellspacing="0" class="nl-container" role="presentation"
106 style="table-layout: fixed; vertical-align: top; min-width: 320px; Margin: 0 auto; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; background-color: #2C3645; width: 100%;"
107 valign="top" width="100%">
109 <tr style="vertical-align: top;" valign="top">
110 <td style="word-break: break-word; vertical-align: top;" valign="top">
111 <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color:#2C3645"><![endif]-->
112 <div style="background-color:transparent;">
113 <div class="block-grid"
114 style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #1B2635;">
115 <div style="border-collapse: collapse;display: table;width: 100%;background-color:#1B2635;">
116 <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:590px"><tr class="layout-full-width" style="background-color:#1B2635"><![endif]-->
117 <!--[if (mso)|(IE)]><td align="center" width="590" style="background-color:#1B2635;width:590px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]-->
118 <div class="col num12"
119 style="min-width: 320px; max-width: 590px; display: table-cell; vertical-align: top; width: 590px;">
120 <div style="width:100% !important;">
121 <!--[if (!mso)&(!IE)]><!-->
123 style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
125 <div align="center" class="img-container center fixedwidth"
126 style="padding-right: 0px;padding-left: 0px;">
127 <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr style="line-height:0px"><td style="padding-right: 0px;padding-left: 0px;" align="center"><![endif]--><img
128 align="center" alt="Image" border="0" class="center fixedwidth" src="cid:logo.png"
129 style="text-decoration: none; -ms-interpolation-mode: bicubic; border: 0; height: auto; width: 100%; max-width: 80px; display: block;"
130 title="Image" width="80" />
131 <!--[if mso]></td></tr></table><![endif]-->
133 <!--[if (!mso)&(!IE)]><!-->
138 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
139 <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
143 <div style="background-color:transparent;">
144 <div class="block-grid"
145 style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #1B2635;">
146 <div style="border-collapse: collapse;display: table;width: 100%;background-color:#1B2635;">
147 <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:590px"><tr class="layout-full-width" style="background-color:#1B2635"><![endif]-->
148 <!--[if (mso)|(IE)]><td align="center" width="590" style="background-color:#1B2635;width:590px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]-->
149 <div class="col num12"
150 style="min-width: 320px; max-width: 590px; display: table-cell; vertical-align: top; width: 590px;">
151 <div style="width:100% !important;">
152 <!--[if (!mso)&(!IE)]><!-->
154 style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
156 <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif"><![endif]-->
158 style="color:#b9b9ba;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
160 style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #b9b9ba;">
161 <p style="font-size: 14px; line-height: 36px; text-align: center; margin: 0;"><span
162 style="font-size: 30px; color: #d8a070;text-decoration: none;">Hey <%= @user.nickname %>, here is what you've missed!</span></p>
165 <!--[if mso]></td></tr></table><![endif]-->
166 <!--[if (!mso)&(!IE)]><!-->
171 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
172 <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
176 <div style="background-color:transparent;">
177 <div class="block-grid"
178 style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #1B2635;">
179 <div style="border-collapse: collapse;display: table;width: 100%;background-color:#1B2635;">
180 <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:590px"><tr class="layout-full-width" style="background-color:#1B2635"><![endif]-->
181 <!--[if (mso)|(IE)]><td align="center" width="590" style="background-color:#1B2635;width:590px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 15px; padding-left: 15px; padding-top:5px; padding-bottom:5px;"><![endif]-->
182 <div class="col num12"
183 style="min-width: 320px; max-width: 590px; display: table-cell; vertical-align: top; width: 590px;">
184 <div style="width:100% !important;">
185 <!--[if (!mso)&(!IE)]><!-->
187 style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 15px; padding-left: 15px;">
189 <table border="0" cellpadding="0" cellspacing="0" class="divider" role="presentation"
190 style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"
191 valign="top" width="100%">
193 <tr style="vertical-align: top;" valign="top">
194 <td class="divider_inner"
195 style="word-break: break-word; vertical-align: top; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;"
197 <table align="center" border="0" cellpadding="0" cellspacing="0" class="divider_content"
198 height="0" role="presentation"
199 style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; border-top: 1px solid #B9B9BA; height: 0px;"
200 valign="top" width="100%">
202 <tr style="vertical-align: top;" valign="top">
204 style="word-break: break-word; vertical-align: top; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"
205 valign="top"><span></span></td>
213 <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif"><![endif]-->
215 style="color:#B9B9BA;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
217 style="font-size: 12px; line-height: 24px; text-align: center; color: #B9B9BA; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; margin: 0;">
218 <span style="font-size: 20px;">Mentions</span></p>
220 <!--[if mso]></td></tr></table><![endif]-->
221 <!--[if (!mso)&(!IE)]><!-->
226 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
227 <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
232 <%= for %{data: mention, object: object, from: from} <- @mentions do %>
234 <%# user card START %>
235 <div style="background-color:transparent;">
236 <div class="block-grid mixed-two-up no-stack"
237 style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #1B2635;">
238 <div style="border-collapse: collapse;display: table;width: 100%;background-color:#1B2635;">
239 <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:590px"><tr class="layout-full-width" style="background-color:#1B2635"><![endif]-->
240 <!--[if (mso)|(IE)]><td align="center" width="147" style="background-color:#1B2635;width:76px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 20px; padding-top:5px; padding-bottom:5px;"><![endif]-->
241 <div class="col num3"
242 style="display: table-cell; vertical-align: top; max-width: 320px; min-width: 76px; width: 76px;">
243 <div style="width:100% !important;">
244 <!--[if (!mso)&(!IE)]><!-->
246 style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 20px;">
248 <div align="left" class="img-container left fixedwidth"
249 style="padding-right: 0px;padding-left: 0px;">
250 <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr style="line-height:0px"><td style="padding-right: 0px;padding-left: 0px;" align="left"><![endif]--><img
251 alt="<%= from.name %>" border="0" class="left fixedwidth" src="<%= avatar_url(from) %>"
252 style="text-decoration: none; -ms-interpolation-mode: bicubic; border: 0; height: auto; width: 100%; max-width: 76px; display: block;"
253 title="<%= from.name %>" width="76" />
254 <!--[if mso]></td></tr></table><![endif]-->
256 <!--[if (!mso)&(!IE)]><!-->
262 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
263 <!--[if (mso)|(IE)]></td><td align="center" width="442" style="background-color:#1B2635;width:442px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]-->
264 <div class="col num9"
265 style="display: table-cell; vertical-align: top; min-width: 320px; max-width: 441px; width: 442px;">
266 <div style="width:100% !important;">
267 <!--[if (!mso)&(!IE)]><!-->
269 style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
271 <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif"><![endif]-->
273 style="color:#B9B9BA;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
275 style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #B9B9BA;">
276 <p style="font-size: 14px; line-height: 19px; margin: 0;"><span
277 style="font-size: 16px; color: #999999;"><%= from.name %></span></p>
278 <p style="font-size: 14px; line-height: 19px; margin: 0;"><span
279 style="font-size: 16px;"><%= link "@" <> from.nickname, style: "color: #d8a070;text-decoration: none;", to: mention.activity.actor %></span></p>
282 <!--[if mso]></td></tr></table><![endif]-->
283 <!--[if (!mso)&(!IE)]><!-->
288 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
289 <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
295 <div style="background-color:transparent;">
296 <div class="block-grid"
297 style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #1B2635;">
298 <div style="border-collapse: collapse;display: table;width: 100%;background-color:#1B2635;">
299 <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:590px"><tr class="layout-full-width" style="background-color:#1B2635"><![endif]-->
300 <!--[if (mso)|(IE)]><td align="center" width="590" style="background-color:#1B2635;width:590px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 15px; padding-left: 15px; padding-top:5px; padding-bottom:5px;"><![endif]-->
301 <div class="col num12"
302 style="min-width: 320px; max-width: 590px; display: table-cell; vertical-align: top; width: 590px;">
303 <div style="width:100% !important;">
304 <!--[if (!mso)&(!IE)]><!-->
306 style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 15px; padding-left: 15px;">
308 <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif"><![endif]-->
310 style="color:#B9B9BA;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
312 style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #B9B9BA;">
313 <span style="font-size: 16px; line-height: 19px;"><%= raw object.data["content"] %></span></div>
315 <!--[if mso]></td></tr></table><![endif]-->
316 <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 15px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif"><![endif]-->
318 style="color:#555555;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:15px;">
320 style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #555555;">
321 <p style="font-size: 14px; line-height: 16px; margin: 0;"><%= format_date object.data["published"] %></p>
324 <!--[if mso]></td></tr></table><![endif]-->
325 <!--[if (!mso)&(!IE)]><!-->
330 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
331 <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
338 <%= if @followers != [] do %>
340 <%# new followers header START %>
341 <div style="background-color:transparent;">
342 <div class="block-grid"
343 style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #1B2635;">
344 <div style="border-collapse: collapse;display: table;width: 100%;background-color:#1B2635;">
345 <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:590px"><tr class="layout-full-width" style="background-color:#1B2635"><![endif]-->
346 <!--[if (mso)|(IE)]><td align="center" width="590" style="background-color:#1B2635;width:590px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 15px; padding-left: 15px; padding-top:5px; padding-bottom:5px;"><![endif]-->
347 <div class="col num12"
348 style="min-width: 320px; max-width: 590px; display: table-cell; vertical-align: top; width: 590px;">
349 <div style="width:100% !important;">
350 <!--[if (!mso)&(!IE)]><!-->
352 style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 15px; padding-left: 15px;">
354 <table border="0" cellpadding="0" cellspacing="0" class="divider" role="presentation"
355 style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"
356 valign="top" width="100%">
358 <tr style="vertical-align: top;" valign="top">
359 <td class="divider_inner"
360 style="word-break: break-word; vertical-align: top; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;"
362 <table align="center" border="0" cellpadding="0" cellspacing="0" class="divider_content"
363 height="0" role="presentation"
364 style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; border-top: 1px solid #B9B9BA; height: 0px;"
365 valign="top" width="100%">
367 <tr style="vertical-align: top;" valign="top">
369 style="word-break: break-word; vertical-align: top; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"
370 valign="top"><span></span></td>
378 <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif"><![endif]-->
380 style="color:#B9B9BA;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
382 style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #B9B9BA;">
383 <p style="font-size: 12px; line-height: 24px; text-align: center; margin: 0;"><span
384 style="font-size: 20px;"><%= length(@followers) %> New Followers</span><span
385 style="font-size: 20px; line-height: 24px;"></span></p>
388 <!--[if mso]></td></tr></table><![endif]-->
389 <!--[if (!mso)&(!IE)]><!-->
394 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
395 <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
399 <%# new followers header END %>
401 <%= for %{data: follow, from: from} <- @followers do %>
402 <%# user card START %>
403 <div style="background-color:transparent;">
404 <div class="block-grid mixed-two-up no-stack"
405 style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #1B2635;">
406 <div style="border-collapse: collapse;display: table;width: 100%;background-color:#1B2635;">
407 <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:590px"><tr class="layout-full-width" style="background-color:#1B2635"><![endif]-->
408 <!--[if (mso)|(IE)]><td align="center" width="147" style="background-color:#1B2635;width:76px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 20px; padding-top:5px; padding-bottom:5px;"><![endif]-->
409 <div class="col num3"
410 style="display: table-cell; vertical-align: top; max-width: 320px; min-width: 76px; width: 76px;">
411 <div style="width:100% !important;">
412 <!--[if (!mso)&(!IE)]><!-->
414 style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 20px;">
416 <div align="left" class="img-container left fixedwidth"
417 style="padding-right: 0px;padding-left: 0px;">
418 <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr style="line-height:0px"><td style="padding-right: 0px;padding-left: 0px;" align="left"><![endif]--><img
419 alt="<%= from.name %>" border="0" class="left fixedwidth" src="<%= avatar_url(from) %>"
420 style="text-decoration: none; -ms-interpolation-mode: bicubic; border: 0; height: auto; width: 100%; max-width: 76px; display: block;"
421 title="<%= from.name %>" width="76" />
422 <!--[if mso]></td></tr></table><![endif]-->
424 <!--[if (!mso)&(!IE)]><!-->
430 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
431 <!--[if (mso)|(IE)]></td><td align="center" width="442" style="background-color:#1B2635;width:442px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]-->
432 <div class="col num9"
433 style="display: table-cell; vertical-align: top; min-width: 320px; max-width: 441px; width: 442px;">
434 <div style="width:100% !important;">
435 <!--[if (!mso)&(!IE)]><!-->
437 style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
439 <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif"><![endif]-->
441 style="color:#B9B9BA;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
443 style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #B9B9BA;">
444 <p style="font-size: 14px; line-height: 19px; margin: 0;"><span
445 style="font-size: 16px; color: #999999;"><%= from.name %></span></p>
446 <p style="font-size: 14px; line-height: 19px; margin: 0;"><span
447 style="font-size: 16px;"><%= link "@" <> from.nickname, style: "color: #d8a070;text-decoration: none;", to: follow.activity.actor %></span></p>
450 <!--[if mso]></td></tr></table><![endif]-->
451 <!--[if (!mso)&(!IE)]><!-->
456 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
457 <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
468 <div style="background-color:transparent;">
469 <div class="block-grid"
470 style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #1B2635;">
471 <div style="border-collapse: collapse;display: table;width: 100%;background-color:#1B2635;">
472 <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:590px"><tr class="layout-full-width" style="background-color:#1B2635"><![endif]-->
473 <!--[if (mso)|(IE)]><td align="center" width="590" style="background-color:#1B2635;width:590px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]-->
474 <div class="col num12"
475 style="min-width: 320px; max-width: 590px; display: table-cell; vertical-align: top; width: 590px;">
476 <div style="width:100% !important;">
477 <!--[if (!mso)&(!IE)]><!-->
479 style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
481 <table border="0" cellpadding="0" cellspacing="0" class="divider" role="presentation"
482 style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"
483 valign="top" width="100%">
485 <tr style="vertical-align: top;" valign="top">
486 <td class="divider_inner"
487 style="word-break: break-word; vertical-align: top; min-width: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;"
489 <table align="center" border="0" cellpadding="0" cellspacing="0" class="divider_content"
490 height="0" role="presentation"
491 style="table-layout: fixed; vertical-align: top; border-spacing: 0; border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; border-top: 1px solid #B9B9BA; height: 0px;"
492 valign="top" width="100%">
494 <tr style="vertical-align: top;" valign="top">
496 style="word-break: break-word; vertical-align: top; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"
497 valign="top"><span></span></td>
505 <!--[if (!mso)&(!IE)]><!-->
510 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
511 <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
519 <div style="background-color:transparent;">
520 <div class="block-grid"
521 style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: #1B2635;">
522 <div style="border-collapse: collapse;display: table;width: 100%;background-color:#1B2635;">
523 <!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:transparent;"><tr><td align="center"><table cellpadding="0" cellspacing="0" border="0" style="width:590px"><tr class="layout-full-width" style="background-color:#1B2635"><![endif]-->
524 <!--[if (mso)|(IE)]><td align="center" width="590" style="background-color:#1B2635;width:590px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 0px solid transparent; border-right: 0px solid transparent;" valign="top"><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 0px; padding-left: 0px; padding-top:5px; padding-bottom:5px;"><![endif]-->
525 <div class="col num12"
526 style="min-width: 320px; max-width: 590px; display: table-cell; vertical-align: top; width: 590px;">
527 <div style="width:100% !important;">
528 <!--[if (!mso)&(!IE)]><!-->
530 style="border-top:0px solid transparent; border-left:0px solid transparent; border-bottom:0px solid transparent; border-right:0px solid transparent; padding-top:5px; padding-bottom:5px; padding-right: 0px; padding-left: 0px;">
532 <!--[if mso]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td style="padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; font-family: Arial, sans-serif"><![endif]-->
534 style="color:#BBBBBB;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
536 style="font-size: 12px; line-height: 16px; text-align: center; color: #BBBBBB; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; margin: 0;">
537 <span style="font-size: 14px;">You have received this email because you have signed up to receive digest emails from <b><%= @instance %></b> Pleroma instance.</span></p>
539 style="font-size: 12px; line-height: 14px; text-align: center; color: #BBBBBB; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; margin: 0;">
542 style="font-size: 12px; line-height: 16px; text-align: center; color: #BBBBBB; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; margin: 0;">
543 <span style="font-size: 14px;">The email address you are subscribed as is <a href="mailto:<%= @user.email %>" style="color: #d8a070;text-decoration: none;"><%= @user.email %></a>. </span></p>
545 style="font-size: 12px; line-height: 16px; text-align: center; color: #BBBBBB; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; margin: 0;">
546 <span style="font-size: 14px;">To unsubscribe, please go <%= link "here", style: "color: #d8a070;text-decoration: none;", to: @unsubscribe_link %>.</span></p>
548 <!--[if mso]></td></tr></table><![endif]-->
549 <!--[if (!mso)&(!IE)]><!-->
554 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
555 <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
559 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
564 <!--[if (IE)]></div><![endif]-->