Git of dcc - anni/blob - lib/pleroma/web/templates/email/digest.html.eex

   1 <!DOCTYPE html
   2         PUBLIC "-//W3C//DTD XHTML 1.0 Transitional //EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   3
   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">
   6
   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                 }
  22
  23                 a {
  24
  25                         color: <%= @styling.link_color %>;
  26                         text-decoration: none;
  27                 }
  28
  29                 table,
  30                 td,
  31                 tr {
  32                         vertical-align: top;
  33                         border-collapse: collapse;
  34                 }
  35
  36                 * {
  37                         line-height: inherit;
  38                 }
  39
  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) {
  47
  48                         .block-grid,
  49                         .col {
  50                                 min-width: 320px !important;
  51                                 max-width: 100% !important;
  52                                 display: block !important;
  53                         }
  54
  55                         .block-grid {
  56                                 width: 100% !important;
  57                         }
  58
  59                         .col {
  60                                 width: 100% !important;
  61                         }
  62
  63                         .col>div {
  64                                 margin: 0 auto;
  65                         }
  66
  67                         .no-stack .col {
  68                                 min-width: 0 !important;
  69                                 display: table-cell !important;
  70                         }
  71
  72                         .no-stack.two-up .col {
  73                                 width: 50% !important;
  74                         }
  75
  76                         .no-stack .col.num4 {
  77                                 width: 33% !important;
  78                         }
  79
  80                         .no-stack .col.num8 {
  81                                 width: 66% !important;
  82                         }
  83
  84                         .no-stack .col.num4 {
  85                                 width: 33% !important;
  86                         }
  87
  88                         .no-stack .col.num3 {
  89                                 width: 25% !important;
  90                         }
  91
  92                         .no-stack .col.num6 {
  93                                 width: 50% !important;
  94                         }
  95
  96                         .no-stack .col.num9 {
  97                                 width: 75% !important;
  98                         }
  99
 100                 }
 101         </style>
 102 </head>
 103
 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>
 232
 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>
 262
 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 %>
 295
 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 %>
 338
 339           <%= if @followers != [] do %>
 340
 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 %>
 401
 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>
 430
 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 %>
 464
 465
 466           <% end %>
 467
 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>
 516
 517           <%# divider end %>
 518
 519
 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>
 567
 568 </html>