Created
January 24, 2019 14:35
-
-
Save cferdinandi/f7ddcb845ac0e35453e6416b2f074cdb to your computer and use it in GitHub Desktop.
My RSS => Email template for MailChimp. This is designed to be as close to plain text as possible, with some light styling for syntax highlighting powered by Hugo and Chroma.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
| <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> | |
| <head> | |
| <!-- This is a simple example template that you can edit to create your own custom templates --> | |
| <!--[if gte mso 15]> | |
| <xml> | |
| <o:OfficeDocumentSettings> | |
| <o:AllowPNG /> | |
| <o:PixelsPerInch>96</o:PixelsPerInch> | |
| </o:OfficeDocumentSettings> | |
| </xml> | |
| <![endif]--> | |
| <meta charset="UTF-8"> | |
| <meta http-equiv="x-ua-compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <title>*|MC:SUBJECT|*</title> | |
| <style type="text/css"> | |
| p{ | |
| margin:1em 0; | |
| padding:0; | |
| } | |
| table{ | |
| border-collapse:collapse; | |
| mso-table-lspace:0; | |
| mso-table-rspace:0; | |
| } | |
| #templateBody table{ | |
| border-spacing:0; | |
| margin-bottom:1em; | |
| max-width:100%; | |
| width:100%; | |
| } | |
| #templateBody th,#templateBody td{ | |
| text-align:left; | |
| padding:.5em; | |
| } | |
| #templateBody th{ | |
| border-bottom:2px solid #e5e5e5; | |
| font-weight:bold; | |
| vertical-align:bottom; | |
| } | |
| #templateBody td{ | |
| border-top:1px solid #e5e5e5; | |
| vertical-align:top; | |
| } | |
| h1,h2,h3,h4,h5,h6{ | |
| display:block; | |
| } | |
| img{ | |
| -ms-interpolation-mode:bicubic; | |
| height:auto; | |
| max-width:640px !important; | |
| } | |
| img,a img{ | |
| border:0; | |
| height:auto; | |
| outline:none; | |
| text-decoration:none; | |
| } | |
| body,#bodyTable,#bodyCell{ | |
| height:100%; | |
| margin:0; | |
| padding:0; | |
| width:100%; | |
| } | |
| #outlook a{ | |
| padding:0; | |
| } | |
| .ReadMsgBody{ | |
| width:100%; | |
| } | |
| .ExternalClass{ | |
| width:100%; | |
| } | |
| p,a,li,td,blockquote{ | |
| mso-line-height-rule:exactly; | |
| } | |
| a[href^=tel],a[href^=sms]{ | |
| color:inherit; | |
| cursor:default; | |
| text-decoration:none; | |
| } | |
| p,a,li,td,body,table,blockquote{ | |
| -ms-text-size-adjust:100%; | |
| -webkit-text-size-adjust:100%; | |
| } | |
| .ExternalClass,.ExternalClass p,.ExternalClass td,.ExternalClass div,.ExternalClass span,.ExternalClass font{ | |
| line-height:100%; | |
| } | |
| a[x-apple-data-detectors]{ | |
| color:inherit !important; | |
| text-decoration:none !important; | |
| font-size:inherit !important; | |
| font-family:inherit !important; | |
| font-weight:inherit !important; | |
| line-height:inherit !important; | |
| } | |
| pre,code{ | |
| font-family:monospace; | |
| font-size:1em; | |
| } | |
| code{ | |
| color:#dd1144; | |
| word-wrap:break-word; | |
| } | |
| pre{ | |
| background-color:#f7f7f7; | |
| color:#272727; | |
| padding:13px; | |
| tab-size:4; | |
| white-space:pre-wrap; | |
| word-break:break-all; | |
| } | |
| pre code{ | |
| background-color:transparent; | |
| border:0; | |
| color:inherit; | |
| padding:0; | |
| } | |
| .chroma .err,.chroma .kc,.chroma .no,.chroma .py,.chroma .nt,.chroma .ss,.chroma .m,.chroma .mb,.chroma .mf,.chroma .mh,.chroma .mi,.chroma .il,.chroma .mo{ | |
| color:#905; | |
| } | |
| .chroma .k,.chroma .kd,.chroma .kn,.chroma .kp,.chroma .kr,.chroma .kt,.chroma .nb,.chroma .s{ | |
| color:#07a; | |
| } | |
| .chroma .n,.chroma .na,.chroma .nc,.chroma .ne,.chroma .l,.chroma .ld,.chroma .sa,.chroma .sb,.chroma .sc,.chroma .dl,.chroma .s1,.chroma .s2,.chroma .se,.chroma .sh,.chroma .si,.chroma .sx{ | |
| color:#690; | |
| } | |
| .chroma .bp,.chroma .nd,.chroma .nl,.chroma .sd,.chroma .p,.chroma .c,.chroma .ch,.chroma .cm,.chroma .c1,.chroma .cs,.chroma .cp,.chroma .cpf{ | |
| color:slategray; | |
| } | |
| .chroma .ni,.chroma .o{ | |
| color:#a67f59; | |
| background:rgba(255,255,255,0.5); | |
| } | |
| .chroma .nf,.chroma .fm,.chroma .ow{ | |
| color:#dd4a68; | |
| } | |
| .chroma .nv,.chroma .vc,.chroma .vg,.chroma .vi,.chroma .vm,.chroma .sr{ | |
| color:#e90; | |
| } | |
| .chroma .nn{ | |
| opacity:.7; | |
| } | |
| .chroma .ge{ | |
| font-style:italic; | |
| } | |
| .chroma .gs{ | |
| font-weight:bold; | |
| } | |
| #bodyCell{ | |
| padding:9px; | |
| } | |
| .templateContainer{ | |
| max-width:640px !important; | |
| } | |
| #templateBody,#templateFooter{ | |
| padding-right:18px; | |
| padding-left:18px; | |
| } | |
| body,#bodyTable{ | |
| background-color:transparent; | |
| } | |
| .templateContainer{ | |
| border:0; | |
| } | |
| #templateBody{ | |
| padding-top:0; | |
| padding-bottom:24px; | |
| } | |
| #templateFooter{ | |
| border-top:1px solid #e5e5e5; | |
| padding-top:16px; | |
| padding-bottom:16px; | |
| } | |
| @media only screen and (max-width: 480px){ | |
| body,table,td,p,a,li,blockquote{ | |
| -webkit-text-size-adjust:none !important; | |
| } | |
| } @media only screen and (max-width: 480px){ | |
| body{ | |
| width:100% !important; | |
| min-width:100% !important; | |
| } | |
| } @media only screen and (max-width: 480px){ | |
| .columnContainer{ | |
| max-width:100% !important; | |
| width:100% !important; | |
| } | |
| }</style></head> | |
| <body> | |
| <table align="left" border="0" cellpadding="0" cellspacing="0" width="100%" id="bodyTable" style="height:100%;"> | |
| <tr> | |
| <td align="left" valign="top" id="bodyCell"> | |
| <!-- BEGIN TEMPLATE // --> | |
| <!--[if gte mso 9]> | |
| <table align="left" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;"> | |
| <tr> | |
| <td align="left" valign="top" width="600" style="width:600px;"> | |
| <![endif]--> | |
| <table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer"> | |
| <!-- BEGIN BODY // --> | |
| <tr> | |
| <td valign="top" id="templateBody"> | |
| <!-- BEGIN MODULE: BODY CONTENT // --> | |
| <div mc:edit="body_content"> | |
| *|RSSITEMS:|**|RSSITEM:CONTENT_FULL|**|END:RSSITEMS|* | |
| <p>Cheers, | |
| <br>{YOUR NAME}</p> | |
| </div> | |
| <!-- // END MODULE: BODY CONTENT --> | |
| </td> | |
| </tr> | |
| <!-- // END BODY --> | |
| <!-- BEGIN FOOTER // --> | |
| <tr> | |
| <td valign="top" id="templateFooter"> | |
| <!-- BEGIN MODULE: STANDARD FOOTER // --> | |
| <table border="0" cellpadding="0" cellspacing="0" width="100%"> | |
| <tr> | |
| <td valign="top" id="footerContent"> | |
| <div> | |
| *|IFNOT:ARCHIVE_PAGE|* | |
| <p><strong>Want to share this with others or read it later?</strong> <a href="*|RSSITEM:URL|*" target="_blank">View it in a browser.</a></p> | |
| <p><strong>Don't want to get so many emails?</strong> Totally cool. <a href="*|UPDATE_PROFILE|*" target="_blank">Change what emails you get</a> or <a href="*|UNSUB|*" target="_blank">unsubscribe from all emails from me</a>.</p> | |
| <p>*|HTML:LIST_ADDRESS|*</p> *|END:IF|* | |
| </div> | |
| <div> | |
| *|IF:REWARDS|* | |
| <p>*|HTML:REWARDS|*</p> *|END:IF|* | |
| </div> | |
| </td> | |
| </tr> | |
| </table> | |
| <!-- // BEGIN MODULE: STANDARD FOOTER --> | |
| </td> | |
| </tr> | |
| <!-- // END FOOTER --> | |
| </table> | |
| <!--[if gte mso 9]> | |
| </td> | |
| </tr> | |
| </table> | |
| <![endif]--> | |
| <!-- // END TEMPLATE --> | |
| </td> | |
| </tr> | |
| </table> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment