Skip to content

Instantly share code, notes, and snippets.

@stevensouthard

stevensouthard/download_whitepaper_template.html Secret

Created June 23, 2021 21:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save stevensouthard/6196bca747d980d7212ab29ff37dc050 to your computer and use it in GitHub Desktop.
Save stevensouthard/6196bca747d980d7212ab29ff37dc050 to your computer and use it in GitHub Desktop.
Download ZIP
download white paper template
Raw
download_whitepaper_template.html
<html>
<head>
#set($newsletter = $cms.content)
#if(!$newsletter)
#foreach ($nl in $cms.links("Utility Products Enl", 1, 1))
#set($newsletter = $cms.content($nl.id,true))
#end
#end
$cms.template("Utility Products Enl Setup")
$cms.template("Global Setup")
#if($newsletter.brandname)
#set($brandname = $newsletter.brandname)##
#elseif($newsletter.ed_guide_brand)
#set($brandname = $newsletter.ed_guide_brand)##
#end
#set($issuename = $newsletter.ed_guide_title)##
#set($brand = $brandname)##
$cms.template("Brand Info")
$cms.template("trackid")##
#if($btnbordercolor == "" && $util.isNull($btnbordercolor))
#set ($btnbordercolor="#CB2B33")
#set ($btncolor="background-color:#CB2B33")
#end
#set ($linktemp = $newsletter.ed_guide_link)##
$cms.template("Eval Link")##
#set ($ed_guide_link = $linktemp)##
<title>
White Paper: $newsletter.ed_guide_title
</title>
<style>
a:link, a:visited {
$color;
text-decoration: none;
}
a:hover, a:active {
$color;
text-decoration: underline;
}
td.contentblock p a {
color:#3ca7dd;
text-decoration:none;
}
.container {
width: 600px;
}
.header {
width: 570px;
}
.contenttable {
width: 600px;
}
.adtexttable {
$textwidth;
}
table[class="righttable"] {
width: 370px;
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}
@media screen and (max-width:400px) {
@-ms-viewport{
table[class="wrapper"] {
width:100% !important;
}
table[class="contenttable"] {
width:370px !important;
margin:0 auto !important;
}
table[class="lefttablead"] {
width:auto !important;
float:none !important;
text-align:center !important;
margin:0 auto !important;
}
table[class="righttablead"] {
width:auto !important;
float:none !important;
text-align:center !important;
margin:0 auto !important;
}
table[class="introtable"] {
width:100% !important;
margin:0 auto !important;
}
table[class="lefttable"] {
width:auto !important;
float:none !important;
text-align:center !important;
margin:0 auto !important;
}
p[class="imagecontainer"] {
width:100% !important;
margin:0 auto !important;
}
p[class="intro"] {
width:100% !important;
}
table[class="lefttableheader"] {
width:100px !important;
}
table[class="righttableheader"] {
width:192px !important;
margin:3px 0 !important;
}
table p[class="righttableheader"] {
width:185px !important;
font-size: 22px !important;
margin:0 !important;
}
table[class="righttable"] {
width:100% !important;
margin:0 auto !important;
text-align:left !important;
}
table p[class="righttable"] {
margin:6px auto !important;
text-align:center !important;
}
table[class="adtable"] {
margin:0 auto !important;
text-align:left !important;
width:96% !important;
}
table[class="adtexttable"] {
margin:0 auto !important;
text-align:left !important;
width:96% !important;
}
table[class="responsive-table"] {
align:center !important;
margin:3px auto !important;
text-align:center !important;
}
table h3[class="responsive-table"] {
align:center !important;
margin:3px auto !important;
text-align:center !important;
}
table[class="share"] {
width:100% !important;
margin:0 auto !important;
}
table p[class="share"] {
width:100% !important;
}
table h1[class="share"] {
width:100% !important;
}
table p[class="header"] {
width:100% !important;
margin:0 auto !important;
}
}
}
@media only screen and (max-width: 480px) {
table[class="responsive-table"] {
align:center !important;
margin:3px auto !important;
text-align:center !important;
}
table h3[class="responsive-table"] {
align:center !important;
margin:3px auto !important;
text-align:center !important;
}
table[class="wrapper"] {
width:100% !important;
}
table[class="contenttable"] {
width:370px !important;
margin:0 auto !important;
}
table[class="lefttablead"] {
width:auto !important;
float:none !important;
text-align:center !important;
margin:0 auto !important;
}
table[class="righttablead"] {
width:auto !important;
float:none !important;
text-align:center !important;
margin:0 auto !important;
}
table[class="introtable"] {
width:100% !important;
margin:0 auto !important;
}
table[class="lefttable"] {
width:auto !important;
float:none !important;
text-align:center !important;
margin:0 auto !important;
}
table[class="lefttableheader"] {
width:100px !important;
}
table[class="righttableheader"] {
width:185px !important;
margin:3px 0 !important;
}
table p[class="righttableheader"] {
width:192px !important;
font-size: 22px !important;
margin:0 !important;
}
p[class="imagecontainer"] {
width:100% !important;
margin:0 auto !important;
}
p[class="intro"] {
width:100% !important;
margin:0 auto !important;
}
table[class="righttable"] {
width:100% !important;
margin:0 auto !important;
text-align:left !important
}
table[class="adtable"] {
margin:0 auto !important;
text-align:left !important;
width:96% !important;
}
table[class="adtexttable"] {
margin:0 auto !important;
text-align:left !important;
width:96% !important;
}
table p[class="righttable"] {
margin:6px auto !important;
text-align:center !important;
}
table[class="share"] {
width:100% !important;
margin:0 auto !important;
}
table p[class="share"] {
width:100% !important;
}
table h1[class="share"] {
width:100% !important;
}
table p[class="header"] {
width:100% !important;
margin:0 auto !important;
}
}
</style>
</head>
<body bgcolor="#F9F9F9" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<table summary="" class="wrapper" align="center" border="0" cellpadding="0" cellspacing="0" style=
"mso-table-lspace:0pt;mso-table-rspace:0pt;width: 100%;margin-bottom:0px;margin-top:0px;">
<tr valign="top">
<td>
<p style="text-align:center; color:#333333; margin:10px; font-size:14px; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;">#if ($newsletter.snippettitleoverride != "" && !$util.isNull($newsletter.snippettitleoverride))<span style="color:#333333">$newsletter.snippettitleoverride</span> | #end <a href="$newsletter.url" style=" color:#333333; $snippetfontface">#if($newsletter.spanish == true)Ver online #else View Online #end</a></p>
</td></tr></table>
<table summary="" class="wrapper" align="center" border="0" cellpadding="0" cellspacing="0" style=
"mso-table-lspace:0pt;mso-table-rspace:0pt;width: 100%;margin:0 auto;">
<tr valign="top">
<td>
<table class="contenttable" align="center" border="0" cellpadding="0" cellspacing="0" style="text-transform: none; font: 14px Arial, Helvetica, sans-serif; color: #333333; background-color:#ffffff; width:620px;border:1px solid #aaaaaa">
<tr>
<td valign="top">
<table class="contenttable" cellpadding="0" cellspacing="0" height="8" style="margin:0px 15px 0px 15px; height:3px; padding-top:0px">
<tr valign="top">
<td style="color: #888; font-size: 3px; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;">&nbsp;
</td>
</tr>
</table>
</td></tr>
<tr valign="top">
<td>
<table summary="" align="left" border="0" cellpadding="0" cellspacing="0"
class="lefttable" style="margin-left:10px;margin-top:10px; width:600"><tr><td>
<p style="text-align:center; margin:5px"><a href="$ed_guide_link"><img alt="" src="#if($string.trim($newsletter.header.url))$string.trim($newsletter.header.url)#else$header#end" border="0" style="max-width:100%;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;display:block; margin:10px auto"/></a></p></td>
</tr>
</table>
</td>
</tr>
#if(!$string.trim($newsletter.header.url))
<tr>
<td style="line-height:0px; font-family: Helvetica, Arial, sans-serif; color: #333333; font-size: 1px; -webkit-text-size-adjust: none; padding:0px" valign="top">
<table class="contenttable" cellpadding="0" cellspacing="0" height="8" style="margin:0px 15px 0px 15px; height:3px; padding-top:0px">
<tr valign="top">
<td style="color: #888; font-size: 3px; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;">&nbsp;
</td>
</tr>
</table>
<table class="contenttable" cellpadding="0" cellspacing="0" height="8" style="margin:0px 15px 0px 15px; border-top:#aaaaaa 1px solid; padding-top:0px">
<tr valign="top">
<td style="color: #888; font-size: 15px; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;">
</td>
</tr>
</table>
</td>
</tr>
#end##
<tr>
<td align="left" bgcolor="#ffffff" style="padding-bottom: 10px; padding-left: 20px; padding-right: 20px; padding-top: 10px" valign="top">
<div class="parsys leftinheritedtop iparsys">
<div class="section">
<p style="font-size:18px; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; text-align:left"><a href="$ed_guide_link" style="color: $btnbordercolor"><b>$newsletter.ed_guide_title</span></b></a></p>
</div>
</div>
<table class="contenttable" border="0" cellpadding="0" cellspacing="0" style="font: 14px Arial, Helvetica, sans-serif; width:600px">
<tr>
<td valign="top">
<table summary="" align="left" border="0" cellpadding="0" cellspacing="0"
class="lefttable" style=" width:320px"><tr><td><p style="font-size:15px; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;">$newsletter.ed_guide_description
</td></tr></table>
<table summary="" align="right" border="0" cellpadding="0" cellspacing="0"
class="righttable" style=
"mso-table-lspace:0pt;mso-table-rspace:0pt;margin-left:10px;margin-right:0px;margin-top:3px; width:270px">
<tr valign="top">
<td style="background-color: #FFFFFF;" valign="top">
<p style="text-align:center;"><a href="$ed_guide_link"><img alt="" border="0" src="$newsletter.ed_guide_image.url" style="max-width:100%;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;display:block; margin:0px auto" /></a></p>
</td>
</tr>
</table>
</td></tr></table>
<table class="contenttable" cellpadding="0" cellspacing="0" height="8" style="height:15px; padding-top:0px">
<tr valign="top">
<td style="color: #888; font-size: 15px; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;">
<p>&nbsp;</p>
</td>
</tr>
</table>
<table class="contenttable" border="0" cellpadding="0" cellspacing="0" style="font: 14px Arial, Helvetica, sans-serif; width:600px">
<tr>
<td valign="top">
<table summary="" align="left" border="0" cellpadding="0" cellspacing="0"
class="lefttable" style=""><tr><td>
<p class="title" style="font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif">
#if($newsletter.spanish == true) Patrocinado por: #else Sponsored by: #end
</p>
<p class="title" style="text-align:center; margin:5px"><a href="$ed_guide_link"><img class="sponsor" src="$newsletter.sponsor.url" alt="" border="0" style="max-width:100%;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;display:block;" /></a></p>
</td>
</tr>
</table>
</td></tr></table>
<table class="contenttable" cellpadding="0" cellspacing="0" height="8" style="height:15px; padding-top:0px">
<tr valign="top">
<td style="color: #888; font-size: 15px; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;">
<p>&nbsp;</p>
</td>
</tr>
</table>
<table class="contenttable" border="0" cellpadding="0" cellspacing="0" style="font: 14px Arial, Helvetica, sans-serif; width:600px">
<tr>
<td valign="top" align="left">
<p style="font-size:18px; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif; text-align:left"><a href="$ed_guide_link" style="color: $btnbordercolor">
#if ($readmore.get($x) != "" && !$util.isNull($readmore.get($x)))
$readmore.get($x)
#else##
#if($newsletter.spanish == true) Haga clic aquí para descargar ahora #else Click Here to Download Now #end
#end##
</a></p>
</td></tr></table>
</td>
</tr>
<tr>
<td style="line-height: 18px; font-family: Helvetica, Arial, sans-serif; -webkit-text-size-adjust: none; padding:5px" valign="top">
<table class="contenttable" cellpadding="0" cellspacing="0" height="81" style="margin:15px 15px 5px 15px; border-top:#aaaaaa 1px solid; padding-top:10px">
<tr valign="top">
<td style="color: #888; font-size: 15px; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;">
<table summary="" align="center" border="0" cellpadding="0" cellspacing="0"
class="responsive" style=
"mso-table-lspace:0pt;mso-table-rspace:0pt;width:400px;">
<tr>
<td>
#set($brandname = $newsletter.brandname.replaceAll("&","and"))##
<p style=" text-align:center; color: #333333; font-size: 14px; margin:15px 10px 0px 10px;font-family: Arial, Helvetica, sans-serif;">
<a href="$ed_guide_link" style="text-decoration:none; color: #474747;">
#if($newsletter.spanish == true) Compartir: #else SHARE: #end</a><a href="https://www.facebook.com/sharer/sharer.php?u=$newsletter.ed_guide_link"
target="_blank"><img align="center" alt="Facebook" border=
"0" src=
"http://www.elabs12.com/content/2012000010/pe/f.png" height="25" width="25" /></a><a href="https://twitter.com/home?status=$newsletter.ed_guide_title%20$newsletter.ed_guide_link" target="_blank"><img align="center"
alt="Twitter" border="0" src=
"http://www.elabs12.com/content/2012000010/pe/t.png" height="25" width="25" /></a><a href="https://www.linkedin.com/shareArticle?mini=true&url=$newsletter.ed_guide_link&title=$newsletter.ed_guide_title...&source=" target=
"_blank"><img src=
"http://www.elabs12.com/content/2012000010/pe/in.png" height="25" width="25"
border="0" align="center" /></a><a href="mailto:?subject=Check out $newsletter.ed_guide_title&amp;body=I think you would be interested in this white paper from $brandname, $newsletter.ed_guide_title $newsletter.ed_guide_link" target=
"_blank"><img src=
"http://www.elabs12.com/content/2012000010/pe/m.png" height="25" width="25"
border="0" align="center" />
</a>
</p>
</td></tr>
</table>
</td></tr>
<tr><td>
<p style="color: #333333; text-align:center; padding:0 10px 1px 10px;font-size:14px; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;">
#if ($cms.content)##
#if($newsletter.spanish == true) Puede darse de baja en cualquier momento. #else You may unsubscribe at any time. #end
#else##
#if($newsletter.spanish == true) Puede darse de baja haciendo clic en <a href="%%unsubscribelink%%" style="text-decoration:underline">SUSCRIBIRSE</a>.
#else You may unsubscribe by clicking <a href="%%unsubscribelink%%" style="text-decoration:underline">here</a>. #end
#if($newsletter.spanish == true) Puede darse de baja en cualquier momento. #else You may unsubscribe at any time. #end
#end##
#if($newsletter.spanish == true) Lea nuestra <a href="http://www.pennwell.com/index/privacy-policy.html" style="text-decoration:underline">política de privacidad</a>.<br /> #else
Read our <a href="http://www.pennwell.com/index/privacy-policy.html" style="text-decoration:underline">privacy policy</a>.
#end##
#if($newsletter.spanish == true) Contáctenos haciendo <a href="http://www.pennwell.com/contact.html" style="text-decoration:underline">clic aquí</a>, o escribiendo: #else
Contact us by clicking <a href="http://www.pennwell.com/contact.html" style="text-decoration:underline">here</a>, or writing: #end
<br /><br />
PennWell Corporation
<br />
1421 S. Sheridan Rd.
<br />
Tulsa, OK 74112 USA<br><br></p>
<p style="color: #333333;text-align:center; padding:0 10px 1px 10px;font-size:14px; font-family: Helvetica, 'Helvetica Neue', Arial, sans-serif;">
&copy; $year PennWell Corporation. #if($newsletter.spanish == true) Todos los derechos reservados. #else All Rights Reserved. #end<br>
<a href="mailto:emailsolutions@pennwell.com">emailsolutions@pennwell.com</a></p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<p>
</p>
</body>
## Include SiteCatalyst
## Call to Common SiteCatalyst Code Template when accessed via Archives only
## Otherwise, output Omeda tracking GIF
#if ($cms.content)##
## START: SiteCatalyst Data
#set($scacc="$trackingcode")##
#set($linkinternal="$site")##
$cms.template("Archive SiteCatalyst Template")
## STOP: SiteCatalyst Data
#else##
<br />
#end##
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment