Merge branch 'docs_updating' into 'develop'
[akkoma] / lib / pleroma / web / templates / email / new_users_digest.html.eex
1 <%= for {user, total_statuses, latest_status} <- @users_and_statuses do %>
2 <%# user card START %>
3 <div style="background-color:transparent;">
4 <div class="block-grid mixed-two-up no-stack"
5 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%>;">
6 <div style="border-collapse: collapse;display: table;width: 100%;background-color:<%= @styling.content_background_color%>;">
7 <!--[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]-->
8 <!--[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]-->
9 <div class="col num3"
10 style="display: table-cell; vertical-align: top; max-width: 320px; min-width: 76px; width: 76px;">
11 <div style="width:100% !important;">
12 <!--[if (!mso)&(!IE)]><!-->
13 <div
14 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;">
15 <!--<![endif]-->
16 <div align="left" class="img-container left "
17 style="padding-right: 0px;padding-left: 0px;">
18 <!--[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
19 alt="<%= user.name %>" border="0" class="left " src="<%= avatar_url(user) %>"
20 style="text-decoration: none; -ms-interpolation-mode: bicubic; border: 0; height: auto; width: 100%; max-width: 76px; display: block;"
21 title="<%= user.name %>" width="76" />
22 <!--[if mso]></td></tr></table><![endif]-->
23 </div>
24 <!--[if (!mso)&(!IE)]><!-->
25 </div>
26 <!--<![endif]-->
27 </div>
28 </div>
29
30 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
31 <!--[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]-->
32 <div class="col num9"
33 style="display: table-cell; vertical-align: top; min-width: 320px; max-width: 441px; width: 442px;">
34 <div style="width:100% !important;">
35 <!--[if (!mso)&(!IE)]><!-->
36 <div
37 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;">
38 <!--<![endif]-->
39 <!--[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]-->
40 <div
41 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;">
42 <div
43 style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: <%= @styling.text_color %>;">
44 <p style="font-size: 14px; line-height: 19px; margin: 0;"><span
45 style="font-size: 16px; color: <%= @styling.text_color %>;"><%= user.name %></span></p>
46 <p style="font-size: 14px; line-height: 19px; margin: 0;"><span
47 style="font-size: 16px;"><%= link "@" <> user.nickname, style: "color: #{@styling.link_color};text-decoration: none;", to: admin_user_url(user) %></span></p>
48 <p style="font-size: 14px; line-height: 19px; margin: 0;"><span
49 style="font-size: 16px;">Total: <%= total_statuses %></span></p>
50 </div>
51 </div>
52 <!--[if mso]></td></tr></table><![endif]-->
53 <!--[if (!mso)&(!IE)]><!-->
54 </div>
55 <!--<![endif]-->
56 </div>
57 </div>
58 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
59 <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
60 </div>
61 </div>
62 </div>
63 <%# user card END %>
64
65 <%= if latest_status do %>
66 <div style="background-color:transparent;">
67 <div class="block-grid"
68 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%>;">
69 <div style="border-collapse: collapse;display: table;width: 100%;background-color:<%= @styling.content_background_color%>;">
70 <!--[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]-->
71 <!--[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]-->
72 <div class="col num12"
73 style="min-width: 320px; max-width: 590px; display: table-cell; vertical-align: top; width: 590px;">
74 <div style="width:100% !important;">
75 <!--[if (!mso)&(!IE)]><!-->
76 <div
77 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;">
78 <!--<![endif]-->
79 <!--[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]-->
80 <div
81 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;">
82 <div
83 style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: <%= @styling.text_color %>;">
84 <span style="font-size: 16px; line-height: 19px;"><%= raw latest_status.object.data["content"] %></span></div>
85 </div>
86 <!--[if mso]></td></tr></table><![endif]-->
87 <!--[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]-->
88 <div
89 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;">
90 <div
91 style="font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: <%= @styling.text_muted_color %>;">
92 <p style="font-size: 14px; line-height: 16px; margin: 0;"><%= format_date latest_status.object.data["published"] %></p>
93 </div>
94 </div>
95 <!--[if mso]></td></tr></table><![endif]-->
96 <!--[if (!mso)&(!IE)]><!-->
97 </div>
98 <!--<![endif]-->
99 </div>
100 </div>
101 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
102 <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
103 </div>
104 </div>
105 </div>
106 <% end %>
107 <%# divider start %>
108 <div style="background-color:transparent;">
109 <div class="block-grid"
110 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%>;">
111 <div style="border-collapse: collapse;display: table;width: 100%;background-color:<%= @styling.content_background_color%>;">
112 <!--[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]-->
113 <!--[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]-->
114 <div class="col num12"
115 style="min-width: 320px; max-width: 590px; display: table-cell; vertical-align: top; width: 590px;">
116 <div style="width:100% !important;">
117 <!--[if (!mso)&(!IE)]><!-->
118 <div
119 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;">
120 <!--<![endif]-->
121 <table border="0" cellpadding="0" cellspacing="0" class="divider" role="presentation"
122 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%;"
123 valign="top" width="100%">
124 <tbody>
125 <tr style="vertical-align: top;" valign="top">
126 <td class="divider_inner"
127 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;"
128 valign="top">
129 <table align="center" border="0" cellpadding="0" cellspacing="0" class="divider_content"
130 height="0" role="presentation"
131 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;"
132 valign="top" width="100%">
133 <tbody>
134 <tr style="vertical-align: top;" valign="top">
135 <td height="0"
136 style="word-break: break-word; vertical-align: top; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"
137 valign="top"><span></span></td>
138 </tr>
139 </tbody>
140 </table>
141 </td>
142 </tr>
143 </tbody>
144 </table>
145 <!--[if (!mso)&(!IE)]><!-->
146 </div>
147 <!--<![endif]-->
148 </div>
149 </div>
150 <!--[if (mso)|(IE)]></td></tr></table><![endif]-->
151 <!--[if (mso)|(IE)]></td></tr></table></td></tr></table><![endif]-->
152 </div>
153 </div>
154 </div>
155
156 <%# divider end %>
157 <%# user card END %>
158 <% end %>