1 // <auto-generated/>
2 #pragma warning disable 1591
3 namespace CompiledRazorTemplates.Dynamic
4 {
5 #line hidden
6 using System.Threading.Tasks;
7 using System;
8 using System.Collections.Generic;
9 using Dynamicweb;
10 using System.Linq;
11 internal class RazorEngine_957ff988e92c44a3839ecd3c9a6e4968 : Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
12 {
13 #pragma warning disable 1998
14 public async override global::System.Threading.Tasks.Task ExecuteAsync()
15 {
16 WriteLiteral("\r\n");
17
18 var colorBg = GetString("Item.ColorBackground");
19 var textColor = GetString("Item.ColorText");
20 var headerColor = GetString("Item.ColorHeader");
21 var buttonColor = GetString("Item.ColorButton");
22 var buttonTextColor = GetString("Item.ColorButtonText");
23 var domain = Dynamicweb.Environment.Helpers.LinkHelper.GetHttpDomain();
24 var designRoot = "/Files/Templates/Designs/" + Pageview.Area.Layout.Design.Name;
25
26 //var colorPrimary = "#454545";
27 //var colorPrimaryLight = "lightgrey";
28 //var colorSecondary = "#699cc2";
29 //// var colorSecondaryLight = "#699cc2";
30 //var colorContrast = "#fd5900";
31 //// var colorContrastLight = "#fd5900";
32
33 var fontSize = "14px";
34 var primaryFont = "'Lucida Sans', 'Arial', 'Helvetica Neue', Helvetica, sans-serif";
35 var mailWidth = "600";
36
37 var path = domain + designRoot;
38
39 string footerLogo = GetString("Item.Area.FooterLogo");
40 string footerDescription = GetString("Item.Area.FooterDescription");
41
42 var facebook = Pageview.Area.Item["Facebook"].ToString();
43 var twitter = Pageview.Area.Item["Twitter"].ToString();
44 var linkedin = Pageview.Area.Item["LinkedIn"].ToString();
45 var instagram = Pageview.Area.Item["Instagram"].ToString();
46 var youtube = Pageview.Area.Item["Youtube"].ToString();
47
48 // var usp_1_icon = Pageview.Area.Item["USP_1_icon"].ToString();
49 var usp_1 = Pageview.Area.Item["USP_1"].ToString();
50
51 // var usp_2_icon = Pageview.Area.Item["USP_2_icon"].ToString();
52 var usp_2 = Pageview.Area.Item["USP_2"].ToString();
53
54 // var usp_3_icon = Pageview.Area.Item["USP_3_icon"].ToString();
55 var usp_3 = Pageview.Area.Item["USP_3"].ToString();
56
57 WriteLiteral(@"
58 <!DOCTYPE html PUBLIC ""-//W3C//DTD XHTML 1.0 Transitional//EN"" ""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"">
59 <html xmlns=""http://www.w3.org/1999/xhtml"">
60 <head>
61 <meta http-equiv=""Content-Type"" content=""text/html; charset=UTF-8"" />
62 <meta name=""viewport"" content=""width=device-width, initial-scale=1.0"" />
63 <style>
64
65 ");
66 WriteLiteral(@"@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
67
68 .alternative-font {
69 font-family: 'Lucida Sans', 'Source Sans Pro', 'Arial', 'Helvetica Neue', Helvetica, sans-serif !important;
70 }
71 p {
72 font-family: 'Lucida Sans', 'Source Sans Pro', 'Arial', 'Helvetica Neue', Helvetica, sans-serif !important;
73 color: ");
74 Write(textColor);
75 WriteLiteral(";\r\n\t\t}\r\n\t\t.logo-outlook {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t\t.footer {\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n li {\r\n\t\t\tfont-family: ");
76 Write(primaryFont);
77 WriteLiteral(" !important;\r\n\t\t\tcolor: ");
78 Write(textColor);
79 WriteLiteral(";\r\n\t\t\tfont-size: 14px;\r\n\t\t\tline-height: 24px;\r\n\t\t}\r\n\t\th2 {\r\n\t\t\tcolor: ");
80 Write(headerColor);
81 WriteLiteral(@" !important;
82 }
83 </style>
84 <!--[if gte mso 9]>
85 <style type=""text/css"">
86 .alternative-font{
87 font-family: 'Lucida Sans', 'Arial', 'Helvetica Neue', Helvetica, sans-serif !important;
88 }
89 p {
90 font-family:'Lucida Sans', 'Arial', 'Helvetica Neue', Helvetica, sans-serif !important;
91 }
92 .logo-container {
93 display: none;
94 width: 0px;
95 max-height: 0px;
96 overflow: hidden;
97 mso-hide: all;
98 height: 0;
99 font-size: 0;
100 max-height: 0;
101 line-height: 0;
102 margin: 0 auto;
103 }
104 </style>
105 <![endif]-->
106 </head>
107
108 <body");
109 BeginWriteAttribute("style", " style=\"", 3314, "\"", 3369, 5);
110 WriteAttributeValue("", 3322, "padding:0;", 3322, 10, true);
111 WriteAttributeValue(" ", 3332, "margin:0;", 3333, 10, true);
112 WriteAttributeValue(" ", 3342, "background-color:", 3343, 18, true);
113 WriteAttributeValue("", 3360, colorBg, 3360, 8, false);
114 WriteAttributeValue("", 3368, ";", 3368, 1, true);
115 EndWriteAttribute();
116 WriteLiteral(">\r\n\t<style>\r\n\t\t/* These are our tablet/medium screen media queries */\r\n\t\t");
117 WriteLiteral(@"@media screen and (max-width: 630px) {
118 /* Some more stacking elements */
119 *[class=""mob-column""] { /* float: none !important; */
120 width: 100% !important;
121 }
122 /* For the 2x2 stack */
123 *[class=""condensed""] {
124 padding-bottom: 40px !important;
125 display: block;
126 }
127 /* 100percent width section with 20px padding top & bottom */
128 *[class=""100padtopbottom""] {
129 width: 100% !important;
130 padding: 0px 0px 0px 0px;
131 }
132
133 *[class=""logo""] {
134 width: 100%;
135 }
136 }
137 /*Media desktop*/
138 ");
139 WriteLiteral("@media (min-width: 630px) {\r\n\t\t\t#emailFooter {\r\n\t\t\t\twidth: 600px;\r\n\t\t\t}\r\n\t\t}\r\n\t</style>\r\n\r\n\t<CENTER>\r\n\t\t<table style=\"background-color: #000\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"100padtopbottom\" width=\"600\">\r\n\t\t\t<tr>\r\n\t\t\t\t<td height=\"40\"");
140 BeginWriteAttribute("style", " style=\"", 4228, "\"", 4311, 7);
141 WriteAttributeValue("", 4236, "color:white;", 4236, 12, true);
142 WriteAttributeValue(" ", 4248, "text-align:center;", 4249, 19, true);
143 WriteAttributeValue(" ", 4267, "font-size:", 4268, 11, true);
144 WriteAttributeValue(" ", 4278, "12px;", 4279, 6, true);
145 WriteAttributeValue(" ", 4284, "font-family:", 4285, 13, true);
146 WriteAttributeValue(" ", 4297, primaryFont, 4298, 12, false);
147 WriteAttributeValue("", 4310, ";", 4310, 1, true);
148 EndWriteAttribute();
149 WriteLiteral(" class=\"alternative-font\">\r\n\t\t\t\t\t");
150 Write(string.Format(Translate("Newsletter.ReadOnlineVersion", "Email not displaying correctly? View it in {0}your browser{1}."), string.Format("<a href='{0}/Default.aspx?ID={1}' style='color: #828282;'>", @domain, @Pageview.ID), "</a>"));
151 WriteLiteral(@"
152 </td>
153 </tr>
154 </table>
155
156 <!-- BEGIN *** Header *** -->
157 <table style=""background-color: #000"" border=""0"" cellpadding=""0"" cellspacing=""0"" class=""100padtopbottom"" width=""600"">
158 <!-- BEGIN Header Logo -->
159 <tr>
160 <td class=""header"" align=""center"" valign=""top"">
161 <img");
162 BeginWriteAttribute("src", " src=\"", 4869, "\"", 4926, 3);
163 WriteAttributeValue("", 4875, domain, 4875, 7, false);
164 WriteAttributeValue("", 4882, designRoot, 4882, 11, false);
165 WriteAttributeValue("", 4893, "/assets/img/mailtemplate/logo.png", 4893, 33, true);
166 EndWriteAttribute();
167 WriteLiteral(" class=\"logo\" width=\"600\" style=\"display:block;width:100%;\" />\r\n\t\t\t\t</td>\r\n\t\t\t</tr>\r\n\t\t\t<!-- END Header logo -->\r\n\t\t\t<!-- BEGIN Header Title -->\r\n\t\t\t<tr style=\"border:0;\">\r\n\t\t\t\t<td align=\"center\"");
168 BeginWriteAttribute("style", " style=\"", 5122, "\"", 5227, 11);
169 WriteAttributeValue("", 5130, "height:", 5130, 7, true);
170 WriteAttributeValue(" ", 5137, "60px;", 5138, 6, true);
171 WriteAttributeValue(" ", 5143, "font-size:18px;", 5144, 16, true);
172 WriteAttributeValue(" ", 5159, "color:", 5160, 7, true);
173 WriteAttributeValue(" ", 5166, "white;", 5167, 7, true);
174 WriteAttributeValue(" ", 5173, "padding-left:", 5174, 14, true);
175 WriteAttributeValue(" ", 5187, "20px;", 5188, 6, true);
176 WriteAttributeValue(" ", 5193, "font-family:", 5194, 13, true);
177 WriteAttributeValue(" ", 5206, primaryFont, 5207, 12, false);
178 WriteAttributeValue("", 5219, ";", 5219, 1, true);
179 WriteAttributeValue(" ", 5220, "class=", 5221, 7, true);
180 EndWriteAttribute();
181 WriteLiteral("alternative-font\">");
182 Write(Pageview.Page.MenuText);
183 WriteLiteral(@"</td>
184 </tr>
185 <!-- END Header Title -->
186 </table>
187 <!-- END *** Header *** -->
188
189 <div class=""dwcontent"" id=""content"" title=""Content"" settings=""unwrap:true;""></div>
190
191 <!-- *** BEGIN Footer *** -->
192 <table style=""background-color: #000"" border=""0"" cellpadding=""0"" cellspacing=""0"" class=""100padtopbottom""");
193 BeginWriteAttribute("width", " width=\"", 5588, "\"", 5606, 1);
194 WriteAttributeValue("", 5596, mailWidth, 5596, 10, false);
195 EndWriteAttribute();
196 WriteLiteral(">\r\n\r\n\t\t\t<tr style=\"border:0;\">\r\n\t\t\t\t<td style=\"padding:20px; color:white;\">\r\n\r\n\t\t\t\t\t<!-- BEGIN Social media menu -->\r\n\t\t\t\t\t<center>\r\n");
197 if (!string.IsNullOrWhiteSpace(usp_1) || !string.IsNullOrWhiteSpace(usp_2) || !string.IsNullOrWhiteSpace(usp_3))
198 {
199 WriteLiteral("\t\t\t\t\t\t\t<p");
200 BeginWriteAttribute("style", " style=\"", 5879, "\"", 5948, 7);
201 WriteAttributeValue("", 5887, "font-size:", 5887, 10, true);
202 WriteAttributeValue(" ", 5897, fontSize, 5898, 9, false);
203 WriteAttributeValue("", 5907, ";", 5907, 1, true);
204 WriteAttributeValue(" ", 5908, "font-family:", 5909, 13, true);
205 WriteAttributeValue(" ", 5921, primaryFont, 5922, 12, false);
206 WriteAttributeValue("", 5934, ";", 5934, 1, true);
207 WriteAttributeValue(" ", 5935, "color:white;", 5936, 13, true);
208 EndWriteAttribute();
209 WriteLiteral(" class=\"alternative-font\">\r\n\t\t\t\t\t\t\t\t");
210 Write(RenderFooterUSP(usp_1, path));
211 WriteLiteral("\r\n\t\t\t\t\t\t\t\t");
212 Write(RenderFooterUSP(usp_2, path));
213 WriteLiteral("\r\n\t\t\t\t\t\t\t\t");
214 Write(RenderFooterUSP(usp_3, path));
215 WriteLiteral("\r\n\t\t\t\t\t\t\t</p>\r\n");
216 }
217 WriteLiteral("\r\n");
218 if (!string.IsNullOrWhiteSpace(twitter) || !string.IsNullOrWhiteSpace(facebook) || !string.IsNullOrWhiteSpace(instagram) || !string.IsNullOrWhiteSpace(linkedin) || !string.IsNullOrWhiteSpace(youtube))
219 {
220 WriteLiteral("\t\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t\t<span");
221 BeginWriteAttribute("style", " style=\"", 6363, "\"", 6418, 5);
222 WriteAttributeValue("", 6371, "font-size:", 6371, 10, true);
223 WriteAttributeValue(" ", 6381, fontSize, 6382, 9, false);
224 WriteAttributeValue("", 6391, ";", 6391, 1, true);
225 WriteAttributeValue(" ", 6392, "font-family:", 6393, 13, true);
226 WriteAttributeValue(" ", 6405, primaryFont, 6406, 12, false);
227 EndWriteAttribute();
228 WriteLiteral(" class=\"alternative-font\">");
229 Write(Translate("Footer.FollowUs", "Volg ons op:"));
230 WriteLiteral("</span>\r\n\t\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t\t<br />\r\n");
231 WriteLiteral("\t\t\t\t\t\t\t<div class=\"footer__social-icon-container\">\r\n");
232 if (!string.IsNullOrWhiteSpace(twitter))
233 {
234 WriteLiteral("\t\t\t\t\t\t\t\t\t<img width=\"10\"");
235 BeginWriteAttribute("src", " src=\"", 6669, "\"", 6728, 3);
236 WriteAttributeValue("", 6675, domain, 6675, 7, false);
237 WriteAttributeValue("", 6682, designRoot, 6682, 11, false);
238 WriteAttributeValue("", 6693, "/assets/img/mailtemplate/spacer.gif", 6693, 35, true);
239 EndWriteAttribute();
240 WriteLiteral(" />\r\n\t\t\t\t\t\t\t\t\t<a");
241 BeginWriteAttribute("href", " href=\"", 6745, "\"", 6760, 1);
242 WriteAttributeValue("", 6752, twitter, 6752, 8, false);
243 EndWriteAttribute();
244 WriteLiteral(" target=\"_blank\" title=\"twitter\" class=\"footer__social\"><img");
245 BeginWriteAttribute("src", " src=\"", 6821, "\"", 6886, 3);
246 WriteAttributeValue("", 6827, domain, 6827, 7, false);
247 WriteAttributeValue("", 6834, designRoot, 6834, 11, false);
248 WriteAttributeValue("", 6845, "/assets/img/mailtemplate/icon-twitter.png", 6845, 41, true);
249 EndWriteAttribute();
250 WriteLiteral(" /></a>\r\n");
251 }
252 WriteLiteral("\r\n");
253 if (!string.IsNullOrWhiteSpace(facebook))
254 {
255 WriteLiteral("\t\t\t\t\t\t\t\t\t<img width=\"10\"");
256 BeginWriteAttribute("src", " src=\"", 6996, "\"", 7055, 3);
257 WriteAttributeValue("", 7002, domain, 7002, 7, false);
258 WriteAttributeValue("", 7009, designRoot, 7009, 11, false);
259 WriteAttributeValue("", 7020, "/assets/img/mailtemplate/spacer.gif", 7020, 35, true);
260 EndWriteAttribute();
261 WriteLiteral(" />\r\n\t\t\t\t\t\t\t\t\t<a");
262 BeginWriteAttribute("href", " href=\"", 7072, "\"", 7088, 1);
263 WriteAttributeValue("", 7079, facebook, 7079, 9, false);
264 EndWriteAttribute();
265 WriteLiteral(" target=\"_blank\" title=\"facebook\" class=\"footer__social\"><img");
266 BeginWriteAttribute("src", " src=\"", 7150, "\"", 7216, 3);
267 WriteAttributeValue("", 7156, domain, 7156, 7, false);
268 WriteAttributeValue("", 7163, designRoot, 7163, 11, false);
269 WriteAttributeValue("", 7174, "/assets/img/mailtemplate/icon-facebook.png", 7174, 42, true);
270 EndWriteAttribute();
271 WriteLiteral(" /></a>\r\n");
272 }
273 WriteLiteral("\r\n");
274 if (!string.IsNullOrWhiteSpace(instagram))
275 {
276 WriteLiteral("\t\t\t\t\t\t\t\t\t<img width=\"10\"");
277 BeginWriteAttribute("src", " src=\"", 7327, "\"", 7386, 3);
278 WriteAttributeValue("", 7333, domain, 7333, 7, false);
279 WriteAttributeValue("", 7340, designRoot, 7340, 11, false);
280 WriteAttributeValue("", 7351, "/assets/img/mailtemplate/spacer.gif", 7351, 35, true);
281 EndWriteAttribute();
282 WriteLiteral(" />\r\n\t\t\t\t\t\t\t\t\t<a");
283 BeginWriteAttribute("href", " href=\"", 7403, "\"", 7420, 1);
284 WriteAttributeValue("", 7410, instagram, 7410, 10, false);
285 EndWriteAttribute();
286 WriteLiteral(" target=\"_blank\" title=\"Instagram\" class=\"footer__social\"><img");
287 BeginWriteAttribute("src", " src=\"", 7483, "\"", 7550, 3);
288 WriteAttributeValue("", 7489, domain, 7489, 7, false);
289 WriteAttributeValue("", 7496, designRoot, 7496, 11, false);
290 WriteAttributeValue("", 7507, "/assets/img/mailtemplate/icon-instagram.png", 7507, 43, true);
291 EndWriteAttribute();
292 WriteLiteral(" /></a>\r\n");
293 }
294 WriteLiteral("\r\n");
295 if (!string.IsNullOrWhiteSpace(linkedin))
296 {
297 WriteLiteral("\t\t\t\t\t\t\t\t\t<img width=\"10\"");
298 BeginWriteAttribute("src", " src=\"", 7660, "\"", 7719, 3);
299 WriteAttributeValue("", 7666, domain, 7666, 7, false);
300 WriteAttributeValue("", 7673, designRoot, 7673, 11, false);
301 WriteAttributeValue("", 7684, "/assets/img/mailtemplate/spacer.gif", 7684, 35, true);
302 EndWriteAttribute();
303 WriteLiteral(" />\r\n\t\t\t\t\t\t\t\t\t<a");
304 BeginWriteAttribute("href", " href=\"", 7736, "\"", 7752, 1);
305 WriteAttributeValue("", 7743, linkedin, 7743, 9, false);
306 EndWriteAttribute();
307 WriteLiteral(" target=\"_blank\" title=\"LinkedIn\" class=\"footer__social\"><img");
308 BeginWriteAttribute("src", " src=\"", 7814, "\"", 7880, 3);
309 WriteAttributeValue("", 7820, domain, 7820, 7, false);
310 WriteAttributeValue("", 7827, designRoot, 7827, 11, false);
311 WriteAttributeValue("", 7838, "/assets/img/mailtemplate/icon-linkedin.png", 7838, 42, true);
312 EndWriteAttribute();
313 WriteLiteral(" /></a>\r\n");
314 }
315 WriteLiteral("\r\n");
316 if (!string.IsNullOrWhiteSpace(youtube))
317 {
318 WriteLiteral("\t\t\t\t\t\t\t\t\t<img width=\"10\"");
319 BeginWriteAttribute("src", " src=\"", 7989, "\"", 8048, 3);
320 WriteAttributeValue("", 7995, domain, 7995, 7, false);
321 WriteAttributeValue("", 8002, designRoot, 8002, 11, false);
322 WriteAttributeValue("", 8013, "/assets/img/mailtemplate/spacer.gif", 8013, 35, true);
323 EndWriteAttribute();
324 WriteLiteral(" />\r\n\t\t\t\t\t\t\t\t\t<a");
325 BeginWriteAttribute("href", " href=\"", 8065, "\"", 8080, 1);
326 WriteAttributeValue("", 8072, youtube, 8072, 8, false);
327 EndWriteAttribute();
328 WriteLiteral(" target=\"_blank\" title=\"YouTube\" class=\"footer__social\"><img");
329 BeginWriteAttribute("src", " src=\"", 8141, "\"", 8206, 3);
330 WriteAttributeValue("", 8147, domain, 8147, 7, false);
331 WriteAttributeValue("", 8154, designRoot, 8154, 11, false);
332 WriteAttributeValue("", 8165, "/assets/img/mailtemplate/icon-youtube.png", 8165, 41, true);
333 EndWriteAttribute();
334 WriteLiteral(" /></a>\r\n");
335 }
336 WriteLiteral("\t\t\t\t\t\t\t</div>\r\n");
337 }
338 WriteLiteral("\r\n\t\t\t\t\t</center>\r\n\t\t\t\t\t<!-- END Social media menu -->\r\n\t\t\t\t</td>\r\n\t\t\t</tr>\r\n\t\t</table>\r\n\t\t<!-- *** END Footer *** -->\r\n\t\t<!-- *** BEGIN opt out *** -->\r\n\t\t<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"100padtopbottom\"");
339 BeginWriteAttribute("width", " width=\"", 8479, "\"", 8497, 1);
340 WriteAttributeValue("", 8487, mailWidth, 8487, 10, false);
341 EndWriteAttribute();
342 WriteLiteral(">\r\n\t\t\t<tr>\r\n\t\t\t\t<td height=\"40\"");
343 BeginWriteAttribute("style", " style=\"", 8529, "\"", 8598, 5);
344 WriteAttributeValue("", 8537, "text-align:center;", 8537, 18, true);
345 WriteAttributeValue(" ", 8555, "font-size:", 8556, 11, true);
346 WriteAttributeValue(" ", 8566, "12px;", 8567, 6, true);
347 WriteAttributeValue(" ", 8572, "font-family:", 8573, 13, true);
348 WriteAttributeValue(" ", 8585, primaryFont, 8586, 12, false);
349 EndWriteAttribute();
350 WriteLiteral(">\r\n");
351
352 int lengthLinks = GetLoop("Item.LinksListID").Count;
353 foreach (var link in GetLoop("Item.LinksListID"))
354 {
355 var target = link.GetString("Item.LinksListID.NewWindow") == "True" ? "target='_blank'" : "";
356 var url = @link.GetString("Item.LinksListID.Link");
357 WriteLiteral("<a");
358 BeginWriteAttribute("href", " href=\"", 8912, "\"", 8923, 1);
359 WriteAttributeValue("", 8919, url, 8919, 4, false);
360 EndWriteAttribute();
361 BeginWriteAttribute("style", " style=\"", 8924, "\"", 8995, 5);
362 WriteAttributeValue("", 8932, "color:", 8932, 6, true);
363 WriteAttributeValue(" ", 8938, "#828282;", 8939, 9, true);
364 WriteAttributeValue(" ", 8947, "text-decoration:none;font-family:", 8948, 34, true);
365 WriteAttributeValue(" ", 8981, primaryFont, 8982, 12, false);
366 WriteAttributeValue("", 8994, ";", 8994, 1, true);
367 EndWriteAttribute();
368 WriteLiteral(" class=\"alternative-font\" ");
369 Write(target);
370 WriteLiteral("=target>\r\n\t\t\t\t\t\t\t");
371 Write(link.GetString("Item.LinksListID.Name"));
372 WriteLiteral("\r\n\t\t\t\t\t\t</a>\r\n");
373 int linkIndex = Convert.ToInt32(link.GetString("Item.LinksListID.LoopCounter"));
374 WriteLiteral("\t\t\t\t\t\t<span");
375 BeginWriteAttribute("style", " style=\"", 9199, "\"", 9284, 7);
376 WriteAttributeValue("", 9207, "font-family:", 9207, 12, true);
377 WriteAttributeValue(" ", 9219, primaryFont, 9220, 12, false);
378 WriteAttributeValue("", 9232, ";", 9232, 1, true);
379 WriteAttributeValue(" ", 9233, "margin-left:", 9234, 13, true);
380 WriteAttributeValue(" ", 9246, "5px;", 9247, 5, true);
381 WriteAttributeValue(" ", 9251, "margin-right:", 9252, 14, true);
382 WriteAttributeValue(" ", 9265, "5px;color:#828282;", 9266, 19, true);
383 EndWriteAttribute();
384 WriteLiteral(" class=\"alternative-font\">|</span>\r\n");
385 }
386 if (!string.IsNullOrWhiteSpace(GetString("Item.HideUnsubscribe.Value")) && GetString("Item.HideUnsubscribe.Value") == "False")
387 {
388 WriteLiteral("\t\t\t\t\t\t<a href=\"{{EmailMarketing:Email.UnsubscribeLink.Clean}}\"");
389 BeginWriteAttribute("style", " style=\"", 9533, "\"", 9604, 5);
390 WriteAttributeValue("", 9541, "color:", 9541, 6, true);
391 WriteAttributeValue(" ", 9547, "#828282;", 9548, 9, true);
392 WriteAttributeValue(" ", 9556, "text-decoration:none;font-family:", 9557, 34, true);
393 WriteAttributeValue(" ", 9590, primaryFont, 9591, 12, false);
394 WriteAttributeValue("", 9603, ";", 9603, 1, true);
395 EndWriteAttribute();
396 WriteLiteral(" class=\"alternative-font\" target=\"_blank\">");
397 Write(Translate("Newsletter.Unsubscribe", "Unsubscribe"));
398 WriteLiteral("</a>\r\n");
399 }
400 WriteLiteral("\t\t\t\t</td>\r\n\t\t\t</tr>\r\n\t\t</table>\r\n\t\t<!-- *** END opt out *** -->\r\n\t\t</table>\r\n\t</CENTER>\r\n</body>\r\n</html>\r\n\r\n");
401 Write(helper);
402 WriteLiteral(" RenderFooterUSP(string USP_content, string path)\r\n{\r\n\tif (!string.IsNullOrWhiteSpace(USP_content))\r\n\t{\r\n\t\t<img");
403 BeginWriteAttribute("src", " src=\"", 9939, "\"", 9984, 2);
404 WriteAttributeValue("", 9945, path, 9945, 5, false);
405 WriteAttributeValue("", 9950, "/assets/img/mailtemplate/check.png", 9950, 34, true);
406 EndWriteAttribute();
407 WriteLiteral(" />\r\n\t\t");
408 Write(USP_content);
409 WriteLiteral("\r\n\t\t<br />\r\n\t\t<img width=\"10\"");
410 BeginWriteAttribute("src", " src=\"", 10033, "\"", 10079, 2);
411 WriteAttributeValue("", 10039, path, 10039, 5, false);
412 WriteAttributeValue("", 10044, "/assets/img/mailtemplate/spacer.gif", 10044, 35, true);
413 EndWriteAttribute();
414 WriteLiteral(" />\r\n\t}\r\n}\r\n");
415 }
416 #pragma warning restore 1998
417 }
418 }
419 #pragma warning restore 1591
420
1 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
2 @using Dynamicweb;
3 @using System.Linq;
4
5 @{
6 var colorBg = GetString("Item.ColorBackground");
7 var textColor = GetString("Item.ColorText");
8 var headerColor = GetString("Item.ColorHeader");
9 var buttonColor = GetString("Item.ColorButton");
10 var buttonTextColor = GetString("Item.ColorButtonText");
11 var domain = Dynamicweb.Environment.Helpers.LinkHelper.GetHttpDomain();
12 var designRoot = "/Files/Templates/Designs/" + Pageview.Area.Layout.Design.Name;
13
14 //var colorPrimary = "#454545";
15 //var colorPrimaryLight = "lightgrey";
16 //var colorSecondary = "#699cc2";
17 //// var colorSecondaryLight = "#699cc2";
18 //var colorContrast = "#fd5900";
19 //// var colorContrastLight = "#fd5900";
20
21 var fontSize = "14px";
22 var primaryFont = "'Lucida Sans', 'Arial', 'Helvetica Neue', Helvetica, sans-serif";
23 var mailWidth = "600";
24
25 var path = domain + designRoot;
26
27 string footerLogo = GetString("Item.Area.FooterLogo");
28 string footerDescription = GetString("Item.Area.FooterDescription");
29
30 var facebook = Pageview.Area.Item["Facebook"].ToString();
31 var twitter = Pageview.Area.Item["Twitter"].ToString();
32 var linkedin = Pageview.Area.Item["LinkedIn"].ToString();
33 var instagram = Pageview.Area.Item["Instagram"].ToString();
34 var youtube = Pageview.Area.Item["Youtube"].ToString();
35
36 // var usp_1_icon = Pageview.Area.Item["USP_1_icon"].ToString();
37 var usp_1 = Pageview.Area.Item["USP_1"].ToString();
38
39 // var usp_2_icon = Pageview.Area.Item["USP_2_icon"].ToString();
40 var usp_2 = Pageview.Area.Item["USP_2"].ToString();
41
42 // var usp_3_icon = Pageview.Area.Item["USP_3_icon"].ToString();
43 var usp_3 = Pageview.Area.Item["USP_3"].ToString();
44
45 }
46
47 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
48 <html xmlns="http://www.w3.org/1999/xhtml">
49 <head>
50 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
51 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
52 <style>
53
54 @@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
55
56 .alternative-font {
57 font-family: 'Lucida Sans', 'Source Sans Pro', 'Arial', 'Helvetica Neue', Helvetica, sans-serif !important;
58 }
59 p {
60 font-family: 'Lucida Sans', 'Source Sans Pro', 'Arial', 'Helvetica Neue', Helvetica, sans-serif !important;
61 color: @textColor;
62 }
63 .logo-outlook {
64 display:none;
65 }
66 .footer {
67 display:none;
68 }
69 li {
70 font-family: @primaryFont !important;
71 color: @textColor;
72 font-size: 14px;
73 line-height: 24px;
74 }
75 h2 {
76 color: @headerColor !important;
77 }
78 </style>
79 <!--[if gte mso 9]>
80 <style type="text/css">
81 .alternative-font{
82 font-family: 'Lucida Sans', 'Arial', 'Helvetica Neue', Helvetica, sans-serif !important;
83 }
84 p {
85 font-family:'Lucida Sans', 'Arial', 'Helvetica Neue', Helvetica, sans-serif !important;
86 }
87 .logo-container {
88 display: none;
89 width: 0px;
90 max-height: 0px;
91 overflow: hidden;
92 mso-hide: all;
93 height: 0;
94 font-size: 0;
95 max-height: 0;
96 line-height: 0;
97 margin: 0 auto;
98 }
99 </style>
100 <![endif]-->
101 </head>
102
103 <body style="padding:0; margin:0; background-color:@colorBg;">
104 <style>
105 /* These are our tablet/medium screen media queries */
106 @@media screen and (max-width: 630px) {
107 /* Some more stacking elements */
108 *[class="mob-column"] { /* float: none !important; */
109 width: 100% !important;
110 }
111 /* For the 2x2 stack */
112 *[class="condensed"] {
113 padding-bottom: 40px !important;
114 display: block;
115 }
116 /* 100percent width section with 20px padding top & bottom */
117 *[class="100padtopbottom"] {
118 width: 100% !important;
119 padding: 0px 0px 0px 0px;
120 }
121
122 *[class="logo"] {
123 width: 100%;
124 }
125 }
126 /*Media desktop*/
127 @@media (min-width: 630px) {
128 #emailFooter {
129 width: 600px;
130 }
131 }
132 </style>
133
134 <CENTER>
135 <table style="background-color: #000" border="0" cellpadding="0" cellspacing="0" class="100padtopbottom" width="600">
136 <tr>
137 <td height="40" style="color:white; text-align:center; font-size: 12px; font-family: @primaryFont;" class="alternative-font">
138 @string.Format(Translate("Newsletter.ReadOnlineVersion", "Email not displaying correctly? View it in {0}your browser{1}."), string.Format("<a href='{0}/Default.aspx?ID={1}' style='color: #828282;'>", @domain, @Pageview.ID), "</a>")
139 </td>
140 </tr>
141 </table>
142
143 <!-- BEGIN *** Header *** -->
144 <table style="background-color: #000" border="0" cellpadding="0" cellspacing="0" class="100padtopbottom" width="600">
145 <!-- BEGIN Header Logo -->
146 <tr>
147 <td class="header" align="center" valign="top">
148 <img src="@domain@designRoot/assets/img/mailtemplate/logo.png" class="logo" width="600" style="display:block;width:100%;" />
149 </td>
150 </tr>
151 <!-- END Header logo -->
152 <!-- BEGIN Header Title -->
153 <tr style="border:0;">
154 <td align="center" style="height: 60px; font-size:18px; color: white; padding-left: 20px; font-family: @primaryFont; class="alternative-font">@Pageview.Page.MenuText</td>
155 </tr>
156 <!-- END Header Title -->
157 </table>
158 <!-- END *** Header *** -->
159
160 <div class="dwcontent" id="content" title="Content" settings="unwrap:true;"></div>
161
162 <!-- *** BEGIN Footer *** -->
163 <table style="background-color: #000" border="0" cellpadding="0" cellspacing="0" class="100padtopbottom" width="@mailWidth">
164
165 <tr style="border:0;">
166 <td style="padding:20px; color:white;">
167
168 <!-- BEGIN Social media menu -->
169 <center>
170 @if (!string.IsNullOrWhiteSpace(usp_1) || !string.IsNullOrWhiteSpace(usp_2) || !string.IsNullOrWhiteSpace(usp_3))
171 {
172 <p style="font-size: @fontSize; font-family: @primaryFont; color:white;" class="alternative-font">
173 @RenderFooterUSP(usp_1, path)
174 @RenderFooterUSP(usp_2, path)
175 @RenderFooterUSP(usp_3, path)
176 </p>
177 }
178
179 @if (!string.IsNullOrWhiteSpace(twitter) || !string.IsNullOrWhiteSpace(facebook) || !string.IsNullOrWhiteSpace(instagram) || !string.IsNullOrWhiteSpace(linkedin) || !string.IsNullOrWhiteSpace(youtube))
180 {
181 <br />
182 <span style="font-size: @fontSize; font-family: @primaryFont" class="alternative-font">@Translate("Footer.FollowUs", "Volg ons op:")</span>
183 <br />
184 <br />
185
186 <div class="footer__social-icon-container">
187 @if (!string.IsNullOrWhiteSpace(twitter))
188 {
189 <img width="10" src="@domain@designRoot/assets/img/mailtemplate/spacer.gif" />
190 <a href="@twitter" target="_blank" title="twitter" class="footer__social"><img src="@domain@designRoot/assets/img/mailtemplate/icon-twitter.png" /></a>
191 }
192
193 @if (!string.IsNullOrWhiteSpace(facebook))
194 {
195 <img width="10" src="@domain@designRoot/assets/img/mailtemplate/spacer.gif" />
196 <a href="@facebook" target="_blank" title="facebook" class="footer__social"><img src="@domain@designRoot/assets/img/mailtemplate/icon-facebook.png" /></a>
197 }
198
199 @if (!string.IsNullOrWhiteSpace(instagram))
200 {
201 <img width="10" src="@domain@designRoot/assets/img/mailtemplate/spacer.gif" />
202 <a href="@instagram" target="_blank" title="Instagram" class="footer__social"><img src="@domain@designRoot/assets/img/mailtemplate/icon-instagram.png" /></a>
203 }
204
205 @if (!string.IsNullOrWhiteSpace(linkedin))
206 {
207 <img width="10" src="@domain@designRoot/assets/img/mailtemplate/spacer.gif" />
208 <a href="@linkedin" target="_blank" title="LinkedIn" class="footer__social"><img src="@domain@designRoot/assets/img/mailtemplate/icon-linkedin.png" /></a>
209 }
210
211 @if (!string.IsNullOrWhiteSpace(youtube))
212 {
213 <img width="10" src="@domain@designRoot/assets/img/mailtemplate/spacer.gif" />
214 <a href="@youtube" target="_blank" title="YouTube" class="footer__social"><img src="@domain@designRoot/assets/img/mailtemplate/icon-youtube.png" /></a>
215 }
216 </div>
217 }
218
219 </center>
220 <!-- END Social media menu -->
221 </td>
222 </tr>
223 </table>
224 <!-- *** END Footer *** -->
225 <!-- *** BEGIN opt out *** -->
226 <table border="0" cellpadding="0" cellspacing="0" class="100padtopbottom" width="@mailWidth">
227 <tr>
228 <td height="40" style="text-align:center; font-size: 12px; font-family: @primaryFont">
229 @{
230 int lengthLinks = GetLoop("Item.LinksListID").Count;
231 }
232 @foreach (var link in GetLoop("Item.LinksListID"))
233 {
234 var target = link.GetString("Item.LinksListID.NewWindow") == "True" ? "target='_blank'" : "";
235 var url = @link.GetString("Item.LinksListID.Link");
236 <a href="@url" style="color: #828282; text-decoration:none;font-family: @primaryFont;" class="alternative-font" @target=target>
237 @link.GetString("Item.LinksListID.Name")
238 </a>
239 int linkIndex = Convert.ToInt32(link.GetString("Item.LinksListID.LoopCounter"));
240 <span style="font-family: @primaryFont; margin-left: 5px; margin-right: 5px;color:#828282;" class="alternative-font">|</span>
241 }
242 @if (!string.IsNullOrWhiteSpace(GetString("Item.HideUnsubscribe.Value")) && GetString("Item.HideUnsubscribe.Value") == "False")
243 {
244 <a href="{{EmailMarketing:Email.UnsubscribeLink.Clean}}" style="color: #828282; text-decoration:none;font-family: @primaryFont;" class="alternative-font" target="_blank">@Translate("Newsletter.Unsubscribe", "Unsubscribe")</a>
245 }
246 </td>
247 </tr>
248 </table>
249 <!-- *** END opt out *** -->
250 </table>
251 </CENTER>
252 </body>
253 </html>
254
255 @helper RenderFooterUSP(string USP_content, string path)
256 {
257 if (!string.IsNullOrWhiteSpace(USP_content))
258 {
259 <img src="@path/assets/img/mailtemplate/check.png" />
260 @USP_content
261 <br />
262 <img width="10" src="@path/assets/img/mailtemplate/spacer.gif" />
263 }
264 }
265