diff --git a/tenants/multi/templates/design-development-weekly-tim-podcast.marko b/tenants/multi/templates/design-development-weekly-tim-podcast.marko new file mode 100644 index 0000000..f904fef --- /dev/null +++ b/tenants/multi/templates/design-development-weekly-tim-podcast.marko @@ -0,0 +1,128 @@ +import contentList from "@industrial-media/common/graphql/fragments/content-list"; + +$ const { website, config } = out.global; +$ const { newsletter, date, dateInfo } = data; +$ const primaryColor = "#00b3e3"; +$ const socialMediaProviders = config.getAsArray('ddt.socialMediaLinks'); + + + <@head> + + + <@body style="margin: 0px !important;"> + + + + + +   + + + + + + + + <@link href=website.get("origin") target="_blank" /> + + + + + + + + + + + ${date.format("MMMM DD, YYYY")} + + + + + + + + + + <@link href=socialLinks.href title=socialLinks.title target="_blank" /> + +     + + + + + + + +
+ + +   + + + + + + + + + + + + + + + + + + + + + + diff --git a/tenants/multi/templates/fm-weekly-tim-podcast.marko b/tenants/multi/templates/fm-weekly-tim-podcast.marko new file mode 100644 index 0000000..6fc63ec --- /dev/null +++ b/tenants/multi/templates/fm-weekly-tim-podcast.marko @@ -0,0 +1,418 @@ +import contentList from "@industrial-media/common/graphql/fragments/content-list"; +import waterMarkDisplay from "@industrial-media/common/utils/watermark-display"; + +$ const { website } = out.global; +$ const { newsletter, date, dateInfo } = data; +$ const primaryColor = "#dc0607"; +$ const blackBarText = "text-decoration: none !important; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-weight: normal;"; +$ const titleStyle = "text-decoration: none !important; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #000000; text-align: left; font-weight: bold;"; +$ const contentLinkStyle = { + "text-decoration": "none", + "text-align": "left", + "text-decoration": "none !important", + "font-size": "16px", + "font-family": "Arial, Helvetica, sans-serif", + "color": primaryColor, + "font-weight": "bold" +}; +$ const teaserStyle = { + "text-decoration": "none !important", + "font-size": "13px", + "font-family": "Arial, Helvetica, sans-serif", + "color": "#666666", + "font-weight": "normal", + "text-align": "left", + "margin-top": "5px !important", + "line-height": "1.2em", +}; +$ const textAdCopyStyle = { + "font-family": "Arial, Helvetica, sans-serif", + "font-size": "12px", + "color": "#000000", + "text-align": "left", + "line-height": "18px", + "margin-top": "5px !important", +}; +$ const textAdButtonStyle = "background:#3B579D; padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:10px;"; +$ const textAdButtonLinkStyle = { + "text-decoration": "none !important", + "font" : "bold 16px/18px Arial, Helvetica, sans-serif", + "background": "#3B579D", + "color": "#ffffff", + "margin-top": "10px", +}; + + + <@head> + + + <@body style="margin: 0px !important;"> + + + + + +   + + + + + + + + + + + +
+   ${date.format("MMMM D, YYYY")} +
+ + + + + + + + + + + + +   + + + + + + + + + + + + Featured Story + + + +   + + + + + $ const imgWaterMarkOptions = waterMarkDisplay({ node, newsletter, markWidth: 90, markHeight: 90 }); + $ const imgOptions = { + w: 630, + ...imgWaterMarkOptions + }; + + <@link href=node.siteContext.url target="_blank" /> + + + + + <@link href=node.siteContext.url target="_blank" attrs={ style: contentLinkStyle } /> + + + + + + + +   + + +
+ + + + + + +   + + + + + + + + + + + + + + + + + $ const imgWaterMarkOptions = waterMarkDisplay({ node, newsletter, markWidth: 90, markHeight: 90 }); + $ const imgOptions = { + w: 330, + ...imgWaterMarkOptions + }; + + <@link href=node.siteContext.url target="_blank" /> + + + + + <@link href=node.siteContext.url target="_blank" attrs={ style: contentLinkStyle } /> + + + + + +   + + + + + + + + + + + + + + + + + + + + <@link href=node.siteContext.url target="_blank" attrs={ style: contentLinkStyle } /> + + + + + + $ const imgWaterMarkOptions = waterMarkDisplay({ node, newsletter, markWidth: 45, markHeight: 45 }); + $ const imgOptions = { + w: 330, + ...imgWaterMarkOptions + }; + + <@link href=node.siteContext.url target="_blank" /> + + + + + + + + + + + + + <@link href=node.siteContext.url target="_blank" attrs={ style: textAdButtonLinkStyle } /> + + + + + + + + + +   + + + + + + + + + + + + +
+ + + + + + +   + + + + + + + + + + + + + + + + + $ const imgWaterMarkOptions = waterMarkDisplay({ node, newsletter, markWidth: 45, markHeight: 45 }); + $ const imgOptions = { + w: 330, + ...imgWaterMarkOptions + }; + + <@link href=node.siteContext.url target="_blank" /> + + + + + + + <@link href=node.siteContext.url target="_blank" attrs={ style: contentLinkStyle } /> + + + + + +   + + + + + + + + + + + <@link href=node.siteContext.url target="_blank" attrs={ style: contentLinkStyle } /> + + + + + + + <@link href=node.siteContext.url target="_blank" /> + + + + + + + + + + + + <@link href=node.siteContext.url target="_blank" attrs={ style: textAdButtonLinkStyle } /> + + + + + + + + + + +   + + + + + + + + + + + + + + + diff --git a/tenants/multi/templates/ien-weekly-tim-podcast.marko b/tenants/multi/templates/ien-weekly-tim-podcast.marko new file mode 100644 index 0000000..dbaf203 --- /dev/null +++ b/tenants/multi/templates/ien-weekly-tim-podcast.marko @@ -0,0 +1,151 @@ +import contentList from "@industrial-media/common/graphql/fragments/content-list"; + +$ const { website, config } = out.global; +$ const { newsletter, date, dateInfo } = data; +$ const socialMediaProviders = config.getAsArray('ien.socialMediaLinks'); +$ const primaryColor = "#ee0228"; + + + <@head> + + + <@body style="margin: 0px !important;"> + + + + + +   + + + + + + + + <@link href=website.get("origin") target="_blank" /> + + + + + + + + + + + ${date.format("MMMM DD, YYYY")} + + + + + + + + + + <@link href=socialLinks.href title=socialLinks.title target="_blank" /> + +     + + + + + + + +
+ + +   + + + + + + + + + + + + + + + + + + + + + + + + + +   + + + + + + + + + +