logo

pleroma

My custom branche(s) on git.pleroma.social/pleroma/pleroma git clone https://hacktivis.me/git/pleroma.git

digest.html.eex (39965B)

    

  1. <!DOCTYPE html
  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">
  7. <head>
  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" />
  11. 	<!--[if !mso]><!-->
  12. 	<meta content="IE=edge" http-equiv="X-UA-Compatible" />
  13. 	<!--<![endif]-->
  14. 	<title><%= @email.subject %><</title>
  15. 	<!--[if !mso]><!-->
  16. 	<!--<![endif]-->
  17. 	<style type="text/css">
  18. 		body {
  19. 			margin: 0;
  20. 			padding: 0;
  21. 		}
  23. 		a {
  25. 			color: <%= @styling.link_color %>;
  26. 			text-decoration: none;
  27. 		}
  29. 		table,
  30. 		td,
  31. 		tr {
  32. 			vertical-align: top;
  33. 			border-collapse: collapse;
  34. 		}
  36. 		* {
  37. 			line-height: inherit;
  38. 		}
  40. 		a[x-apple-data-detectors=true] {
  41. 			color: inherit !important;
  42. 			text-decoration: none !important;
  43. 		}
  44. 	</style>
  45. 	<style id="media-query" type="text/css">
  46. 		@media (max-width: 610px) {
  48. 			.block-grid,
  49. 			.col {
  50. 				min-width: 320px !important;
  51. 				max-width: 100% !important;
  52. 				display: block !important;
  53. 			}
  55. 			.block-grid {
  56. 				width: 100% !important;
  57. 			}
  59. 			.col {
  60. 				width: 100% !important;
  61. 			}
  63. 			.col>div {
  64. 				margin: 0 auto;
  65. 			}
  67. 			.no-stack .col {
  68. 				min-width: 0 !important;
  69. 				display: table-cell !important;
  70. 			}
  72. 			.no-stack.two-up .col {
  73. 				width: 50% !important;
  74. 			}
  76. 			.no-stack .col.num4 {
  77. 				width: 33% !important;
  78. 			}
  80. 			.no-stack .col.num8 {
  81. 				width: 66% !important;
  82. 			}
  84. 			.no-stack .col.num4 {
  85. 				width: 33% !important;
  86. 			}
  88. 			.no-stack .col.num3 {
  89. 				width: 25% !important;
  90. 			}
  92. 			.no-stack .col.num6 {
  93. 				width: 50% !important;
  94. 			}
  96. 			.no-stack .col.num9 {
  97. 				width: 75% !important;
  98. 			}
  100. 		}
  101. 	</style>
  102. </head>
  104. <body class="clean-body" style="margin: 0; padding: 0; -webkit-text-size-adjust: 100%; background-color: <%= @styling.background_color %>;">
  105. 	<!--[if IE]><div class="ie-browser"><![endif]-->
  106. 	<table bgcolor="<%= @styling.background_color %>" cellpadding="0" cellspacing="0" class="nl-container" role="presentation"
  107. 		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: <%= @styling.background_color %>; width: 100%;"
  108. 		valign="top" width="100%">
  109. 		<tbody>
  110. 			<tr style="vertical-align: top;" valign="top">
  111. 				<td style="word-break: break-word; vertical-align: top;" valign="top">
  112. 					<!--[if (mso)|(IE)]><table width="100%" cellpadding="0" cellspacing="0" border="0"><tr><td align="center" style="background-color:<%= @styling.background_color %>"><![endif]-->
  113. 					<div style="background-color:transparent;">
  114. 						<div class="block-grid"
  115. 							style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: <%= @styling.content_background_color%>;">
  116. 							<div style="border-collapse: collapse;display: table;width: 100%;background-color:<%= @styling.content_background_color%>;">
  117. 								<!--[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:<%= @styling.content_background_color%>"><![endif]-->
  118. 								<!--[if (mso)|(IE)]><td align="center" width="590" style="background-color:<%= @styling.content_background_color%>;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]-->
  119. 								<div class="col num12"
  120. 									style="min-width: 320px; max-width: 590px; display: table-cell; vertical-align: top; width: 590px;">
  121. 									<div style="width:100% !important;">
  122. 										<!--[if (!mso)&(!IE)]><!-->
  123. 										<div
  124. 											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. 											<!--<![endif]-->
  126. 											<div align="center" class="img-container center"
  127. 												style="padding-right: 0px;padding-left: 0px;">
  128. 												<!--[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
  129. 													align="center" alt="Image" border="0" class="center" src="cid:logo.svg"
  130. 													style="text-decoration: none; -ms-interpolation-mode: bicubic; border: 0; height: 80px; width: auto; max-height: 80px; display: block;"
  131. 													title="Image" height="80" />
  132. 												<!--[if mso]></td></tr></table><![endif]-->
  133. 											</div>
  134. 											<!--[if (!mso)&(!IE)]><!-->
  135. 										</div>
  136. 										<!--<![endif]-->
  137. 									</div>
  138. 								</div>
  139. 								<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
  140. 								<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
  141. 							</div>
  142. 						</div>
  143. 					</div>
  144. 					<div style="background-color:transparent;">
  145. 						<div class="block-grid"
  146. 							style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: <%= @styling.content_background_color%>;">
  147. 							<div style="border-collapse: collapse;display: table;width: 100%;background-color:<%= @styling.content_background_color%>;">
  148. 								<!--[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:<%= @styling.content_background_color%>"><![endif]-->
  149. 								<!--[if (mso)|(IE)]><td align="center" width="590" style="background-color:<%= @styling.content_background_color%>;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]-->
  150. 								<div class="col num12"
  151. 									style="min-width: 320px; max-width: 590px; display: table-cell; vertical-align: top; width: 590px;">
  152. 									<div style="width:100% !important;">
  153. 										<!--[if (!mso)&(!IE)]><!-->
  154. 										<div
  155. 											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. 											<!--<![endif]-->
  157. 											<!--[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. 											<div
  159. 												style="line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
  160. 												<div
  161. 													style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height: 14px; color: <%= @styling.header_color %>;">
  162. 													<p style="line-height: 36px; text-align: center; margin: 0;"><span
  163. 															style="font-size: 30px; color: <%= @styling.header_color %>;"><%= Gettext.dpgettext("static_pages", "digest email header line", "Hey %{nickname}, here is what you've missed!", nickname: @user.nickname) %></span></p>
  164. 												</div>
  165. 											</div>
  166. 											<!--[if mso]></td></tr></table><![endif]-->
  167. 											<!--[if (!mso)&(!IE)]><!-->
  168. 										</div>
  169. 										<!--<![endif]-->
  170. 									</div>
  171. 								</div>
  172. 								<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
  173. 								<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
  174. 							</div>
  175. 						</div>
  176. 					</div>
  177. 					<div style="background-color:transparent;">
  178. 						<div class="block-grid"
  179. 							style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: <%= @styling.content_background_color%>;">
  180. 							<div style="border-collapse: collapse;display: table;width: 100%;background-color:<%= @styling.content_background_color%>;">
  181. 								<!--[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:<%= @styling.content_background_color%>"><![endif]-->
  182. 								<!--[if (mso)|(IE)]><td align="center" width="590" style="background-color:<%= @styling.content_background_color%>;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]-->
  183. 								<div class="col num12"
  184. 									style="min-width: 320px; max-width: 590px; display: table-cell; vertical-align: top; width: 590px;">
  185. 									<div style="width:100% !important;">
  186. 										<!--[if (!mso)&(!IE)]><!-->
  187. 										<div
  188. 											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. 											<!--<![endif]-->
  190. 											<table border="0" cellpadding="0" cellspacing="0" class="divider" role="presentation"
  191. 												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%;"
  192. 												valign="top" width="100%">
  193. 												<tbody>
  194. 													<tr style="vertical-align: top;" valign="top">
  195. 														<td class="divider_inner"
  196. 															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. 															valign="top">
  198. 															<table align="center" border="0" cellpadding="0" cellspacing="0" class="divider_content"
  199. 																height="0" role="presentation"
  200. 																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 <%= @styling.text_color %>; height: 0px;"
  201. 																valign="top" width="100%">
  202. 																<tbody>
  203. 																	<tr style="vertical-align: top;" valign="top">
  204. 																		<td height="0"
  205. 																			style="word-break: break-word; vertical-align: top; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"
  206. 																			valign="top"><span></span></td>
  207. 																	</tr>
  208. 																</tbody>
  209. 															</table>
  210. 														</td>
  211. 													</tr>
  212. 												</tbody>
  213. 											</table>
  214. 											<!--[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. 											<div
  216. 												style="color:<%= @styling.text_color %>;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
  217. 												<p
  218. 													style="font-size: 12px; line-height: 24px; text-align: center; color: <%= @styling.text_color %>; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; margin: 0;">
  219. 													<span style="font-size: 20px;">Mentions</span></p>
  220. 											</div>
  221. 											<!--[if mso]></td></tr></table><![endif]-->
  222. 											<!--[if (!mso)&(!IE)]><!-->
  223. 										</div>
  224. 										<!--<![endif]-->
  225. 									</div>
  226. 								</div>
  227. 								<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
  228. 								<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
  229. 							</div>
  230. 						</div>
  231. 					</div>
  233.           <%= for %{data: mention, object: object, from: from} <- @mentions do %>
  234. 					<%# mention START %>
  235. 					<%# user card START %>
  236. 					<div style="background-color:transparent;">
  237. 						<div class="block-grid mixed-two-up no-stack"
  238. 							style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: <%= @styling.content_background_color%>;">
  239. 							<div style="border-collapse: collapse;display: table;width: 100%;background-color:<%= @styling.content_background_color%>;">
  240. 								<!--[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:<%= @styling.content_background_color%>"><![endif]-->
  241. 								<!--[if (mso)|(IE)]><td align="center" width="147" style="background-color:<%= @styling.content_background_color%>;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]-->
  242. 								<div class="col num3"
  243. 									style="display: table-cell; vertical-align: top; max-width: 320px; min-width: 76px; width: 76px;">
  244. 									<div style="width:100% !important;">
  245. 										<!--[if (!mso)&(!IE)]><!-->
  246. 										<div
  247. 											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. 											<!--<![endif]-->
  249. 											<div align="left" class="img-container left "
  250. 												style="padding-right: 0px;padding-left: 0px;">
  251. 												<!--[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
  252. 													alt="<%= from.name %>" border="0" class="left " src="<%= avatar_url(from) %>"
  253. 													style="text-decoration: none; -ms-interpolation-mode: bicubic; border: 0; height: auto; width: 100%; max-width: 76px; display: block;"
  254. 													title="<%= from.name %>" width="76" />
  255. 												<!--[if mso]></td></tr></table><![endif]-->
  256. 											</div>
  257. 											<!--[if (!mso)&(!IE)]><!-->
  258. 										</div>
  259. 										<!--<![endif]-->
  260. 									</div>
  261. 								</div>
  263. 								<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
  264. 								<!--[if (mso)|(IE)]></td><td align="center" width="442" style="background-color:<%= @styling.content_background_color%>;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]-->
  265. 								<div class="col num9"
  266. 									style="display: table-cell; vertical-align: top; min-width: 320px; max-width: 441px; width: 442px;">
  267. 									<div style="width:100% !important;">
  268. 										<!--[if (!mso)&(!IE)]><!-->
  269. 										<div
  270. 											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. 											<!--<![endif]-->
  272. 											<!--[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. 											<div
  274. 												style="color:<%= @styling.text_color %>;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
  275. 												<div
  276. 													style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: <%= @styling.text_color %>;">
  277. 													<p style="font-size: 14px; line-height: 19px; margin: 0;"><span
  278. 															style="font-size: 16px; color: <%= @styling.text_color %>;"><%= from.name %></span></p>
  279. 													<p style="font-size: 14px; line-height: 19px; margin: 0;"><span
  280. 															style="font-size: 16px;"><%= link "@" <> from.nickname, style: "color: #{@styling.link_color};text-decoration: none;", to: mention.activity.actor %></span></p>
  281. 												</div>
  282. 											</div>
  283. 											<!--[if mso]></td></tr></table><![endif]-->
  284. 											<!--[if (!mso)&(!IE)]><!-->
  285. 										</div>
  286. 										<!--<![endif]-->
  287. 									</div>
  288. 								</div>
  289. 								<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
  290. 								<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
  291. 							</div>
  292. 						</div>
  293. 					</div>
  294. 					<%# user card END %>
  296. 					<div style="background-color:transparent;">
  297. 						<div class="block-grid"
  298. 							style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: <%= @styling.content_background_color%>;">
  299. 							<div style="border-collapse: collapse;display: table;width: 100%;background-color:<%= @styling.content_background_color%>;">
  300. 								<!--[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:<%= @styling.content_background_color%>"><![endif]-->
  301. 								<!--[if (mso)|(IE)]><td align="center" width="590" style="background-color:<%= @styling.content_background_color%>;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]-->
  302. 								<div class="col num12"
  303. 									style="min-width: 320px; max-width: 590px; display: table-cell; vertical-align: top; width: 590px;">
  304. 									<div style="width:100% !important;">
  305. 										<!--[if (!mso)&(!IE)]><!-->
  306. 										<div
  307. 											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. 											<!--<![endif]-->
  309. 											<!--[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. 											<div
  311. 												style="color:<%= @styling.text_color %>;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
  312. 												<div
  313. 													style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: <%= @styling.text_color %>;">
  314. 													<span style="font-size: 16px; line-height: 19px;"><%= raw object.data["content"] %></span></div>
  315. 											</div>
  316. 											<!--[if mso]></td></tr></table><![endif]-->
  317. 											<!--[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. 											<div
  319. 												style="color:<%= @styling.text_muted_color %>;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:15px;">
  320. 												<div
  321. 													style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: <%= @styling.text_muted_color %>;">
  322. 													<p style="font-size: 14px; line-height: 16px; margin: 0;"><%= format_date object.data["published"] %></p>
  323. 												</div>
  324. 											</div>
  325. 											<!--[if mso]></td></tr></table><![endif]-->
  326. 											<!--[if (!mso)&(!IE)]><!-->
  327. 										</div>
  328. 										<!--<![endif]-->
  329. 									</div>
  330. 								</div>
  331. 								<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
  332. 								<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
  333. 							</div>
  334. 						</div>
  335. 					</div>
  336. 					<%# mention END %>
  337.           <% end %>
  339.           <%= if @followers != [] do %>
  341.           <%# new followers header START %>
  342. 					<div style="background-color:transparent;">
  343. 						<div class="block-grid"
  344. 							style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: <%= @styling.content_background_color%>;">
  345. 							<div style="border-collapse: collapse;display: table;width: 100%;background-color:<%= @styling.content_background_color%>;">
  346. 								<!--[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:<%= @styling.content_background_color%>"><![endif]-->
  347. 								<!--[if (mso)|(IE)]><td align="center" width="590" style="background-color:<%= @styling.content_background_color%>;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]-->
  348. 								<div class="col num12"
  349. 									style="min-width: 320px; max-width: 590px; display: table-cell; vertical-align: top; width: 590px;">
  350. 									<div style="width:100% !important;">
  351. 										<!--[if (!mso)&(!IE)]><!-->
  352. 										<div
  353. 											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. 											<!--<![endif]-->
  355. 											<table border="0" cellpadding="0" cellspacing="0" class="divider" role="presentation"
  356. 												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%;"
  357. 												valign="top" width="100%">
  358. 												<tbody>
  359. 													<tr style="vertical-align: top;" valign="top">
  360. 														<td class="divider_inner"
  361. 															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. 															valign="top">
  363. 															<table align="center" border="0" cellpadding="0" cellspacing="0" class="divider_content"
  364. 																height="0" role="presentation"
  365. 																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 <%= @styling.text_color %>; height: 0px;"
  366. 																valign="top" width="100%">
  367. 																<tbody>
  368. 																	<tr style="vertical-align: top;" valign="top">
  369. 																		<td height="0"
  370. 																			style="word-break: break-word; vertical-align: top; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"
  371. 																			valign="top"><span></span></td>
  372. 																	</tr>
  373. 																</tbody>
  374. 															</table>
  375. 														</td>
  376. 													</tr>
  377. 												</tbody>
  378. 											</table>
  379. 											<!--[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. 											<div
  381. 												style="color:<%= @styling.text_color %>;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
  382. 												<div
  383. 													style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: <%= @styling.text_color %>;">
  384. 													<p style="font-size: 12px; line-height: 24px; text-align: center; margin: 0;"><span
  385. 															style="font-size: 20px;"><%= Gettext.dpngettext("static_pages", "new followers count header", "%{count} New Follower", "%{count} New Followers", length(@followers), count: length(@followers)) %></span><span
  386. 															style="font-size: 20px; line-height: 24px;"></span></p>
  387. 												</div>
  388. 											</div>
  389. 											<!--[if mso]></td></tr></table><![endif]-->
  390. 											<!--[if (!mso)&(!IE)]><!-->
  391. 										</div>
  392. 										<!--<![endif]-->
  393. 									</div>
  394. 								</div>
  395. 								<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
  396. 								<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
  397. 							</div>
  398. 						</div>
  399. 					</div>
  400.           <%# new followers header END %>
  402.         <%= for %{data: follow, from: from} <- @followers do %>
  403. 					<%# user card START %>
  404. 					<div style="background-color:transparent;">
  405. 						<div class="block-grid mixed-two-up no-stack"
  406. 							style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: <%= @styling.content_background_color%>;">
  407. 							<div style="border-collapse: collapse;display: table;width: 100%;background-color:<%= @styling.content_background_color%>;">
  408. 								<!--[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:<%= @styling.content_background_color%>"><![endif]-->
  409. 								<!--[if (mso)|(IE)]><td align="center" width="147" style="background-color:<%= @styling.content_background_color%>;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]-->
  410. 								<div class="col num3"
  411. 									style="display: table-cell; vertical-align: top; max-width: 320px; min-width: 76px; width: 76px;">
  412. 									<div style="width:100% !important;">
  413. 										<!--[if (!mso)&(!IE)]><!-->
  414. 										<div
  415. 											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. 											<!--<![endif]-->
  417. 											<div align="left" class="img-container left "
  418. 												style="padding-right: 0px;padding-left: 0px;">
  419. 												<!--[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
  420. 													alt="<%= from.name %>" border="0" class="left " src="<%= avatar_url(from) %>"
  421. 													style="text-decoration: none; -ms-interpolation-mode: bicubic; border: 0; height: auto; width: 100%; max-width: 76px; display: block;"
  422. 													title="<%= from.name %>" width="76" />
  423. 												<!--[if mso]></td></tr></table><![endif]-->
  424. 											</div>
  425. 											<!--[if (!mso)&(!IE)]><!-->
  426. 										</div>
  427. 										<!--<![endif]-->
  428. 									</div>
  429. 								</div>
  431. 								<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
  432. 								<!--[if (mso)|(IE)]></td><td align="center" width="442" style="background-color:<%= @styling.content_background_color%>;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]-->
  433. 								<div class="col num9"
  434. 									style="display: table-cell; vertical-align: top; min-width: 320px; max-width: 441px; width: 442px;">
  435. 									<div style="width:100% !important;">
  436. 										<!--[if (!mso)&(!IE)]><!-->
  437. 										<div
  438. 											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. 											<!--<![endif]-->
  440. 											<!--[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. 											<div
  442. 												style="color:<%= @styling.text_color %>;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
  443. 												<div
  444. 													style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: <%= @styling.text_color %>;">
  445. 													<p style="font-size: 14px; line-height: 19px; margin: 0;"><span
  446. 															style="font-size: 16px; color: <%= @styling.text_color %>;"><%= from.name %></span></p>
  447. 													<p style="font-size: 14px; line-height: 19px; margin: 0;"><span
  448. 															style="font-size: 16px;"><%= link "@" <> from.nickname, style: "color: #{@styling.link_color};text-decoration: none;", to: follow.activity.actor %></span></p>
  449. 												</div>
  450. 											</div>
  451. 											<!--[if mso]></td></tr></table><![endif]-->
  452. 											<!--[if (!mso)&(!IE)]><!-->
  453. 										</div>
  454. 										<!--<![endif]-->
  455. 									</div>
  456. 								</div>
  457. 								<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
  458. 								<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
  459. 							</div>
  460. 						</div>
  461. 					</div>
  462. 					<%# user card END %>
  463.         <% end %>
  466.           <% end %>
  468.           <%# divider start %>
  469. 					<div style="background-color:transparent;">
  470. 						<div class="block-grid"
  471. 							style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: <%= @styling.content_background_color%>;">
  472. 							<div style="border-collapse: collapse;display: table;width: 100%;background-color:<%= @styling.content_background_color%>;">
  473. 								<!--[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:<%= @styling.content_background_color%>"><![endif]-->
  474. 								<!--[if (mso)|(IE)]><td align="center" width="590" style="background-color:<%= @styling.content_background_color%>;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]-->
  475. 								<div class="col num12"
  476. 									style="min-width: 320px; max-width: 590px; display: table-cell; vertical-align: top; width: 590px;">
  477. 									<div style="width:100% !important;">
  478. 										<!--[if (!mso)&(!IE)]><!-->
  479. 										<div
  480. 											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. 											<!--<![endif]-->
  482. 											<table border="0" cellpadding="0" cellspacing="0" class="divider" role="presentation"
  483. 												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%;"
  484. 												valign="top" width="100%">
  485. 												<tbody>
  486. 													<tr style="vertical-align: top;" valign="top">
  487. 														<td class="divider_inner"
  488. 															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. 															valign="top">
  490. 															<table align="center" border="0" cellpadding="0" cellspacing="0" class="divider_content"
  491. 																height="0" role="presentation"
  492. 																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 <%= @styling.text_color %>; height: 0px;"
  493. 																valign="top" width="100%">
  494. 																<tbody>
  495. 																	<tr style="vertical-align: top;" valign="top">
  496. 																		<td height="0"
  497. 																			style="word-break: break-word; vertical-align: top; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"
  498. 																			valign="top"><span></span></td>
  499. 																	</tr>
  500. 																</tbody>
  501. 															</table>
  502. 														</td>
  503. 													</tr>
  504. 												</tbody>
  505. 											</table>
  506. 											<!--[if (!mso)&(!IE)]><!-->
  507. 										</div>
  508. 										<!--<![endif]-->
  509. 									</div>
  510. 								</div>
  511. 								<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
  512. 								<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
  513. 							</div>
  514. 						</div>
  515. 					</div>
  517.           <%# divider end %>
  520. 					<div style="background-color:transparent;">
  521. 						<div class="block-grid"
  522. 							style="Margin: 0 auto; min-width: 320px; max-width: 590px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; background-color: <%= @styling.content_background_color%>;">
  523. 							<div style="border-collapse: collapse;display: table;width: 100%;background-color:<%= @styling.content_background_color%>;">
  524. 								<!--[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:<%= @styling.content_background_color%>"><![endif]-->
  525. 								<!--[if (mso)|(IE)]><td align="center" width="590" style="background-color:<%= @styling.content_background_color%>;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]-->
  526. 								<div class="col num12"
  527. 									style="min-width: 320px; max-width: 590px; display: table-cell; vertical-align: top; width: 590px;">
  528. 									<div style="width:100% !important;">
  529. 										<!--[if (!mso)&(!IE)]><!-->
  530. 										<div
  531. 											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. 											<!--<![endif]-->
  533. 											<!--[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. 											<div
  535. 												style="color:<%= @styling.text_color %>;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height:120%;padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;">
  536. 												<p
  537. 													style="font-size: 12px; line-height: 16px; text-align: center; color: <%= @styling.text_color %>; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; margin: 0;">
  538. 													<span style="font-size: 14px;"><%= raw Gettext.dpgettext("static_pages", "digest email sending reason", "You have received this email because you have signed up to receive digest emails from <b>%{instance}</b> Pleroma instance.", instance: safe_to_string(html_escape(@instance))) %></span></p>
  539. 												<p
  540. 													style="font-size: 12px; line-height: 14px; text-align: center; color: <%= @styling.text_color %>; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; margin: 0;">
  541. 													 </p>
  542. 												<p
  543. 													style="font-size: 12px; line-height: 16px; text-align: center; color: <%= @styling.text_color %>; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; margin: 0;">
  544. 													<span style="font-size: 14px;"><%= raw Gettext.dpgettext("static_pages", "digest email receiver address", "The email address you are subscribed as is <a href='mailto:%{@user.email}' style='color: %{color};text-decoration: none;'>%{email}</a>. ", color: safe_to_string(html_escape(@styling.link_color)), email: safe_to_string(html_escape(@user.email))) %></span></p>
  545. 												<p
  546. 													style="font-size: 12px; line-height: 16px; text-align: center; color: <%= @styling.text_color %>; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; margin: 0;">
  547. 													<span style="font-size: 14px;"><%= raw Gettext.dpgettext("static_pages", "digest email unsubscribe action", "To unsubscribe, please go %{here}.", here: safe_to_string link(Gettext.dpgettext("static_pages", "digest email unsubscribe action link text", "here"), style: "color: #{@styling.link_color};text-decoration: none;", to: @unsubscribe_link)) %></span></p>
  548. 											</div>
  549. 											<!--[if mso]></td></tr></table><![endif]-->
  550. 											<!--[if (!mso)&(!IE)]><!-->
  551. 										</div>
  552. 										<!--<![endif]-->
  553. 									</div>
  554. 								</div>
  555. 								<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
  556. 								<!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
  557. 							</div>
  558. 						</div>
  559. 					</div>
  560. 					<!--[if (mso)|(IE)]></td></tr></table><![endif]-->
  561. 				</td>
  562. 			</tr>
  563. 		</tbody>
  564. 	</table>
  565. 	<!--[if (IE)]></div><![endif]-->
  566. </body>
  568. </html>