diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6a243b5..af81e4f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,10 @@
+## [1.4.2](https://github.com/aclu-national/email-builder/compare/v1.4.1...v1.4.2) (2023-09-13)
+
+
+### Bug Fixes
+
+* **config:** update assets ([f6c5d4a](https://github.com/aclu-national/email-builder/commit/f6c5d4aeacd6029ac21e35870ff586006c6fc50c))
+
 ## [1.4.1](https://github.com/aclu-national/email-builder/compare/v1.4.0...v1.4.1) (2023-09-13)
 
 
diff --git a/dist/index.html b/dist/index.html
index 727a0ba..c971d21 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -7,7 +7,7 @@
 			<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 			<meta http-equiv="X-UA-Compatible" content="ie=edge" />
 			<meta name="author" content="ACLU" />
-			<meta name="generator" content="1.2.0" />
+			<meta name="generator" content="1.4.1" />
 			<meta name="description" content="A website for the ACLU emails." />
 
 			<meta property="og:site_name" content="ACLU Email" />
@@ -134,7 +134,7 @@ <h3>Component</h3>
 <ol></ol>
 
 <h2>Newsletter Templates</h2>
-<ol><li style="margin-bottom:10px;"><a href="/templates/newsletters/blank-example.html"><strong>Blank-example</strong></a></li><li style="margin-bottom:10px;"><a href="/templates/newsletters/newsletter.html"><strong>Newsletter</strong></a></li><li style="margin-bottom:10px;"><a href="/templates/newsletters/component-playground.html"><strong>Component-playground</strong></a></li></ol>
+<ol><li style="margin-bottom:10px;"><a href="/templates/newsletters/blank-example.html"><strong>Blank-example</strong></a></li><li style="margin-bottom:10px;"><a href="/templates/newsletters/component-playground.html"><strong>Component-playground</strong></a></li><li style="margin-bottom:10px;"><a href="/templates/newsletters/newsletter.html"><strong>Newsletter</strong></a></li></ol>
 
       </main>
    </body>
diff --git a/dist/templates/base/banner.html b/dist/templates/base/banner.html
index e399fec..ae625d9 100644
--- a/dist/templates/base/banner.html
+++ b/dist/templates/base/banner.html
@@ -1,247 +1,246 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
-	<head>
-		<title>ACLU Email</title>
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-<meta name="viewport" content="width=device-width" />
-<meta name="color-scheme" content="light dark">
-<meta name="supported-color-schemes" content="light dark">
-<style>
-	:root {
-		color-schemes: light dark;
-		supported-color-schemes: light dark;
-	}
-	h1,
-	h2,
-	h3,
-	h4,
-	h5,
-	h6 {
-		margin: 0 0 5px 0;
-	}
-
-	p {
-		margin-top: 0px;
-		margin-bottom: 20px;
-	}
-
-	body {
-		width: 100% !important;
-		-webkit-text-size-adjust: 100%;
-		-ms-text-size-adjust: 100%;
-		margin: 0px;
-		padding: 0px;
-	}
-
-	a,
-	a:visited,
-	a:hover,
-	a:active {
-		color: #0055aa;
-		font-weight: 900;
-	}
-
-	img {
-		outline: none;
-		text-decoration: none;
-		-ms-interpolation-mode: bicubic;
-	}
-
-	a img {
-		border: none;
-	}
-
-	/* REMOVE SPACING BETWEEN TABLES IN OUTLOOK 2007 AND UP */
-	table,
-	td {
-		border-spacing: 0px;
-		border-collapse: collapse;
-		mso-table-lspace: 0pt;
-		mso-table-rspace: 0pt;
-	}
-
-	.preheader {
-		display: none !important;
-		visibility: hidden;
-		opacity: 0;
-		color: transparent;
-		height: 0;
-		width: 0;
-	}
-
-	ul {
-		margin-top: 0px;
-		margin-bottom: 0px;
-	}
-
-	li {
-		margin-bottom: 15px;
-		font-family: Arial, "Helvetica Neue", sans-serif;
-		font-size: 16px;
-		line-height: 16px;
-		list-style-type: disc;
-	}
-
-	td.footer-text a {
-		font-weight: 400 !important;
-	}
-
-	@media screen and (max-width: 480px) {
-		table.emailwrapto100pc {
-			width: 100% !important;
-			white-space: inherit !important;
-			line-height: inherit !important;
-		}
-		td.logo-spacing {
-			padding-left: 20px !important;
-		}
-		td.emailbodytext {
-			font-size: 16px !important;
-			line-height: 23px !important;
-			padding-right: 20px !important;
-			padding-left: 20px !important;
-		}
-		.image-resize {
-			width: 100% !important;
-		}
-		table.footer-left,
-		table.footer-right {
-			width: 100% !important;
-			margin-top: 10px !important;
-		}
-		table.footer-right {
-			float: left !important;
-			margin-top: 25px !important;
-		}
-		td.footer-left,
-		td.footer-right,
-		td.footer-text {
-			text-align: center !important;
-		}
-		td.footer-right {
-			padding: 0px !important;
-		}
-		td.footer-text {
-			padding: 10px 20px 20px 20px !important;
-		}
-		td.button-wrapper {
-			display: inline-block;
-		}
-		.outer-sidebox,
-		.inner-sidebox {
-			float: none !important;
-			width: 100% !important;
-		}
-		.sidebox-padding {
-			padding-left: 0px !important;
-		}
-	}
-	/* DARK MODE FOR IOS AND APPLE MAIL */
-	@media (prefers-color-scheme: dark) {
-		body {
-			background: #1c1c1e;
-		}
-		a,
-		a:visited,
-		a:hover,
-		a:active {
-			color: #2d86e0;
-		}
-		a.button-text,
-		a.button-text:visited,
-		a.button-text:hover,
-		a.button-text:active {
-			color: #cecece;
-		}
-		td.emailbodytext p,
-		td.emailbodytext li,
-		td.emailbodytext h1,
-		td.emailbodytext h2,
-		td.emailbodytext h3,
-		td.tagline p,
-		td.dm-box h2 {
-			color: #cecece;
-		}
-		td.dm-box {
-			background: #2a2a2b !important;
-			color: #cecece;
-		}
-		td.emailbodytext {
-			border-bottom: 1px solid #2a2a2b !important;
-		}
-		table.inner-sidebox,
-		td.dm-box {
-			border: 0 !important;
-		}
-	}
-</style>
-
-
-	</head>
-	<body>
-		<span class="preheader" style="display:none !important;visibility:hidden;opacity:0;color:transparent;height:0;width:0;">ENTER PREHEADER TEXT MESSAGE.</span>{include "pre-header-spacing"}{beacon}
-
-<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600px">
-	<tbody>
-		<tr>
-	<td align="left" style="padding:20px 0;" class="logo-spacing">
-		<a href="{affiliates_website}"><img alt="{affiliate_name}'s logo" src="{affiliate_logo}" border="0" width="150" style="display:block;"/></a>
-	</td>
-</tr>
-		<tr>
-			<td class="emailbodytext" style="
-			color: #3c3532;
-			font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;
-			font-size: 16px;
-			line-height: 22px;
-			padding: 15px 0px 20px 0px;
-			border-bottom: 1px solid #d4d4d4;" valign="top">
-				
-<!-- HERO IMAGE AND CTA IMAGE TABLE -->
-<table>
-	<tr>
-		<td style="padding:20px 0;">
-			<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600px" class="emailwrapto100pc">
-				<tbody>
-					<tr>
-						<td><a href="{affiliates_website}"><img src="https://media.sailthru.com/64p/1k3/9/r/5d8e7393531ee.jpg" width="600px" class="image-resize" border="0" alt="Freedom can't protect itself text with the Statue of Liberty's torch." style="display:block;" /></a></td>
-					</tr>
-					<!-- REMOVE <tr> BELOW TO ONLY SHOW IMAGE -->
-					<tr>
-						<td style="text-align:center;background-color: #0055aa;font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;color:#cecece;font-size:18px;padding:10px;text-transform:uppercase;"><a role="button" href="{affiliates_website}" style="color: #cecece;font-size:20px;text-decoration: none;text-transform: uppercase;font-weight:900;">Take Action Now</a></td>
-					</tr>
-					<!-- REMOVE <tr> BELOW TO ONLY SHOW IMAGE -->
-				</tbody>
-			</table>
-		</td>
-	</tr>
-	<!-- HERO IMAGE AND CTA IMAGE TABLE -->
-</table>
-
-
-<p>{include "default_salutation"} &ndash;</p>
-
-<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam a adipisci error sequi libero atque quae numquam facilis ipsum obcaecati fugiat rem qui nulla, fugit officiis debitis tempore. Exercitationem, error!</p>
-
-<p>Tenetur porro molestias, provident nam dolore sint odit earum minus voluptas quis, quas quam amet sit voluptates velit suscipit consequuntur numquam eius, cum magnam. Tempora perspiciatis voluptatum voluptatibus vel itaque.</p>
-
-<p>Eius nihil, ullam nesciunt accusantium perferendis unde aspernatur velit tempore provident assumenda quas aliquam, ex possimus voluptatum libero. Deleniti ratione libero molestiae modi assumenda quas facilis alias ullam dolor aperiam!</p>
-
-<p>Eligendi laudantium voluptas asperiores eum aliquam aliquid id hic molestias illum placeat vero magnam impedit, totam atque officia voluptatibus accusantium. Unde quidem eum incidunt doloremque labore! Magni cum dolorem est?</p>
-
-<p>Fugit sapiente dolores libero ipsa aliquid ex! Quo consectetur cumque quos sequi quaerat explicabo dignissimos est quam laudantium ad deserunt perferendis repudiandae officiis maxime unde dolor modi dolores, iste adipisci.</p>
-
-
-
-				{signature = 'ed'}{include "affiliate_signatures"}
-			</td>
-		</tr>
-	</tbody>
-</table>
-
-
-		
-			{include "affiliate-footer"}
-		
-	</body>
-</html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>ACLU Email</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+		<meta name="viewport" content="width=device-width" />
+		<meta name="color-scheme" content="light dark" />
+		<meta name="supported-color-schemes" content="light dark" />
+		<style>
+			:root {
+				color-schemes: light dark;
+				supported-color-schemes: light dark;
+			}
+			h1,
+			h2,
+			h3,
+			h4,
+			h5,
+			h6 {
+				margin: 0 0 5px 0;
+			}
+
+			p {
+				margin-top: 0px;
+				margin-bottom: 20px;
+			}
+
+			body {
+				width: 100% !important;
+				-webkit-text-size-adjust: 100%;
+				-ms-text-size-adjust: 100%;
+				margin: 0px;
+				padding: 0px;
+			}
+
+			a,
+			a:visited,
+			a:hover,
+			a:active {
+				color: #0055aa;
+				font-weight: 900;
+			}
+
+			img {
+				outline: none;
+				text-decoration: none;
+				-ms-interpolation-mode: bicubic;
+			}
+
+			a img {
+				border: none;
+			}
+
+			/* REMOVE SPACING BETWEEN TABLES IN OUTLOOK 2007 AND UP */
+			table,
+			td {
+				border-spacing: 0px;
+				border-collapse: collapse;
+				mso-table-lspace: 0pt;
+				mso-table-rspace: 0pt;
+			}
+
+			.preheader {
+				display: none !important;
+				visibility: hidden;
+				opacity: 0;
+				color: transparent;
+				height: 0;
+				width: 0;
+			}
+
+			ul {
+				margin-top: 0px;
+				margin-bottom: 0px;
+			}
+
+			li {
+				margin-bottom: 15px;
+				font-family: Arial, "Helvetica Neue", sans-serif;
+				font-size: 16px;
+				line-height: 16px;
+				list-style-type: disc;
+			}
+
+			td.footer-text a {
+				font-weight: 400 !important;
+			}
+
+			@media screen and (max-width: 480px) {
+				table.emailwrapto100pc {
+					width: 100% !important;
+					white-space: inherit !important;
+					line-height: inherit !important;
+				}
+				td.logo-spacing {
+					padding-left: 20px !important;
+				}
+				td.emailbodytext {
+					font-size: 16px !important;
+					line-height: 23px !important;
+					padding-right: 20px !important;
+					padding-left: 20px !important;
+				}
+				.image-resize {
+					width: 100% !important;
+				}
+				table.footer-left,
+				table.footer-right {
+					width: 100% !important;
+					margin-top: 10px !important;
+				}
+				table.footer-right {
+					float: left !important;
+					margin-top: 25px !important;
+				}
+				td.footer-left,
+				td.footer-right,
+				td.footer-text {
+					text-align: center !important;
+				}
+				td.footer-right {
+					padding: 0px !important;
+				}
+				td.footer-text {
+					padding: 10px 20px 20px 20px !important;
+				}
+				td.button-wrapper {
+					display: inline-block;
+				}
+				.outer-sidebox,
+				.inner-sidebox {
+					float: none !important;
+					width: 100% !important;
+				}
+				.sidebox-padding {
+					padding-left: 0px !important;
+				}
+			}
+			/* DARK MODE FOR IOS AND APPLE MAIL */
+			@media (prefers-color-scheme: dark) {
+				body {
+					background: #1c1c1e;
+				}
+				a,
+				a:visited,
+				a:hover,
+				a:active {
+					color: #2d86e0;
+				}
+				a.button-text,
+				a.button-text:visited,
+				a.button-text:hover,
+				a.button-text:active {
+					color: #cecece;
+				}
+				td.emailbodytext p,
+				td.emailbodytext li,
+				td.emailbodytext h1,
+				td.emailbodytext h2,
+				td.emailbodytext h3,
+				td.tagline p,
+				td.dm-box h2 {
+					color: #cecece;
+				}
+				td.dm-box {
+					background: #2a2a2b !important;
+					color: #cecece;
+				}
+				td.emailbodytext {
+					border-bottom: 1px solid #2a2a2b !important;
+				}
+				table.inner-sidebox,
+				td.dm-box {
+					border: 0 !important;
+				}
+			}
+		</style>
+	</head>
+	<body>
+		<span class="preheader" style="display: none !important; visibility: hidden; opacity: 0; color: transparent; height: 0; width: 0">ENTER PREHEADER TEXT MESSAGE.</span>{include "pre-header-spacing"}{beacon}
+
+		<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600px">
+			<tbody>
+				<tr>
+					<td align="left" style="padding: 20px 0" class="logo-spacing">
+						<a href="{affiliates_website}"><img alt="{affiliate_name}'s logo" src="{affiliate_logo}" border="0" width="150" style="display: block" /></a>
+					</td>
+				</tr>
+				<tr>
+					<td
+						class="emailbodytext"
+						style="
+			color: #3c3532;
+			font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;
+			font-size: 16px;
+			line-height: 22px;
+			padding: 15px 0px 20px 0px;
+			border-bottom: 1px solid #d4d4d4;"
+						valign="top"
+					>
+						<!-- HERO IMAGE AND CTA IMAGE TABLE -->
+						<table>
+							<tr>
+								<td style="padding: 20px 0">
+									<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600px" class="emailwrapto100pc">
+										<tbody>
+											<tr>
+												<td>
+													<a href="{affiliates_website}"><img src="https://media.sailthru.com/64p/1k3/9/r/5d8e7393531ee.jpg" width="600px" class="image-resize" border="0" alt="Freedom can't protect itself text with the Statue of Liberty's torch." style="display: block" /></a>
+												</td>
+											</tr>
+											<!-- REMOVE <tr> BELOW TO ONLY SHOW IMAGE -->
+											<tr>
+												<td style="text-align:center;background-color: #0055aa;font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;color:#cecece;font-size:18px;padding:10px;text-transform:uppercase;">
+													<a role="button" href="{affiliates_website}" style="color: #cecece; font-size: 20px; text-decoration: none; text-transform: uppercase; font-weight: 900">Take Action Now</a>
+												</td>
+											</tr>
+											<!-- REMOVE <tr> BELOW TO ONLY SHOW IMAGE -->
+										</tbody>
+									</table>
+								</td>
+							</tr>
+							<!-- HERO IMAGE AND CTA IMAGE TABLE -->
+						</table>
+
+						<p>{include "default_salutation"} &ndash;</p>
+
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam a adipisci error sequi libero atque quae numquam facilis ipsum obcaecati fugiat rem qui nulla, fugit officiis debitis tempore. Exercitationem, error!</p>
+
+						<p>Tenetur porro molestias, provident nam dolore sint odit earum minus voluptas quis, quas quam amet sit voluptates velit suscipit consequuntur numquam eius, cum magnam. Tempora perspiciatis voluptatum voluptatibus vel itaque.</p>
+
+						<p>Eius nihil, ullam nesciunt accusantium perferendis unde aspernatur velit tempore provident assumenda quas aliquam, ex possimus voluptatum libero. Deleniti ratione libero molestiae modi assumenda quas facilis alias ullam dolor aperiam!</p>
+
+						<p>Eligendi laudantium voluptas asperiores eum aliquam aliquid id hic molestias illum placeat vero magnam impedit, totam atque officia voluptatibus accusantium. Unde quidem eum incidunt doloremque labore! Magni cum dolorem est?</p>
+
+						<p>Fugit sapiente dolores libero ipsa aliquid ex! Quo consectetur cumque quos sequi quaerat explicabo dignissimos est quam laudantium ad deserunt perferendis repudiandae officiis maxime unde dolor modi dolores, iste adipisci.</p>
+
+						{signature = 'ed'}{include "affiliate_signatures"}
+					</td>
+				</tr>
+			</tbody>
+		</table>
+
+		{include "affiliate-footer"}
+	</body>
+</html>
diff --git a/dist/templates/base/event.html b/dist/templates/base/event.html
index bfe4338..a5fa846 100644
--- a/dist/templates/base/event.html
+++ b/dist/templates/base/event.html
@@ -1,277 +1,277 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
-	<head>
-		<title>ACLU Email</title>
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-<meta name="viewport" content="width=device-width" />
-<meta name="color-scheme" content="light dark">
-<meta name="supported-color-schemes" content="light dark">
-<style>
-	:root {
-		color-schemes: light dark;
-		supported-color-schemes: light dark;
-	}
-	h1,
-	h2,
-	h3,
-	h4,
-	h5,
-	h6 {
-		margin: 0 0 5px 0;
-	}
-
-	p {
-		margin-top: 0px;
-		margin-bottom: 20px;
-	}
-
-	body {
-		width: 100% !important;
-		-webkit-text-size-adjust: 100%;
-		-ms-text-size-adjust: 100%;
-		margin: 0px;
-		padding: 0px;
-	}
-
-	a,
-	a:visited,
-	a:hover,
-	a:active {
-		color: #0055aa;
-		font-weight: 900;
-	}
-
-	img {
-		outline: none;
-		text-decoration: none;
-		-ms-interpolation-mode: bicubic;
-	}
-
-	a img {
-		border: none;
-	}
-
-	/* REMOVE SPACING BETWEEN TABLES IN OUTLOOK 2007 AND UP */
-	table,
-	td {
-		border-spacing: 0px;
-		border-collapse: collapse;
-		mso-table-lspace: 0pt;
-		mso-table-rspace: 0pt;
-	}
-
-	.preheader {
-		display: none !important;
-		visibility: hidden;
-		opacity: 0;
-		color: transparent;
-		height: 0;
-		width: 0;
-	}
-
-	ul {
-		margin-top: 0px;
-		margin-bottom: 0px;
-	}
-
-	li {
-		margin-bottom: 15px;
-		font-family: Arial, "Helvetica Neue", sans-serif;
-		font-size: 16px;
-		line-height: 16px;
-		list-style-type: disc;
-	}
-
-	td.footer-text a {
-		font-weight: 400 !important;
-	}
-
-	@media screen and (max-width: 480px) {
-		table.emailwrapto100pc {
-			width: 100% !important;
-			white-space: inherit !important;
-			line-height: inherit !important;
-		}
-		td.logo-spacing {
-			padding-left: 20px !important;
-		}
-		td.emailbodytext {
-			font-size: 16px !important;
-			line-height: 23px !important;
-			padding-right: 20px !important;
-			padding-left: 20px !important;
-		}
-		.image-resize {
-			width: 100% !important;
-		}
-		table.footer-left,
-		table.footer-right {
-			width: 100% !important;
-			margin-top: 10px !important;
-		}
-		table.footer-right {
-			float: left !important;
-			margin-top: 25px !important;
-		}
-		td.footer-left,
-		td.footer-right,
-		td.footer-text {
-			text-align: center !important;
-		}
-		td.footer-right {
-			padding: 0px !important;
-		}
-		td.footer-text {
-			padding: 10px 20px 20px 20px !important;
-		}
-		td.button-wrapper {
-			display: inline-block;
-		}
-		.outer-sidebox,
-		.inner-sidebox {
-			float: none !important;
-			width: 100% !important;
-		}
-		.sidebox-padding {
-			padding-left: 0px !important;
-		}
-	}
-	/* DARK MODE FOR IOS AND APPLE MAIL */
-	@media (prefers-color-scheme: dark) {
-		body {
-			background: #1c1c1e;
-		}
-		a,
-		a:visited,
-		a:hover,
-		a:active {
-			color: #2d86e0;
-		}
-		a.button-text,
-		a.button-text:visited,
-		a.button-text:hover,
-		a.button-text:active {
-			color: #cecece;
-		}
-		td.emailbodytext p,
-		td.emailbodytext li,
-		td.emailbodytext h1,
-		td.emailbodytext h2,
-		td.emailbodytext h3,
-		td.tagline p,
-		td.dm-box h2 {
-			color: #cecece;
-		}
-		td.dm-box {
-			background: #2a2a2b !important;
-			color: #cecece;
-		}
-		td.emailbodytext {
-			border-bottom: 1px solid #2a2a2b !important;
-		}
-		table.inner-sidebox,
-		td.dm-box {
-			border: 0 !important;
-		}
-	}
-</style>
-
-
-	</head>
-	<body>
-		<span class="preheader" style="display:none !important;visibility:hidden;opacity:0;color:transparent;height:0;width:0;">ENTER PREHEADER TEXT MESSAGE.</span>{include "pre-header-spacing"}{beacon}
-
-<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600px">
-	<tbody>
-		<tr>
-	<td align="left" style="padding:20px 0;" class="logo-spacing">
-		<a href="{affiliates_website}"><img alt="{affiliate_name}'s logo" src="{affiliate_logo}" border="0" width="150" style="display:block;"/></a>
-	</td>
-</tr>
-		<tr>
-			<td class="emailbodytext" style="
-			color: #3c3532;
-			font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;
-			font-size: 16px;
-			line-height: 22px;
-			padding: 15px 0px 20px 0px;
-			border-bottom: 1px solid #d4d4d4;" valign="top">
-				
-<div align="center">
-	<a href="{affiliates_website}"><img src="https://media.sailthru.com/64p/1k3/9/r/5d8e71d74accd.jpg" width="600px" class="image-resize" border="0" alt="You're invited!" /></a>
-</div>
-<br />
-
-
-
-<p>{include "default_salutation"} &ndash;</p>
-
-<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam a adipisci error sequi libero atque quae numquam facilis ipsum obcaecati fugiat rem qui nulla, fugit officiis debitis tempore. Exercitationem, error!</p>
-
-<p>Tenetur porro molestias, provident nam dolore sint odit earum minus voluptas quis, quas quam amet sit voluptates velit suscipit consequuntur numquam eius, cum magnam. Tempora perspiciatis voluptatum voluptatibus vel itaque.</p>
-
-<!-- START EVENT DETAILS TABLE -->
-<div align="center">
-	<table role="presentation" width="90%" cellpadding="0" cellspacing="0" border="0">
-		<tbody>
-			<tr>
-				<td class="dm-box" style="color:#3c3532;font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;font-size:16px;line-height: 22px;padding:25px 25px 0px 25px;background-color:#f2f2f2;text-align:center;">
-					<!-- START EVENT TITLE HERE -->
-					<h1 style="color:#0055aa;font-size:20px;line-height:22px;margin-bottom:10px;font-weight:900;text-transform:uppercase;">Know Your Rights Training</h1>
-					<!-- END EVENT TITLE HERE -->
-					<!-- START SUPPORTING TEXT -->
-					<p><strong>Join us on Monday, November 13 in Location to learn how you can protect civil rights and liberties in our state.</strong></p>
-					<p>
-						Monday, November 13, 5:30 p.m. <br />
-						Venue Name <br />
-						100 Street Name <br />
-						City, ZZ 12345
-					</p>
-					<!-- END SUPPORTING TEXT -->
-				</td>
-			</tr>
-			<tr>
-				<td class="dm-box" style="color:#3c3532;font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;font-size:16px;line-height:22px;padding:0px 25px 15px 25px;background-color:#f2f2f2;text-align:center;">
-					<!-- START CTA BUTTON, make sure to update both links and adjust both widths as needed -->
-					<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
-						<tr>
-							<td align="center" style="margin: 20px 0 20px 0;">
-								<table role="presentation" border="0" cellspacing="0" cellpadding="0">
-									<tr>
-										<td align="center" bgcolor="#0055aa">
-											<a class="button-text" href="{affiliates_website}" style="font-family: Arial, sans-serif; color: #cecece; padding: 12px 18px; border: 1px solid #0055aa; display: inline-block;font-size:18px;font-weight:900;text-align:center;text-decoration:none;text-transform: uppercase;">Take Action Now</a>
-										</td>
-									</tr>
-								</table>
-							</td>
-						</tr>
-					</table>
-					<br />
-						<p style="font-size:14px;margin-top:15px;"><em>Please note: This link will take you to a third-party website, aclu.org.</em></p>
-					</td>
-			</tr>
-		</tbody>
-	</table>
-</div>
-<br />
-<!-- END EVENT DETAILS TABLE -->
-
-<p>Eius nihil, ullam nesciunt accusantium perferendis unde aspernatur velit tempore provident assumenda quas aliquam, ex possimus voluptatum libero. Deleniti ratione libero molestiae modi assumenda quas facilis alias ullam dolor aperiam!</p>
-
-<p>Eligendi laudantium voluptas asperiores eum aliquam aliquid id hic molestias illum placeat vero magnam impedit, totam atque officia voluptatibus accusantium. Unde quidem eum incidunt doloremque labore! Magni cum dolorem est?</p>
-
-<p>Fugit sapiente dolores libero ipsa aliquid ex! Quo consectetur cumque quos sequi quaerat explicabo dignissimos est quam laudantium ad deserunt perferendis repudiandae officiis maxime unde dolor modi dolores, iste adipisci.</p>
-
-
-				{signature = 'ed'}{include "affiliate_signatures"}
-			</td>
-		</tr>
-	</tbody>
-</table>
-
-
-		
-			{include "affiliate-footer"}
-		
-	</body>
-</html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>ACLU Email</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+		<meta name="viewport" content="width=device-width" />
+		<meta name="color-scheme" content="light dark" />
+		<meta name="supported-color-schemes" content="light dark" />
+		<style>
+			:root {
+				color-schemes: light dark;
+				supported-color-schemes: light dark;
+			}
+			h1,
+			h2,
+			h3,
+			h4,
+			h5,
+			h6 {
+				margin: 0 0 5px 0;
+			}
+
+			p {
+				margin-top: 0px;
+				margin-bottom: 20px;
+			}
+
+			body {
+				width: 100% !important;
+				-webkit-text-size-adjust: 100%;
+				-ms-text-size-adjust: 100%;
+				margin: 0px;
+				padding: 0px;
+			}
+
+			a,
+			a:visited,
+			a:hover,
+			a:active {
+				color: #0055aa;
+				font-weight: 900;
+			}
+
+			img {
+				outline: none;
+				text-decoration: none;
+				-ms-interpolation-mode: bicubic;
+			}
+
+			a img {
+				border: none;
+			}
+
+			/* REMOVE SPACING BETWEEN TABLES IN OUTLOOK 2007 AND UP */
+			table,
+			td {
+				border-spacing: 0px;
+				border-collapse: collapse;
+				mso-table-lspace: 0pt;
+				mso-table-rspace: 0pt;
+			}
+
+			.preheader {
+				display: none !important;
+				visibility: hidden;
+				opacity: 0;
+				color: transparent;
+				height: 0;
+				width: 0;
+			}
+
+			ul {
+				margin-top: 0px;
+				margin-bottom: 0px;
+			}
+
+			li {
+				margin-bottom: 15px;
+				font-family: Arial, "Helvetica Neue", sans-serif;
+				font-size: 16px;
+				line-height: 16px;
+				list-style-type: disc;
+			}
+
+			td.footer-text a {
+				font-weight: 400 !important;
+			}
+
+			@media screen and (max-width: 480px) {
+				table.emailwrapto100pc {
+					width: 100% !important;
+					white-space: inherit !important;
+					line-height: inherit !important;
+				}
+				td.logo-spacing {
+					padding-left: 20px !important;
+				}
+				td.emailbodytext {
+					font-size: 16px !important;
+					line-height: 23px !important;
+					padding-right: 20px !important;
+					padding-left: 20px !important;
+				}
+				.image-resize {
+					width: 100% !important;
+				}
+				table.footer-left,
+				table.footer-right {
+					width: 100% !important;
+					margin-top: 10px !important;
+				}
+				table.footer-right {
+					float: left !important;
+					margin-top: 25px !important;
+				}
+				td.footer-left,
+				td.footer-right,
+				td.footer-text {
+					text-align: center !important;
+				}
+				td.footer-right {
+					padding: 0px !important;
+				}
+				td.footer-text {
+					padding: 10px 20px 20px 20px !important;
+				}
+				td.button-wrapper {
+					display: inline-block;
+				}
+				.outer-sidebox,
+				.inner-sidebox {
+					float: none !important;
+					width: 100% !important;
+				}
+				.sidebox-padding {
+					padding-left: 0px !important;
+				}
+			}
+			/* DARK MODE FOR IOS AND APPLE MAIL */
+			@media (prefers-color-scheme: dark) {
+				body {
+					background: #1c1c1e;
+				}
+				a,
+				a:visited,
+				a:hover,
+				a:active {
+					color: #2d86e0;
+				}
+				a.button-text,
+				a.button-text:visited,
+				a.button-text:hover,
+				a.button-text:active {
+					color: #cecece;
+				}
+				td.emailbodytext p,
+				td.emailbodytext li,
+				td.emailbodytext h1,
+				td.emailbodytext h2,
+				td.emailbodytext h3,
+				td.tagline p,
+				td.dm-box h2 {
+					color: #cecece;
+				}
+				td.dm-box {
+					background: #2a2a2b !important;
+					color: #cecece;
+				}
+				td.emailbodytext {
+					border-bottom: 1px solid #2a2a2b !important;
+				}
+				table.inner-sidebox,
+				td.dm-box {
+					border: 0 !important;
+				}
+			}
+		</style>
+	</head>
+	<body>
+		<span class="preheader" style="display: none !important; visibility: hidden; opacity: 0; color: transparent; height: 0; width: 0">ENTER PREHEADER TEXT MESSAGE.</span>{include "pre-header-spacing"}{beacon}
+
+		<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600px">
+			<tbody>
+				<tr>
+					<td align="left" style="padding: 20px 0" class="logo-spacing">
+						<a href="{affiliates_website}"><img alt="{affiliate_name}'s logo" src="{affiliate_logo}" border="0" width="150" style="display: block" /></a>
+					</td>
+				</tr>
+				<tr>
+					<td
+						class="emailbodytext"
+						style="
+			color: #3c3532;
+			font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;
+			font-size: 16px;
+			line-height: 22px;
+			padding: 15px 0px 20px 0px;
+			border-bottom: 1px solid #d4d4d4;"
+						valign="top"
+					>
+						<div align="center">
+							<a href="{affiliates_website}"><img src="https://media.sailthru.com/64p/1k3/9/r/5d8e71d74accd.jpg" width="600px" class="image-resize" border="0" alt="You're invited!" /></a>
+						</div>
+						<br />
+
+						<p>{include "default_salutation"} &ndash;</p>
+
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam a adipisci error sequi libero atque quae numquam facilis ipsum obcaecati fugiat rem qui nulla, fugit officiis debitis tempore. Exercitationem, error!</p>
+
+						<p>Tenetur porro molestias, provident nam dolore sint odit earum minus voluptas quis, quas quam amet sit voluptates velit suscipit consequuntur numquam eius, cum magnam. Tempora perspiciatis voluptatum voluptatibus vel itaque.</p>
+
+						<!-- START EVENT DETAILS TABLE -->
+						<div align="center">
+							<table role="presentation" width="90%" cellpadding="0" cellspacing="0" border="0">
+								<tbody>
+									<tr>
+										<td class="dm-box" style="color:#3c3532;font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;font-size:16px;line-height: 22px;padding:25px 25px 0px 25px;background-color:#f2f2f2;text-align:center;">
+											<!-- START EVENT TITLE HERE -->
+											<h1 style="color: #0055aa; font-size: 20px; line-height: 22px; margin-bottom: 10px; font-weight: 900; text-transform: uppercase">Know Your Rights Training</h1>
+											<!-- END EVENT TITLE HERE -->
+											<!-- START SUPPORTING TEXT -->
+											<p><strong>Join us on Monday, November 13 in Location to learn how you can protect civil rights and liberties in our state.</strong></p>
+											<p>
+												Monday, November 13, 5:30 p.m. <br />
+												Venue Name <br />
+												100 Street Name <br />
+												City, ZZ 12345
+											</p>
+											<!-- END SUPPORTING TEXT -->
+										</td>
+									</tr>
+									<tr>
+										<td class="dm-box" style="color:#3c3532;font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;font-size:16px;line-height:22px;padding:0px 25px 15px 25px;background-color:#f2f2f2;text-align:center;">
+											<!-- START CTA BUTTON, make sure to update both links and adjust both widths as needed -->
+											<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
+												<tr>
+													<td align="center" style="margin: 20px 0 20px 0">
+														<table role="presentation" border="0" cellspacing="0" cellpadding="0">
+															<tr>
+																<td align="center" bgcolor="#0055aa">
+																	<a
+																		class="button-text"
+																		href="{affiliates_website}"
+																		style="font-family: Arial, sans-serif; color: #cecece; padding: 12px 18px; border: 1px solid #0055aa; display: inline-block; font-size: 18px; font-weight: 900; text-align: center; text-decoration: none; text-transform: uppercase"
+																		>Take Action Now</a
+																	>
+																</td>
+															</tr>
+														</table>
+													</td>
+												</tr>
+											</table>
+											<br />
+											<p style="font-size: 14px; margin-top: 15px"><em>Please note: This link will take you to a third-party website, aclu.org.</em></p>
+										</td>
+									</tr>
+								</tbody>
+							</table>
+						</div>
+						<br />
+						<!-- END EVENT DETAILS TABLE -->
+
+						<p>Eius nihil, ullam nesciunt accusantium perferendis unde aspernatur velit tempore provident assumenda quas aliquam, ex possimus voluptatum libero. Deleniti ratione libero molestiae modi assumenda quas facilis alias ullam dolor aperiam!</p>
+
+						<p>Eligendi laudantium voluptas asperiores eum aliquam aliquid id hic molestias illum placeat vero magnam impedit, totam atque officia voluptatibus accusantium. Unde quidem eum incidunt doloremque labore! Magni cum dolorem est?</p>
+
+						<p>Fugit sapiente dolores libero ipsa aliquid ex! Quo consectetur cumque quos sequi quaerat explicabo dignissimos est quam laudantium ad deserunt perferendis repudiandae officiis maxime unde dolor modi dolores, iste adipisci.</p>
+
+						{signature = 'ed'}{include "affiliate_signatures"}
+					</td>
+				</tr>
+			</tbody>
+		</table>
+
+		{include "affiliate-footer"}
+	</body>
+</html>
diff --git a/dist/templates/base/sidebox.html b/dist/templates/base/sidebox.html
index 5e0052b..146c8b6 100644
--- a/dist/templates/base/sidebox.html
+++ b/dist/templates/base/sidebox.html
@@ -1,264 +1,270 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
-	<head>
-		<title>ACLU Email</title>
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-<meta name="viewport" content="width=device-width" />
-<meta name="color-scheme" content="light dark">
-<meta name="supported-color-schemes" content="light dark">
-<style>
-	:root {
-		color-schemes: light dark;
-		supported-color-schemes: light dark;
-	}
-	h1,
-	h2,
-	h3,
-	h4,
-	h5,
-	h6 {
-		margin: 0 0 5px 0;
-	}
-
-	p {
-		margin-top: 0px;
-		margin-bottom: 20px;
-	}
-
-	body {
-		width: 100% !important;
-		-webkit-text-size-adjust: 100%;
-		-ms-text-size-adjust: 100%;
-		margin: 0px;
-		padding: 0px;
-	}
-
-	a,
-	a:visited,
-	a:hover,
-	a:active {
-		color: #0055aa;
-		font-weight: 900;
-	}
-
-	img {
-		outline: none;
-		text-decoration: none;
-		-ms-interpolation-mode: bicubic;
-	}
-
-	a img {
-		border: none;
-	}
-
-	/* REMOVE SPACING BETWEEN TABLES IN OUTLOOK 2007 AND UP */
-	table,
-	td {
-		border-spacing: 0px;
-		border-collapse: collapse;
-		mso-table-lspace: 0pt;
-		mso-table-rspace: 0pt;
-	}
-
-	.preheader {
-		display: none !important;
-		visibility: hidden;
-		opacity: 0;
-		color: transparent;
-		height: 0;
-		width: 0;
-	}
-
-	ul {
-		margin-top: 0px;
-		margin-bottom: 0px;
-	}
-
-	li {
-		margin-bottom: 15px;
-		font-family: Arial, "Helvetica Neue", sans-serif;
-		font-size: 16px;
-		line-height: 16px;
-		list-style-type: disc;
-	}
-
-	td.footer-text a {
-		font-weight: 400 !important;
-	}
-
-	@media screen and (max-width: 480px) {
-		table.emailwrapto100pc {
-			width: 100% !important;
-			white-space: inherit !important;
-			line-height: inherit !important;
-		}
-		td.logo-spacing {
-			padding-left: 20px !important;
-		}
-		td.emailbodytext {
-			font-size: 16px !important;
-			line-height: 23px !important;
-			padding-right: 20px !important;
-			padding-left: 20px !important;
-		}
-		.image-resize {
-			width: 100% !important;
-		}
-		table.footer-left,
-		table.footer-right {
-			width: 100% !important;
-			margin-top: 10px !important;
-		}
-		table.footer-right {
-			float: left !important;
-			margin-top: 25px !important;
-		}
-		td.footer-left,
-		td.footer-right,
-		td.footer-text {
-			text-align: center !important;
-		}
-		td.footer-right {
-			padding: 0px !important;
-		}
-		td.footer-text {
-			padding: 10px 20px 20px 20px !important;
-		}
-		td.button-wrapper {
-			display: inline-block;
-		}
-		.outer-sidebox,
-		.inner-sidebox {
-			float: none !important;
-			width: 100% !important;
-		}
-		.sidebox-padding {
-			padding-left: 0px !important;
-		}
-	}
-	/* DARK MODE FOR IOS AND APPLE MAIL */
-	@media (prefers-color-scheme: dark) {
-		body {
-			background: #1c1c1e;
-		}
-		a,
-		a:visited,
-		a:hover,
-		a:active {
-			color: #2d86e0;
-		}
-		a.button-text,
-		a.button-text:visited,
-		a.button-text:hover,
-		a.button-text:active {
-			color: #cecece;
-		}
-		td.emailbodytext p,
-		td.emailbodytext li,
-		td.emailbodytext h1,
-		td.emailbodytext h2,
-		td.emailbodytext h3,
-		td.tagline p,
-		td.dm-box h2 {
-			color: #cecece;
-		}
-		td.dm-box {
-			background: #2a2a2b !important;
-			color: #cecece;
-		}
-		td.emailbodytext {
-			border-bottom: 1px solid #2a2a2b !important;
-		}
-		table.inner-sidebox,
-		td.dm-box {
-			border: 0 !important;
-		}
-	}
-</style>
-
-
-	</head>
-	<body>
-		<span class="preheader" style="display:none !important;visibility:hidden;opacity:0;color:transparent;height:0;width:0;">ENTER PREHEADER TEXT MESSAGE.</span>{include "pre-header-spacing"}{beacon}
-
-<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600px">
-	<tbody>
-		<tr>
-	<td align="left" style="padding:20px 0;" class="logo-spacing">
-		<a href="{affiliates_website}"><img alt="{affiliate_name}'s logo" src="{affiliate_logo}" border="0" width="150" style="display:block;"/></a>
-	</td>
-</tr>
-		<tr>
-			<td class="emailbodytext" style="
-			color: #3c3532;
-			font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;
-			font-size: 16px;
-			line-height: 22px;
-			padding: 15px 0px 20px 0px;
-			border-bottom: 1px solid #d4d4d4;" valign="top">
-				
-<p>{include "default_salutation"} &ndash;</p>
-<!-- START OUTER SIDEBOX TABLE  -->
-<table role="presentation" class="outer-sidebox" align="right" border="0" cellpadding="0" cellspacing="0" width="290" style="float:right;">
-	<tr>
-		<td style="text-align:center;padding-left:20px;padding-bottom:20px;" class="sidebox-padding">
-			<!-- START INNER SIDEBOX TABLE -->
-			<table role="presentation" class="inner-sidebox" border="0" cellpadding="0" cellspacing="0" width="270" style="float:right;border:1px solid #cecece;">
-				<tr>
-					<td class="dm-box" align="left" valign="top" style="border:1px solid #eeeeee;padding:15px;color:#3c3532;font-size:16px;font-family:Arial,&#39;Helvetica Neue&#39;,sans-serif;background-color: #cecece;">
-						<!-- START HEADLINE -->
-						<h2 style="font-weight:900;font-size:16px;line-height:23px;text-transform:uppercase;">Lorem ipsum dolor sit amet.</h2>
-						<!-- END HEADLINE -->
-						<!-- START IMAGE-->
-						<p style="margin:0px 0 15px 0;font-weight:400;line-height:1.4em;"><a href="{affiliates_website}"><img src="https://media.sailthru.com/64p/1k3/9/r/5d8e778dd2054.jpg" alt="Lady Liberty." width="230" border="0" style="outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;" class="image-resize" /></a></p>
-						<!-- END IMAGE-->
-						<!-- START CTA TEXT -->
-						<p style="margin:10px 0 15px 0;line-height:21px;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi, quisquam.</p>
-						<!-- END CTA TEXT -->
-						<!-- START CTA BUTTON, make sure to update both links and adjust both widths as needed -->
-						<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
-							<tr>
-								<td align="center" style="margin: 20px 0 20px 0;">
-									<table role="presentation" border="0" cellspacing="0" cellpadding="0">
-										<tr>
-											<td align="center" bgcolor="#ef404d">
-												<a role="button" class="button-text" href="{affiliates_website}" style="font-family: Arial, sans-serif; color: #cecece; padding: 12px 18px; border: 1px solid #ef404d; display: inline-block;font-size:18px;font-weight:900;text-align:center;text-decoration:none;text-transform: uppercase;">Take Action Now</a>
-											</td>
-										</tr>
-									</table></td>
-							</tr>
-						</table>
-						<br />
-						<!-- END CTA BUTTON -->
-					</td>
-				</tr>
-			</table>
-			<!-- START INNER SIDEBOX TABLE -->
-		</td>
-	</tr>
-</table>
-<!-- END OUTER SIDEBOX TABLE -->
-
-<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam a adipisci error sequi libero atque quae numquam facilis ipsum obcaecati fugiat rem qui nulla, fugit officiis debitis tempore. Exercitationem, error!</p>
-
-<p>Tenetur porro molestias, provident nam dolore sint odit earum minus voluptas quis, quas quam amet sit voluptates velit suscipit consequuntur numquam eius, cum magnam. Tempora perspiciatis voluptatum voluptatibus vel itaque.</p>
-
-<p>Eius nihil, ullam nesciunt accusantium perferendis unde aspernatur velit tempore provident assumenda quas aliquam, ex possimus voluptatum libero. Deleniti ratione libero molestiae modi assumenda quas facilis alias ullam dolor aperiam!</p>
-
-<p>Eligendi laudantium voluptas asperiores eum aliquam aliquid id hic molestias illum placeat vero magnam impedit, totam atque officia voluptatibus accusantium. Unde quidem eum incidunt doloremque labore! Magni cum dolorem est?</p>
-
-<p>Fugit sapiente dolores libero ipsa aliquid ex! Quo consectetur cumque quos sequi quaerat explicabo dignissimos est quam laudantium ad deserunt perferendis repudiandae officiis maxime unde dolor modi dolores, iste adipisci.</p>
-
-
-				{signature = 'ed'}{include "affiliate_signatures"}
-			</td>
-		</tr>
-	</tbody>
-</table>
-
-
-		
-			{include "affiliate-footer"}
-		
-	</body>
-</html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>ACLU Email</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+		<meta name="viewport" content="width=device-width" />
+		<meta name="color-scheme" content="light dark" />
+		<meta name="supported-color-schemes" content="light dark" />
+		<style>
+			:root {
+				color-schemes: light dark;
+				supported-color-schemes: light dark;
+			}
+			h1,
+			h2,
+			h3,
+			h4,
+			h5,
+			h6 {
+				margin: 0 0 5px 0;
+			}
+
+			p {
+				margin-top: 0px;
+				margin-bottom: 20px;
+			}
+
+			body {
+				width: 100% !important;
+				-webkit-text-size-adjust: 100%;
+				-ms-text-size-adjust: 100%;
+				margin: 0px;
+				padding: 0px;
+			}
+
+			a,
+			a:visited,
+			a:hover,
+			a:active {
+				color: #0055aa;
+				font-weight: 900;
+			}
+
+			img {
+				outline: none;
+				text-decoration: none;
+				-ms-interpolation-mode: bicubic;
+			}
+
+			a img {
+				border: none;
+			}
+
+			/* REMOVE SPACING BETWEEN TABLES IN OUTLOOK 2007 AND UP */
+			table,
+			td {
+				border-spacing: 0px;
+				border-collapse: collapse;
+				mso-table-lspace: 0pt;
+				mso-table-rspace: 0pt;
+			}
+
+			.preheader {
+				display: none !important;
+				visibility: hidden;
+				opacity: 0;
+				color: transparent;
+				height: 0;
+				width: 0;
+			}
+
+			ul {
+				margin-top: 0px;
+				margin-bottom: 0px;
+			}
+
+			li {
+				margin-bottom: 15px;
+				font-family: Arial, "Helvetica Neue", sans-serif;
+				font-size: 16px;
+				line-height: 16px;
+				list-style-type: disc;
+			}
+
+			td.footer-text a {
+				font-weight: 400 !important;
+			}
+
+			@media screen and (max-width: 480px) {
+				table.emailwrapto100pc {
+					width: 100% !important;
+					white-space: inherit !important;
+					line-height: inherit !important;
+				}
+				td.logo-spacing {
+					padding-left: 20px !important;
+				}
+				td.emailbodytext {
+					font-size: 16px !important;
+					line-height: 23px !important;
+					padding-right: 20px !important;
+					padding-left: 20px !important;
+				}
+				.image-resize {
+					width: 100% !important;
+				}
+				table.footer-left,
+				table.footer-right {
+					width: 100% !important;
+					margin-top: 10px !important;
+				}
+				table.footer-right {
+					float: left !important;
+					margin-top: 25px !important;
+				}
+				td.footer-left,
+				td.footer-right,
+				td.footer-text {
+					text-align: center !important;
+				}
+				td.footer-right {
+					padding: 0px !important;
+				}
+				td.footer-text {
+					padding: 10px 20px 20px 20px !important;
+				}
+				td.button-wrapper {
+					display: inline-block;
+				}
+				.outer-sidebox,
+				.inner-sidebox {
+					float: none !important;
+					width: 100% !important;
+				}
+				.sidebox-padding {
+					padding-left: 0px !important;
+				}
+			}
+			/* DARK MODE FOR IOS AND APPLE MAIL */
+			@media (prefers-color-scheme: dark) {
+				body {
+					background: #1c1c1e;
+				}
+				a,
+				a:visited,
+				a:hover,
+				a:active {
+					color: #2d86e0;
+				}
+				a.button-text,
+				a.button-text:visited,
+				a.button-text:hover,
+				a.button-text:active {
+					color: #cecece;
+				}
+				td.emailbodytext p,
+				td.emailbodytext li,
+				td.emailbodytext h1,
+				td.emailbodytext h2,
+				td.emailbodytext h3,
+				td.tagline p,
+				td.dm-box h2 {
+					color: #cecece;
+				}
+				td.dm-box {
+					background: #2a2a2b !important;
+					color: #cecece;
+				}
+				td.emailbodytext {
+					border-bottom: 1px solid #2a2a2b !important;
+				}
+				table.inner-sidebox,
+				td.dm-box {
+					border: 0 !important;
+				}
+			}
+		</style>
+	</head>
+	<body>
+		<span class="preheader" style="display: none !important; visibility: hidden; opacity: 0; color: transparent; height: 0; width: 0">ENTER PREHEADER TEXT MESSAGE.</span>{include "pre-header-spacing"}{beacon}
+
+		<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600px">
+			<tbody>
+				<tr>
+					<td align="left" style="padding: 20px 0" class="logo-spacing">
+						<a href="{affiliates_website}"><img alt="{affiliate_name}'s logo" src="{affiliate_logo}" border="0" width="150" style="display: block" /></a>
+					</td>
+				</tr>
+				<tr>
+					<td
+						class="emailbodytext"
+						style="
+			color: #3c3532;
+			font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;
+			font-size: 16px;
+			line-height: 22px;
+			padding: 15px 0px 20px 0px;
+			border-bottom: 1px solid #d4d4d4;"
+						valign="top"
+					>
+						<p>{include "default_salutation"} &ndash;</p>
+						<!-- START OUTER SIDEBOX TABLE  -->
+						<table role="presentation" class="outer-sidebox" align="right" border="0" cellpadding="0" cellspacing="0" width="290" style="float: right">
+							<tr>
+								<td style="text-align: center; padding-left: 20px; padding-bottom: 20px" class="sidebox-padding">
+									<!-- START INNER SIDEBOX TABLE -->
+									<table role="presentation" class="inner-sidebox" border="0" cellpadding="0" cellspacing="0" width="270" style="float: right; border: 1px solid #cecece">
+										<tr>
+											<td class="dm-box" align="left" valign="top" style="border:1px solid #eeeeee;padding:15px;color:#3c3532;font-size:16px;font-family:Arial,&#39;Helvetica Neue&#39;,sans-serif;background-color: #cecece;">
+												<!-- START HEADLINE -->
+												<h2 style="font-weight: 900; font-size: 16px; line-height: 23px; text-transform: uppercase">Lorem ipsum dolor sit amet.</h2>
+												<!-- END HEADLINE -->
+												<!-- START IMAGE-->
+												<p style="margin: 0px 0 15px 0; font-weight: 400; line-height: 1.4em">
+													<a href="{affiliates_website}"><img src="https://media.sailthru.com/64p/1k3/9/r/5d8e778dd2054.jpg" alt="Lady Liberty." width="230" border="0" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic" class="image-resize" /></a>
+												</p>
+												<!-- END IMAGE-->
+												<!-- START CTA TEXT -->
+												<p style="margin: 10px 0 15px 0; line-height: 21px">Lorem ipsum dolor sit amet consectetur adipisicing elit. Excepturi, quisquam.</p>
+												<!-- END CTA TEXT -->
+												<!-- START CTA BUTTON, make sure to update both links and adjust both widths as needed -->
+												<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
+													<tr>
+														<td align="center" style="margin: 20px 0 20px 0">
+															<table role="presentation" border="0" cellspacing="0" cellpadding="0">
+																<tr>
+																	<td align="center" bgcolor="#ef404d">
+																		<a
+																			role="button"
+																			class="button-text"
+																			href="{affiliates_website}"
+																			style="font-family: Arial, sans-serif; color: #cecece; padding: 12px 18px; border: 1px solid #ef404d; display: inline-block; font-size: 18px; font-weight: 900; text-align: center; text-decoration: none; text-transform: uppercase"
+																			>Take Action Now</a
+																		>
+																	</td>
+																</tr>
+															</table>
+														</td>
+													</tr>
+												</table>
+												<br />
+												<!-- END CTA BUTTON -->
+											</td>
+										</tr>
+									</table>
+									<!-- START INNER SIDEBOX TABLE -->
+								</td>
+							</tr>
+						</table>
+						<!-- END OUTER SIDEBOX TABLE -->
+
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam a adipisci error sequi libero atque quae numquam facilis ipsum obcaecati fugiat rem qui nulla, fugit officiis debitis tempore. Exercitationem, error!</p>
+
+						<p>Tenetur porro molestias, provident nam dolore sint odit earum minus voluptas quis, quas quam amet sit voluptates velit suscipit consequuntur numquam eius, cum magnam. Tempora perspiciatis voluptatum voluptatibus vel itaque.</p>
+
+						<p>Eius nihil, ullam nesciunt accusantium perferendis unde aspernatur velit tempore provident assumenda quas aliquam, ex possimus voluptatum libero. Deleniti ratione libero molestiae modi assumenda quas facilis alias ullam dolor aperiam!</p>
+
+						<p>Eligendi laudantium voluptas asperiores eum aliquam aliquid id hic molestias illum placeat vero magnam impedit, totam atque officia voluptatibus accusantium. Unde quidem eum incidunt doloremque labore! Magni cum dolorem est?</p>
+
+						<p>Fugit sapiente dolores libero ipsa aliquid ex! Quo consectetur cumque quos sequi quaerat explicabo dignissimos est quam laudantium ad deserunt perferendis repudiandae officiis maxime unde dolor modi dolores, iste adipisci.</p>
+
+						{signature = 'ed'}{include "affiliate_signatures"}
+					</td>
+				</tr>
+			</tbody>
+		</table>
+
+		{include "affiliate-footer"}
+	</body>
+</html>
diff --git a/dist/templates/base/standard.html b/dist/templates/base/standard.html
index 34ae454..0312924 100644
--- a/dist/templates/base/standard.html
+++ b/dist/templates/base/standard.html
@@ -1,251 +1,255 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
-	<head>
-		<title>ACLU Email</title>
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-<meta name="viewport" content="width=device-width" />
-<meta name="color-scheme" content="light dark">
-<meta name="supported-color-schemes" content="light dark">
-<style>
-	:root {
-		color-schemes: light dark;
-		supported-color-schemes: light dark;
-	}
-	h1,
-	h2,
-	h3,
-	h4,
-	h5,
-	h6 {
-		margin: 0 0 5px 0;
-	}
-
-	p {
-		margin-top: 0px;
-		margin-bottom: 20px;
-	}
-
-	body {
-		width: 100% !important;
-		-webkit-text-size-adjust: 100%;
-		-ms-text-size-adjust: 100%;
-		margin: 0px;
-		padding: 0px;
-	}
-
-	a,
-	a:visited,
-	a:hover,
-	a:active {
-		color: #0055aa;
-		font-weight: 900;
-	}
-
-	img {
-		outline: none;
-		text-decoration: none;
-		-ms-interpolation-mode: bicubic;
-	}
-
-	a img {
-		border: none;
-	}
-
-	/* REMOVE SPACING BETWEEN TABLES IN OUTLOOK 2007 AND UP */
-	table,
-	td {
-		border-spacing: 0px;
-		border-collapse: collapse;
-		mso-table-lspace: 0pt;
-		mso-table-rspace: 0pt;
-	}
-
-	.preheader {
-		display: none !important;
-		visibility: hidden;
-		opacity: 0;
-		color: transparent;
-		height: 0;
-		width: 0;
-	}
-
-	ul {
-		margin-top: 0px;
-		margin-bottom: 0px;
-	}
-
-	li {
-		margin-bottom: 15px;
-		font-family: Arial, "Helvetica Neue", sans-serif;
-		font-size: 16px;
-		line-height: 16px;
-		list-style-type: disc;
-	}
-
-	td.footer-text a {
-		font-weight: 400 !important;
-	}
-
-	@media screen and (max-width: 480px) {
-		table.emailwrapto100pc {
-			width: 100% !important;
-			white-space: inherit !important;
-			line-height: inherit !important;
-		}
-		td.logo-spacing {
-			padding-left: 20px !important;
-		}
-		td.emailbodytext {
-			font-size: 16px !important;
-			line-height: 23px !important;
-			padding-right: 20px !important;
-			padding-left: 20px !important;
-		}
-		.image-resize {
-			width: 100% !important;
-		}
-		table.footer-left,
-		table.footer-right {
-			width: 100% !important;
-			margin-top: 10px !important;
-		}
-		table.footer-right {
-			float: left !important;
-			margin-top: 25px !important;
-		}
-		td.footer-left,
-		td.footer-right,
-		td.footer-text {
-			text-align: center !important;
-		}
-		td.footer-right {
-			padding: 0px !important;
-		}
-		td.footer-text {
-			padding: 10px 20px 20px 20px !important;
-		}
-		td.button-wrapper {
-			display: inline-block;
-		}
-		.outer-sidebox,
-		.inner-sidebox {
-			float: none !important;
-			width: 100% !important;
-		}
-		.sidebox-padding {
-			padding-left: 0px !important;
-		}
-	}
-	/* DARK MODE FOR IOS AND APPLE MAIL */
-	@media (prefers-color-scheme: dark) {
-		body {
-			background: #1c1c1e;
-		}
-		a,
-		a:visited,
-		a:hover,
-		a:active {
-			color: #2d86e0;
-		}
-		a.button-text,
-		a.button-text:visited,
-		a.button-text:hover,
-		a.button-text:active {
-			color: #cecece;
-		}
-		td.emailbodytext p,
-		td.emailbodytext li,
-		td.emailbodytext h1,
-		td.emailbodytext h2,
-		td.emailbodytext h3,
-		td.tagline p,
-		td.dm-box h2 {
-			color: #cecece;
-		}
-		td.dm-box {
-			background: #2a2a2b !important;
-			color: #cecece;
-		}
-		td.emailbodytext {
-			border-bottom: 1px solid #2a2a2b !important;
-		}
-		table.inner-sidebox,
-		td.dm-box {
-			border: 0 !important;
-		}
-	}
-</style>
-
-
-	</head>
-	<body>
-		<span class="preheader" style="display:none !important;visibility:hidden;opacity:0;color:transparent;height:0;width:0;">ENTER PREHEADER TEXT MESSAGE.</span>{include "pre-header-spacing"}{beacon}
-
-<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600px">
-	<tbody>
-		<tr>
-	<td align="left" style="padding:20px 0;" class="logo-spacing">
-		<a href="{affiliates_website}"><img alt="{affiliate_name}'s logo" src="{affiliate_logo}" border="0" width="150" style="display:block;"/></a>
-	</td>
-</tr>
-		<tr>
-			<td class="emailbodytext" style="
-			color: #3c3532;
-			font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;
-			font-size: 16px;
-			line-height: 22px;
-			padding: 15px 0px 20px 0px;
-			border-bottom: 1px solid #d4d4d4;" valign="top">
-				
-<p>{include "default_salutation"} &ndash;</p>
-
-<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam a adipisci error sequi libero atque quae numquam facilis ipsum obcaecati fugiat rem qui nulla, fugit officiis debitis tempore. Exercitationem, error!</p>
-
-<p>Tenetur porro molestias, provident nam dolore sint odit earum minus voluptas quis, quas quam amet sit voluptates velit suscipit consequuntur numquam eius, cum magnam. Tempora perspiciatis voluptatum voluptatibus vel itaque.</p>
-
-<!-- START CTA BUTTON, make sure to update both links and adjust both widths as needed -->
-<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
-	<tr>
-		<td align="center" style="margin: 20px 0 20px 0;">
-			<table role="presentation" border="0" cellspacing="0" cellpadding="0">
-				<tr>
-					<td align="center" bgcolor="#ef404d">
-						<a role="button" class="button-text" href="{affiliate_website}" style="
-						font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;
-						color: #cecece;
-						padding: 12px 18px;
-						border: 1px solid #ef404d;
-						display: inline-block;
-						font-size:18px;
-						font-weight:bold;
-						text-align:center;
-						text-decoration:none;
-						text-transform: uppercase;
-						">Take Action</a>
-					</td>
-				</tr>
-			</table></td>
-	</tr>
-</table>
-<br />
-<!-- END CTA BUTTON -->
-
-<p>Eius nihil, ullam nesciunt accusantium perferendis unde aspernatur velit tempore provident assumenda quas aliquam, ex possimus voluptatum libero. Deleniti ratione libero molestiae modi assumenda quas facilis alias ullam dolor aperiam!</p>
-
-<p>Eligendi laudantium voluptas asperiores eum aliquam aliquid id hic molestias illum placeat vero magnam impedit, totam atque officia voluptatibus accusantium. Unde quidem eum incidunt doloremque labore! Magni cum dolorem est?</p>
-
-<p>Fugit sapiente dolores libero ipsa aliquid ex! Quo consectetur cumque quos sequi quaerat explicabo dignissimos est quam laudantium ad deserunt perferendis repudiandae officiis maxime unde dolor modi dolores, iste adipisci.</p>
-
-
-				{signature = 'ed'}{include "affiliate_signatures"}
-			</td>
-		</tr>
-	</tbody>
-</table>
-
-
-		
-			{include "affiliate-footer"}
-		
-	</body>
-</html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>ACLU Email</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+		<meta name="viewport" content="width=device-width" />
+		<meta name="color-scheme" content="light dark" />
+		<meta name="supported-color-schemes" content="light dark" />
+		<style>
+			:root {
+				color-schemes: light dark;
+				supported-color-schemes: light dark;
+			}
+			h1,
+			h2,
+			h3,
+			h4,
+			h5,
+			h6 {
+				margin: 0 0 5px 0;
+			}
+
+			p {
+				margin-top: 0px;
+				margin-bottom: 20px;
+			}
+
+			body {
+				width: 100% !important;
+				-webkit-text-size-adjust: 100%;
+				-ms-text-size-adjust: 100%;
+				margin: 0px;
+				padding: 0px;
+			}
+
+			a,
+			a:visited,
+			a:hover,
+			a:active {
+				color: #0055aa;
+				font-weight: 900;
+			}
+
+			img {
+				outline: none;
+				text-decoration: none;
+				-ms-interpolation-mode: bicubic;
+			}
+
+			a img {
+				border: none;
+			}
+
+			/* REMOVE SPACING BETWEEN TABLES IN OUTLOOK 2007 AND UP */
+			table,
+			td {
+				border-spacing: 0px;
+				border-collapse: collapse;
+				mso-table-lspace: 0pt;
+				mso-table-rspace: 0pt;
+			}
+
+			.preheader {
+				display: none !important;
+				visibility: hidden;
+				opacity: 0;
+				color: transparent;
+				height: 0;
+				width: 0;
+			}
+
+			ul {
+				margin-top: 0px;
+				margin-bottom: 0px;
+			}
+
+			li {
+				margin-bottom: 15px;
+				font-family: Arial, "Helvetica Neue", sans-serif;
+				font-size: 16px;
+				line-height: 16px;
+				list-style-type: disc;
+			}
+
+			td.footer-text a {
+				font-weight: 400 !important;
+			}
+
+			@media screen and (max-width: 480px) {
+				table.emailwrapto100pc {
+					width: 100% !important;
+					white-space: inherit !important;
+					line-height: inherit !important;
+				}
+				td.logo-spacing {
+					padding-left: 20px !important;
+				}
+				td.emailbodytext {
+					font-size: 16px !important;
+					line-height: 23px !important;
+					padding-right: 20px !important;
+					padding-left: 20px !important;
+				}
+				.image-resize {
+					width: 100% !important;
+				}
+				table.footer-left,
+				table.footer-right {
+					width: 100% !important;
+					margin-top: 10px !important;
+				}
+				table.footer-right {
+					float: left !important;
+					margin-top: 25px !important;
+				}
+				td.footer-left,
+				td.footer-right,
+				td.footer-text {
+					text-align: center !important;
+				}
+				td.footer-right {
+					padding: 0px !important;
+				}
+				td.footer-text {
+					padding: 10px 20px 20px 20px !important;
+				}
+				td.button-wrapper {
+					display: inline-block;
+				}
+				.outer-sidebox,
+				.inner-sidebox {
+					float: none !important;
+					width: 100% !important;
+				}
+				.sidebox-padding {
+					padding-left: 0px !important;
+				}
+			}
+			/* DARK MODE FOR IOS AND APPLE MAIL */
+			@media (prefers-color-scheme: dark) {
+				body {
+					background: #1c1c1e;
+				}
+				a,
+				a:visited,
+				a:hover,
+				a:active {
+					color: #2d86e0;
+				}
+				a.button-text,
+				a.button-text:visited,
+				a.button-text:hover,
+				a.button-text:active {
+					color: #cecece;
+				}
+				td.emailbodytext p,
+				td.emailbodytext li,
+				td.emailbodytext h1,
+				td.emailbodytext h2,
+				td.emailbodytext h3,
+				td.tagline p,
+				td.dm-box h2 {
+					color: #cecece;
+				}
+				td.dm-box {
+					background: #2a2a2b !important;
+					color: #cecece;
+				}
+				td.emailbodytext {
+					border-bottom: 1px solid #2a2a2b !important;
+				}
+				table.inner-sidebox,
+				td.dm-box {
+					border: 0 !important;
+				}
+			}
+		</style>
+	</head>
+	<body>
+		<span class="preheader" style="display: none !important; visibility: hidden; opacity: 0; color: transparent; height: 0; width: 0">ENTER PREHEADER TEXT MESSAGE.</span>{include "pre-header-spacing"}{beacon}
+
+		<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600px">
+			<tbody>
+				<tr>
+					<td align="left" style="padding: 20px 0" class="logo-spacing">
+						<a href="{affiliates_website}"><img alt="{affiliate_name}'s logo" src="{affiliate_logo}" border="0" width="150" style="display: block" /></a>
+					</td>
+				</tr>
+				<tr>
+					<td
+						class="emailbodytext"
+						style="
+			color: #3c3532;
+			font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;
+			font-size: 16px;
+			line-height: 22px;
+			padding: 15px 0px 20px 0px;
+			border-bottom: 1px solid #d4d4d4;"
+						valign="top"
+					>
+						<p>{include "default_salutation"} &ndash;</p>
+
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam a adipisci error sequi libero atque quae numquam facilis ipsum obcaecati fugiat rem qui nulla, fugit officiis debitis tempore. Exercitationem, error!</p>
+
+						<p>Tenetur porro molestias, provident nam dolore sint odit earum minus voluptas quis, quas quam amet sit voluptates velit suscipit consequuntur numquam eius, cum magnam. Tempora perspiciatis voluptatum voluptatibus vel itaque.</p>
+
+						<!-- START CTA BUTTON, make sure to update both links and adjust both widths as needed -->
+						<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
+							<tr>
+								<td align="center" style="margin: 20px 0 20px 0">
+									<table role="presentation" border="0" cellspacing="0" cellpadding="0">
+										<tr>
+											<td align="center" bgcolor="#ef404d">
+												<a
+													role="button"
+													class="button-text"
+													href="{affiliate_website}"
+													style="
+						font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;
+						color: #cecece;
+						padding: 12px 18px;
+						border: 1px solid #ef404d;
+						display: inline-block;
+						font-size:18px;
+						font-weight:bold;
+						text-align:center;
+						text-decoration:none;
+						text-transform: uppercase;
+						"
+													>Take Action</a
+												>
+											</td>
+										</tr>
+									</table>
+								</td>
+							</tr>
+						</table>
+						<br />
+						<!-- END CTA BUTTON -->
+
+						<p>Eius nihil, ullam nesciunt accusantium perferendis unde aspernatur velit tempore provident assumenda quas aliquam, ex possimus voluptatum libero. Deleniti ratione libero molestiae modi assumenda quas facilis alias ullam dolor aperiam!</p>
+
+						<p>Eligendi laudantium voluptas asperiores eum aliquam aliquid id hic molestias illum placeat vero magnam impedit, totam atque officia voluptatibus accusantium. Unde quidem eum incidunt doloremque labore! Magni cum dolorem est?</p>
+
+						<p>Fugit sapiente dolores libero ipsa aliquid ex! Quo consectetur cumque quos sequi quaerat explicabo dignissimos est quam laudantium ad deserunt perferendis repudiandae officiis maxime unde dolor modi dolores, iste adipisci.</p>
+
+						{signature = 'ed'}{include "affiliate_signatures"}
+					</td>
+				</tr>
+			</tbody>
+		</table>
+
+		{include "affiliate-footer"}
+	</body>
+</html>
diff --git a/dist/templates/base/topper.html b/dist/templates/base/topper.html
index bd6ee2d..cbe5227 100644
--- a/dist/templates/base/topper.html
+++ b/dist/templates/base/topper.html
@@ -1,271 +1,276 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
-	<head>
-		<title>ACLU Email</title>
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-<meta name="viewport" content="width=device-width" />
-<meta name="color-scheme" content="light dark">
-<meta name="supported-color-schemes" content="light dark">
-<style>
-	:root {
-		color-schemes: light dark;
-		supported-color-schemes: light dark;
-	}
-	h1,
-	h2,
-	h3,
-	h4,
-	h5,
-	h6 {
-		margin: 0 0 5px 0;
-	}
-
-	p {
-		margin-top: 0px;
-		margin-bottom: 20px;
-	}
-
-	body {
-		width: 100% !important;
-		-webkit-text-size-adjust: 100%;
-		-ms-text-size-adjust: 100%;
-		margin: 0px;
-		padding: 0px;
-	}
-
-	a,
-	a:visited,
-	a:hover,
-	a:active {
-		color: #0055aa;
-		font-weight: 900;
-	}
-
-	img {
-		outline: none;
-		text-decoration: none;
-		-ms-interpolation-mode: bicubic;
-	}
-
-	a img {
-		border: none;
-	}
-
-	/* REMOVE SPACING BETWEEN TABLES IN OUTLOOK 2007 AND UP */
-	table,
-	td {
-		border-spacing: 0px;
-		border-collapse: collapse;
-		mso-table-lspace: 0pt;
-		mso-table-rspace: 0pt;
-	}
-
-	.preheader {
-		display: none !important;
-		visibility: hidden;
-		opacity: 0;
-		color: transparent;
-		height: 0;
-		width: 0;
-	}
-
-	ul {
-		margin-top: 0px;
-		margin-bottom: 0px;
-	}
-
-	li {
-		margin-bottom: 15px;
-		font-family: Arial, "Helvetica Neue", sans-serif;
-		font-size: 16px;
-		line-height: 16px;
-		list-style-type: disc;
-	}
-
-	td.footer-text a {
-		font-weight: 400 !important;
-	}
-
-	@media screen and (max-width: 480px) {
-		table.emailwrapto100pc {
-			width: 100% !important;
-			white-space: inherit !important;
-			line-height: inherit !important;
-		}
-		td.logo-spacing {
-			padding-left: 20px !important;
-		}
-		td.emailbodytext {
-			font-size: 16px !important;
-			line-height: 23px !important;
-			padding-right: 20px !important;
-			padding-left: 20px !important;
-		}
-		.image-resize {
-			width: 100% !important;
-		}
-		table.footer-left,
-		table.footer-right {
-			width: 100% !important;
-			margin-top: 10px !important;
-		}
-		table.footer-right {
-			float: left !important;
-			margin-top: 25px !important;
-		}
-		td.footer-left,
-		td.footer-right,
-		td.footer-text {
-			text-align: center !important;
-		}
-		td.footer-right {
-			padding: 0px !important;
-		}
-		td.footer-text {
-			padding: 10px 20px 20px 20px !important;
-		}
-		td.button-wrapper {
-			display: inline-block;
-		}
-		.outer-sidebox,
-		.inner-sidebox {
-			float: none !important;
-			width: 100% !important;
-		}
-		.sidebox-padding {
-			padding-left: 0px !important;
-		}
-	}
-	/* DARK MODE FOR IOS AND APPLE MAIL */
-	@media (prefers-color-scheme: dark) {
-		body {
-			background: #1c1c1e;
-		}
-		a,
-		a:visited,
-		a:hover,
-		a:active {
-			color: #2d86e0;
-		}
-		a.button-text,
-		a.button-text:visited,
-		a.button-text:hover,
-		a.button-text:active {
-			color: #cecece;
-		}
-		td.emailbodytext p,
-		td.emailbodytext li,
-		td.emailbodytext h1,
-		td.emailbodytext h2,
-		td.emailbodytext h3,
-		td.tagline p,
-		td.dm-box h2 {
-			color: #cecece;
-		}
-		td.dm-box {
-			background: #2a2a2b !important;
-			color: #cecece;
-		}
-		td.emailbodytext {
-			border-bottom: 1px solid #2a2a2b !important;
-		}
-		table.inner-sidebox,
-		td.dm-box {
-			border: 0 !important;
-		}
-	}
-</style>
-
-
-	</head>
-	<body>
-		<span class="preheader" style="display:none !important;visibility:hidden;opacity:0;color:transparent;height:0;width:0;">ENTER PREHEADER TEXT MESSAGE.</span>{include "pre-header-spacing"}{beacon}
-
-	<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600px">
-	<tbody>
-		<tr>
-			<td class="emailbodytext" style="padding:15px 0px 20px 0px;color:#3c3532;font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;font-size:16px;line-height: 22px;border-bottom: 1px solid #d4d4d4;" valign="top">
-				<p>{include "default_salutation"} &ndash;</p>
-
-				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi tincidunt vestibulum ante, nec condimentum turpis aliquet et. Sed eget interdum eros. In sagittis justo nunc</p>
-
-				<p><a href="{affiliates_website}">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloremque, architecto!</a></p>
-
-				<p>Suspendisse vulputate, risus a elementum accumsan, odio orci cursus est, at sollicitudin enim justo et lorem.</p>
-
-				<p>Thank you,</p>
-
-				<p><strong>{affiliate_name}</strong></p>
-			</td>
-		</tr>
-	</tbody>
-</table><br/>
-
-<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600px">
-	<tbody>
-		<tr>
-	<td align="left" style="padding:20px 0;" class="logo-spacing">
-		<a href="{affiliates_website}"><img alt="{affiliate_name}'s logo" src="{affiliate_logo}" border="0" width="150" style="display:block;"/></a>
-	</td>
-</tr>
-		<tr>
-			<td class="emailbodytext" style="
-			color: #3c3532;
-			font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;
-			font-size: 16px;
-			line-height: 22px;
-			padding: 15px 0px 20px 0px;
-			border-bottom: 1px solid #d4d4d4;" valign="top">
-				
-<p>{include "default_salutation"} &ndash;</p>
-
-<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam a adipisci error sequi libero atque quae numquam facilis ipsum obcaecati fugiat rem qui nulla, fugit officiis debitis tempore. Exercitationem, error!</p>
-
-<p>Tenetur porro molestias, provident nam dolore sint odit earum minus voluptas quis, quas quam amet sit voluptates velit suscipit consequuntur numquam eius, cum magnam. Tempora perspiciatis voluptatum voluptatibus vel itaque.</p>
-
-<!-- START CTA BUTTON, make sure to update both links and adjust both widths as needed -->
-<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
-	<tr>
-		<td align="center" style="margin: 20px 0 20px 0;">
-			<table role="presentation" border="0" cellspacing="0" cellpadding="0">
-				<tr>
-					<td align="center" bgcolor="#ef404d">
-						<a role="button" class="button-text" href="{affiliate_website}" style="
-						font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;
-						color: #cecece;
-						padding: 12px 18px;
-						border: 1px solid #ef404d;
-						display: inline-block;
-						font-size:18px;
-						font-weight:bold;
-						text-align:center;
-						text-decoration:none;
-						text-transform: uppercase;
-						">Take Action</a>
-					</td>
-				</tr>
-			</table></td>
-	</tr>
-</table>
-<br />
-<!-- END CTA BUTTON -->
-
-<p>Eius nihil, ullam nesciunt accusantium perferendis unde aspernatur velit tempore provident assumenda quas aliquam, ex possimus voluptatum libero. Deleniti ratione libero molestiae modi assumenda quas facilis alias ullam dolor aperiam!</p>
-
-<p>Eligendi laudantium voluptas asperiores eum aliquam aliquid id hic molestias illum placeat vero magnam impedit, totam atque officia voluptatibus accusantium. Unde quidem eum incidunt doloremque labore! Magni cum dolorem est?</p>
-
-<p>Fugit sapiente dolores libero ipsa aliquid ex! Quo consectetur cumque quos sequi quaerat explicabo dignissimos est quam laudantium ad deserunt perferendis repudiandae officiis maxime unde dolor modi dolores, iste adipisci.</p>
-
-
-				{signature = 'ed'}{include "affiliate_signatures"}
-			</td>
-		</tr>
-	</tbody>
-</table>
-
-
-		
-			{include "affiliate-footer"}
-		
-	</body>
-</html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>ACLU Email</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+		<meta name="viewport" content="width=device-width" />
+		<meta name="color-scheme" content="light dark" />
+		<meta name="supported-color-schemes" content="light dark" />
+		<style>
+			:root {
+				color-schemes: light dark;
+				supported-color-schemes: light dark;
+			}
+			h1,
+			h2,
+			h3,
+			h4,
+			h5,
+			h6 {
+				margin: 0 0 5px 0;
+			}
+
+			p {
+				margin-top: 0px;
+				margin-bottom: 20px;
+			}
+
+			body {
+				width: 100% !important;
+				-webkit-text-size-adjust: 100%;
+				-ms-text-size-adjust: 100%;
+				margin: 0px;
+				padding: 0px;
+			}
+
+			a,
+			a:visited,
+			a:hover,
+			a:active {
+				color: #0055aa;
+				font-weight: 900;
+			}
+
+			img {
+				outline: none;
+				text-decoration: none;
+				-ms-interpolation-mode: bicubic;
+			}
+
+			a img {
+				border: none;
+			}
+
+			/* REMOVE SPACING BETWEEN TABLES IN OUTLOOK 2007 AND UP */
+			table,
+			td {
+				border-spacing: 0px;
+				border-collapse: collapse;
+				mso-table-lspace: 0pt;
+				mso-table-rspace: 0pt;
+			}
+
+			.preheader {
+				display: none !important;
+				visibility: hidden;
+				opacity: 0;
+				color: transparent;
+				height: 0;
+				width: 0;
+			}
+
+			ul {
+				margin-top: 0px;
+				margin-bottom: 0px;
+			}
+
+			li {
+				margin-bottom: 15px;
+				font-family: Arial, "Helvetica Neue", sans-serif;
+				font-size: 16px;
+				line-height: 16px;
+				list-style-type: disc;
+			}
+
+			td.footer-text a {
+				font-weight: 400 !important;
+			}
+
+			@media screen and (max-width: 480px) {
+				table.emailwrapto100pc {
+					width: 100% !important;
+					white-space: inherit !important;
+					line-height: inherit !important;
+				}
+				td.logo-spacing {
+					padding-left: 20px !important;
+				}
+				td.emailbodytext {
+					font-size: 16px !important;
+					line-height: 23px !important;
+					padding-right: 20px !important;
+					padding-left: 20px !important;
+				}
+				.image-resize {
+					width: 100% !important;
+				}
+				table.footer-left,
+				table.footer-right {
+					width: 100% !important;
+					margin-top: 10px !important;
+				}
+				table.footer-right {
+					float: left !important;
+					margin-top: 25px !important;
+				}
+				td.footer-left,
+				td.footer-right,
+				td.footer-text {
+					text-align: center !important;
+				}
+				td.footer-right {
+					padding: 0px !important;
+				}
+				td.footer-text {
+					padding: 10px 20px 20px 20px !important;
+				}
+				td.button-wrapper {
+					display: inline-block;
+				}
+				.outer-sidebox,
+				.inner-sidebox {
+					float: none !important;
+					width: 100% !important;
+				}
+				.sidebox-padding {
+					padding-left: 0px !important;
+				}
+			}
+			/* DARK MODE FOR IOS AND APPLE MAIL */
+			@media (prefers-color-scheme: dark) {
+				body {
+					background: #1c1c1e;
+				}
+				a,
+				a:visited,
+				a:hover,
+				a:active {
+					color: #2d86e0;
+				}
+				a.button-text,
+				a.button-text:visited,
+				a.button-text:hover,
+				a.button-text:active {
+					color: #cecece;
+				}
+				td.emailbodytext p,
+				td.emailbodytext li,
+				td.emailbodytext h1,
+				td.emailbodytext h2,
+				td.emailbodytext h3,
+				td.tagline p,
+				td.dm-box h2 {
+					color: #cecece;
+				}
+				td.dm-box {
+					background: #2a2a2b !important;
+					color: #cecece;
+				}
+				td.emailbodytext {
+					border-bottom: 1px solid #2a2a2b !important;
+				}
+				table.inner-sidebox,
+				td.dm-box {
+					border: 0 !important;
+				}
+			}
+		</style>
+	</head>
+	<body>
+		<span class="preheader" style="display: none !important; visibility: hidden; opacity: 0; color: transparent; height: 0; width: 0">ENTER PREHEADER TEXT MESSAGE.</span>{include "pre-header-spacing"}{beacon}
+
+		<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600px">
+			<tbody>
+				<tr>
+					<td class="emailbodytext" style="padding:15px 0px 20px 0px;color:#3c3532;font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;font-size:16px;line-height: 22px;border-bottom: 1px solid #d4d4d4;" valign="top">
+						<p>{include "default_salutation"} &ndash;</p>
+
+						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi tincidunt vestibulum ante, nec condimentum turpis aliquet et. Sed eget interdum eros. In sagittis justo nunc</p>
+
+						<p><a href="{affiliates_website}">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Doloremque, architecto!</a></p>
+
+						<p>Suspendisse vulputate, risus a elementum accumsan, odio orci cursus est, at sollicitudin enim justo et lorem.</p>
+
+						<p>Thank you,</p>
+
+						<p><strong>{affiliate_name}</strong></p>
+					</td>
+				</tr>
+			</tbody>
+		</table>
+		<br />
+
+		<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600px">
+			<tbody>
+				<tr>
+					<td align="left" style="padding: 20px 0" class="logo-spacing">
+						<a href="{affiliates_website}"><img alt="{affiliate_name}'s logo" src="{affiliate_logo}" border="0" width="150" style="display: block" /></a>
+					</td>
+				</tr>
+				<tr>
+					<td
+						class="emailbodytext"
+						style="
+			color: #3c3532;
+			font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;
+			font-size: 16px;
+			line-height: 22px;
+			padding: 15px 0px 20px 0px;
+			border-bottom: 1px solid #d4d4d4;"
+						valign="top"
+					>
+						<p>{include "default_salutation"} &ndash;</p>
+
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam a adipisci error sequi libero atque quae numquam facilis ipsum obcaecati fugiat rem qui nulla, fugit officiis debitis tempore. Exercitationem, error!</p>
+
+						<p>Tenetur porro molestias, provident nam dolore sint odit earum minus voluptas quis, quas quam amet sit voluptates velit suscipit consequuntur numquam eius, cum magnam. Tempora perspiciatis voluptatum voluptatibus vel itaque.</p>
+
+						<!-- START CTA BUTTON, make sure to update both links and adjust both widths as needed -->
+						<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
+							<tr>
+								<td align="center" style="margin: 20px 0 20px 0">
+									<table role="presentation" border="0" cellspacing="0" cellpadding="0">
+										<tr>
+											<td align="center" bgcolor="#ef404d">
+												<a
+													role="button"
+													class="button-text"
+													href="{affiliate_website}"
+													style="
+						font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;
+						color: #cecece;
+						padding: 12px 18px;
+						border: 1px solid #ef404d;
+						display: inline-block;
+						font-size:18px;
+						font-weight:bold;
+						text-align:center;
+						text-decoration:none;
+						text-transform: uppercase;
+						"
+													>Take Action</a
+												>
+											</td>
+										</tr>
+									</table>
+								</td>
+							</tr>
+						</table>
+						<br />
+						<!-- END CTA BUTTON -->
+
+						<p>Eius nihil, ullam nesciunt accusantium perferendis unde aspernatur velit tempore provident assumenda quas aliquam, ex possimus voluptatum libero. Deleniti ratione libero molestiae modi assumenda quas facilis alias ullam dolor aperiam!</p>
+
+						<p>Eligendi laudantium voluptas asperiores eum aliquam aliquid id hic molestias illum placeat vero magnam impedit, totam atque officia voluptatibus accusantium. Unde quidem eum incidunt doloremque labore! Magni cum dolorem est?</p>
+
+						<p>Fugit sapiente dolores libero ipsa aliquid ex! Quo consectetur cumque quos sequi quaerat explicabo dignissimos est quam laudantium ad deserunt perferendis repudiandae officiis maxime unde dolor modi dolores, iste adipisci.</p>
+
+						{signature = 'ed'}{include "affiliate_signatures"}
+					</td>
+				</tr>
+			</tbody>
+		</table>
+
+		{include "affiliate-footer"}
+	</body>
+</html>
diff --git a/dist/templates/newsletters/blank-example.html b/dist/templates/newsletters/blank-example.html
index 84a6015..aecc38d 100644
--- a/dist/templates/newsletters/blank-example.html
+++ b/dist/templates/newsletters/blank-example.html
@@ -1,299 +1,309 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
-<head>
-	<title>ACLU Email</title>
-	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-	<meta name="viewport" content="width=device-width" />
-	<meta name="color-scheme" content="light dark" />
-	<meta name="supported-color-schemes" content="light dark" />
-	<style>
-	:root {
-		color-schemes: light dark;
-		supported-color-schemes: light dark;
-	}
-	h1,
-	h2,
-	h3,
-	h4,
-	h5,
-	h6 {
-		margin: 0 0 5px 0;
-	}
-
-	p {
-		margin-top: 0px;
-		margin-bottom: 20px;
-	}
-
-	body {
-		width: 100% !important;
-		-webkit-text-size-adjust: 100%;
-		-ms-text-size-adjust: 100%;
-		margin: 0px;
-		padding: 0px;
-	}
-
-	a,
-	a:visited,
-	a:hover,
-	a:active {
-		color: #0055aa;
-		font-weight: 900;
-	}
-
-	img {
-		outline: none;
-		text-decoration: none;
-		-ms-interpolation-mode: bicubic;
-	}
-
-	a img {
-		border: none;
-	}
-
-	/* REMOVE SPACING BETWEEN TABLES IN OUTLOOK 2007 AND UP */
-	table,
-	td {
-		border-spacing: 0px;
-		border-collapse: collapse;
-		mso-table-lspace: 0pt;
-		mso-table-rspace: 0pt;
-	}
-
-	.preheader {
-		display: none !important;
-		visibility: hidden;
-		opacity: 0;
-		color: transparent;
-		height: 0;
-		width: 0;
-	}
-
-	ul {
-		margin-top: 0px;
-		margin-bottom: 0px;
-	}
-
-	li {
-		margin-bottom: 15px;
-		font-family: Arial, "Helvetica Neue", sans-serif;
-		font-size: 16px;
-		line-height: 22px;
-		/* REMOVE list-style-type
-	TO SHOW ORDERED LIST */
-		list-style-type: disc;
-	}
-
-	td.footer-text a {
-		font-weight: 400 !important;
-	}
-
-	.highlight {
-		background-color: #f3ef07;
-		display: inline;
-		padding: 3px;
-		font-weight: bold;
-		color: black;
-	}
-
-	ul li::before,
-	ol li::before {
-		content: "\2022";
-		color: #f3ef07;
-		font-weight: bold;
-		display: inline-block;
-		width: 1em;
-		margin-left: -1em;
-	}
-
-	tr.header-section {
-		display: block;
-		padding: 20px 0;
-	}
-
-	td.logo {
-		width: 450px;
-	}
-	td.donate {
-		width: 150px;
-	}
-
-	@media screen and (max-width: 480px) {
-		table.emailwrapto100pc {
-			width: 100% !important;
-			white-space: inherit !important;
-			line-height: inherit !important;
-		}
-		td.logo-spacing {
-			padding-left: 20px !important;
-		}
-		td.emailbodytext {
-			font-size: 16px !important;
-			line-height: 23px !important;
-			padding-right: 20px !important;
-			padding-left: 20px !important;
-		}
-		.image-resize {
-			width: 100% !important;
-		}
-		table.footer-left,
-		table.footer-right {
-			width: 100% !important;
-			margin-top: 10px !important;
-		}
-		table.footer-right {
-			float: left !important;
-			margin-top: 25px !important;
-		}
-		td.footer-left,
-		td.footer-right,
-		td.footer-text {
-			text-align: center !important;
-		}
-		td.footer-right {
-			padding: 0px !important;
-		}
-		td.footer-text {
-			padding: 10px 20px 20px 20px !important;
-		}
-		td.button-wrapper {
-			display: inline-block;
-		}
-		.outer-sidebox,
-		.inner-sidebox {
-			float: none !important;
-			width: 100% !important;
-		}
-		.sidebox-padding {
-			padding-left: 0px !important;
-		}
-	}
-	/* DARK MODE FOR IOS AND APPLE MAIL */
-	@media (prefers-color-scheme: dark) {
-		body {
-			background: #1c1c1e;
-		}
-		a,
-		a:visited,
-		a:hover,
-		a:active {
-			color: #2d86e0;
-		}
-		a.button-text,
-		a.button-text:visited,
-		a.button-text:hover,
-		a.button-text:active {
-			color: #cecece;
-		}
-		td.emailbodytext p,
-		td.emailbodytext li,
-		td.emailbodytext h1,
-		td.emailbodytext h2,
-		td.emailbodytext h3,
-		td.tagline p,
-		td.dm-box h2 {
-			color: #cecece;
-		}
-		td.dm-box {
-			background: #2a2a2b !important;
-			color: #cecece;
-		}
-		td.emailbodytext {
-			border-bottom: 2px solid #2a2a2b !important;
-		}
-		table.inner-sidebox,
-		td.dm-box {
-			border: 0 !important;
-		}
-		td.dm-newsletter-tag {
-			background: #ef404d;
-		}
-	}
-</style>
-
-</head>
-<body>
-	<span class="preheader" style="display:none !important;visibility:hidden;opacity:0;color:transparent;height:0;width:0;">ENTER PREHEADER TEXT MESSAGE.</span>{include "pre-header-spacing"}{beacon}
-	<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600px">
-		<tbody>
-			<tr class="header-section">
-	<td align="left" class="logo">
-		<a href="{affiliates_website}"><img alt="{affiliate_name}'s logo" src="{affiliate_logo}" border="0" width="150" style="display:block;"/></a>
-	</td>
-	<td align="right" class="donate">
-		
-		<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
-			<tr>
-				<td align="center" style="margin: 20px 0 20px 0;">
-					<table role="presentation" border="0" cellspacing="0" cellpadding="0">
-						<tr>
-							<td align="center" bgcolor="ef404d">
-								<a role="button" class="button-text" href="{affiliates_website}" style="font-family: Arial, sans-serif; color: #cecece; padding: 12px 18px; border: 1px solid #ef404d; display: inline-block;font-size:18px;font-weight:900;text-align:center;text-decoration:none;text-transform: uppercase;">Donate</a>
-							</td>
-						</tr>
-					</table>
-				</td>
-			</tr>
-		</table>
-	</td>
-</tr>
-			<tr>
-				<td class="emailbodytext" style="color: #3c3532; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 22px; padding: 15px 0px 20px 0px; border-bottom: 1px solid #d4d4d4" valign="top">
-					<p>{include "default_salutation"} &ndash;</p>
-
-					<p>Any template you create will use <code>blank</code> layout template by default. That template will only have the doctype. You will need to add the head/body code. This gives you as much control over the template without relying on our base styles.</p>
-
-					<blockquote style="border-left: 3px solid #f3ef07; padding-left: 10px;margin-left:15px;">
-						<p>
-							<strong>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;</strong>
-						</p>
-					</blockquote>
-
-					<p>You can use our pre-existing pre-header by include this snipper below.</p>
-
-					<blockquote style="border-left: 3px solid #f3ef07; padding-left: 10px;margin-left:15px;">
-						<p>
-							<strong>{% include "partials/preheader.njk" %}</strong>
-						</p>
-					</blockquote>
-
-					<p>These are the HTML codes you can use to replace curly quotes (') and apostrophes(“).</p>
-
-					<ol>
-						<li>Use the code <span class="highlight">&#38;#39&#59;</span> or <span class="highlight">&amp;apos&semi;</span> to output <span class="highlight">&apos;</span>. Or you can just use your keyboard.</li>
-
-						<li>Use the code <span class="highlight">&#38;#34&#59;</span> or <span class="highlight">&amp;quot&semi;</span> to output <span class="highlight">&quot;</span>. Or you can just use your keyboard.</li>
-					</ol>
-
-					<p><strong>Anthony Romero<br/>
-					Pronouns: He, him, his<br />
-					ACLU Executive Director</strong></p>
-				</td>
-			</tr>
-			<tr>
-	<td class="footer" style="text-align:left;font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;font-size:13px;color:#505050;line-height:19px;padding:25px 15px 15px 15px;">
-		<table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0" align="right">
-			<tbody>
-				<tr>
-					<td align="center" valign="top" style="padding:40px 0px 0px 0px;font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;font-size:16px;line-height: 22px;color:#888888;text-align:center;">
-						<a href="https://www.facebook.com/aclu"><img src="https://media.sailthru.com/64d/1k3/a/o/5db1cb21b75bf.png" border="0" alt="Facebook Icon" width="33"/></a> &nbsp; &nbsp;
-						<a href="https://twitter.com/aclu"><img src="https://media.sailthru.com/64d/1k3/a/o/5db1cb153c9f8.png" border="0" alt="Twitter Icon" width="33"/></a> &nbsp; &nbsp;
-						<a href="https://www.instagram.com/aclu_nationwide/"><img src="https://media.sailthru.com/64d/1k3/a/o/5db1cb1be2cb6.png" border="0" alt="Instagram Icon" width="33"/></a>
-					</td>
-				</tr>
-				<tr>
-					<td align="center" class="footer-text" style="color:#888888;font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;font-size:14px;line-height: 22px;padding:15px;">
-						<p>American Civil Liberties Union<br />
-						125 Broad St.<br />New York, NY 10004</p>
-
-						<p><a href="" style="color:#888888;">Unsubscribe</a> | <a href="" style="color:#888888;">Privacy Policy</a></p>
-					</td>
-				</tr>
-			</tbody>
-		</table>
-	</td>
-</tr>
-		</tbody>
-	</table>
-</body>
-</html>
\ No newline at end of file
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>ACLU Email</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+		<meta name="viewport" content="width=device-width" />
+		<meta name="color-scheme" content="light dark" />
+		<meta name="supported-color-schemes" content="light dark" />
+		<style>
+			:root {
+				color-schemes: light dark;
+				supported-color-schemes: light dark;
+			}
+			h1,
+			h2,
+			h3,
+			h4,
+			h5,
+			h6 {
+				margin: 0 0 5px 0;
+			}
+
+			p {
+				margin-top: 0px;
+				margin-bottom: 20px;
+			}
+
+			body {
+				width: 100% !important;
+				-webkit-text-size-adjust: 100%;
+				-ms-text-size-adjust: 100%;
+				margin: 0px;
+				padding: 0px;
+			}
+
+			a,
+			a:visited,
+			a:hover,
+			a:active {
+				color: #0055aa;
+				font-weight: 900;
+			}
+
+			img {
+				outline: none;
+				text-decoration: none;
+				-ms-interpolation-mode: bicubic;
+			}
+
+			a img {
+				border: none;
+			}
+
+			/* REMOVE SPACING BETWEEN TABLES IN OUTLOOK 2007 AND UP */
+			table,
+			td {
+				border-spacing: 0px;
+				border-collapse: collapse;
+				mso-table-lspace: 0pt;
+				mso-table-rspace: 0pt;
+			}
+
+			.preheader {
+				display: none !important;
+				visibility: hidden;
+				opacity: 0;
+				color: transparent;
+				height: 0;
+				width: 0;
+			}
+
+			ul {
+				margin-top: 0px;
+				margin-bottom: 0px;
+			}
+
+			li {
+				margin-bottom: 15px;
+				font-family: Arial, "Helvetica Neue", sans-serif;
+				font-size: 16px;
+				line-height: 22px;
+				/* REMOVE list-style-type
+	TO SHOW ORDERED LIST */
+				list-style-type: disc;
+			}
+
+			td.footer-text a {
+				font-weight: 400 !important;
+			}
+
+			.highlight {
+				background-color: #f3ef07;
+				display: inline;
+				padding: 3px;
+				font-weight: bold;
+				color: black;
+			}
+
+			ul li::before,
+			ol li::before {
+				content: "\2022";
+				color: #f3ef07;
+				font-weight: bold;
+				display: inline-block;
+				width: 1em;
+				margin-left: -1em;
+			}
+
+			tr.header-section {
+				display: block;
+				padding: 20px 0;
+			}
+
+			td.logo {
+				width: 450px;
+			}
+			td.donate {
+				width: 150px;
+			}
+
+			@media screen and (max-width: 480px) {
+				table.emailwrapto100pc {
+					width: 100% !important;
+					white-space: inherit !important;
+					line-height: inherit !important;
+				}
+				td.logo-spacing {
+					padding-left: 20px !important;
+				}
+				td.emailbodytext {
+					font-size: 16px !important;
+					line-height: 23px !important;
+					padding-right: 20px !important;
+					padding-left: 20px !important;
+				}
+				.image-resize {
+					width: 100% !important;
+				}
+				table.footer-left,
+				table.footer-right {
+					width: 100% !important;
+					margin-top: 10px !important;
+				}
+				table.footer-right {
+					float: left !important;
+					margin-top: 25px !important;
+				}
+				td.footer-left,
+				td.footer-right,
+				td.footer-text {
+					text-align: center !important;
+				}
+				td.footer-right {
+					padding: 0px !important;
+				}
+				td.footer-text {
+					padding: 10px 20px 20px 20px !important;
+				}
+				td.button-wrapper {
+					display: inline-block;
+				}
+				.outer-sidebox,
+				.inner-sidebox {
+					float: none !important;
+					width: 100% !important;
+				}
+				.sidebox-padding {
+					padding-left: 0px !important;
+				}
+			}
+			/* DARK MODE FOR IOS AND APPLE MAIL */
+			@media (prefers-color-scheme: dark) {
+				body {
+					background: #1c1c1e;
+				}
+				a,
+				a:visited,
+				a:hover,
+				a:active {
+					color: #2d86e0;
+				}
+				a.button-text,
+				a.button-text:visited,
+				a.button-text:hover,
+				a.button-text:active {
+					color: #cecece;
+				}
+				td.emailbodytext p,
+				td.emailbodytext li,
+				td.emailbodytext h1,
+				td.emailbodytext h2,
+				td.emailbodytext h3,
+				td.tagline p,
+				td.dm-box h2 {
+					color: #cecece;
+				}
+				td.dm-box {
+					background: #2a2a2b !important;
+					color: #cecece;
+				}
+				td.emailbodytext {
+					border-bottom: 2px solid #2a2a2b !important;
+				}
+				table.inner-sidebox,
+				td.dm-box {
+					border: 0 !important;
+				}
+				td.dm-newsletter-tag {
+					background: #ef404d;
+				}
+			}
+		</style>
+	</head>
+	<body>
+		<span class="preheader" style="display: none !important; visibility: hidden; opacity: 0; color: transparent; height: 0; width: 0">ENTER PREHEADER TEXT MESSAGE.</span>{include "pre-header-spacing"}{beacon}
+		<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600px">
+			<tbody>
+				<tr class="header-section">
+					<td align="left" class="logo">
+						<a href="{affiliates_website}"><img alt="{affiliate_name}'s logo" src="{affiliate_logo}" border="0" width="150" style="display: block" /></a>
+					</td>
+					<td align="right" class="donate">
+						<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
+							<tr>
+								<td align="center" style="margin: 20px 0 20px 0">
+									<table role="presentation" border="0" cellspacing="0" cellpadding="0">
+										<tr>
+											<td align="center" bgcolor="ef404d">
+												<a
+													role="button"
+													class="button-text"
+													href="{affiliates_website}"
+													style="font-family: Arial, sans-serif; color: #cecece; padding: 12px 18px; border: 1px solid #ef404d; display: inline-block; font-size: 18px; font-weight: 900; text-align: center; text-decoration: none; text-transform: uppercase"
+													>Donate</a
+												>
+											</td>
+										</tr>
+									</table>
+								</td>
+							</tr>
+						</table>
+					</td>
+				</tr>
+				<tr>
+					<td class="emailbodytext" style="color: #3c3532; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 22px; padding: 15px 0px 20px 0px; border-bottom: 1px solid #d4d4d4" valign="top">
+						<p>{include "default_salutation"} &ndash;</p>
+
+						<p>Any template you create will use <code>blank</code> layout template by default. That template will only have the doctype. You will need to add the head/body code. This gives you as much control over the template without relying on our base styles.</p>
+
+						<blockquote style="border-left: 3px solid #f3ef07; padding-left: 10px; margin-left: 15px">
+							<p>
+								<strong>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;</strong>
+							</p>
+						</blockquote>
+
+						<p>You can use our pre-existing pre-header by include this snipper below.</p>
+
+						<blockquote style="border-left: 3px solid #f3ef07; padding-left: 10px; margin-left: 15px">
+							<p>
+								<strong>{% include "partials/preheader.njk" %}</strong>
+							</p>
+						</blockquote>
+
+						<p>These are the HTML codes you can use to replace curly quotes (') and apostrophes(“).</p>
+
+						<ol>
+							<li>Use the code <span class="highlight">&#38;#39&#59;</span> or <span class="highlight">&amp;apos&semi;</span> to output <span class="highlight">&apos;</span>. Or you can just use your keyboard.</li>
+
+							<li>Use the code <span class="highlight">&#38;#34&#59;</span> or <span class="highlight">&amp;quot&semi;</span> to output <span class="highlight">&quot;</span>. Or you can just use your keyboard.</li>
+						</ol>
+
+						<p>
+							<strong
+								>Anthony Romero<br />
+								Pronouns: He, him, his<br />
+								ACLU Executive Director</strong
+							>
+						</p>
+					</td>
+				</tr>
+				<tr>
+					<td class="footer" style="text-align:left;font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;font-size:13px;color:#505050;line-height:19px;padding:25px 15px 15px 15px;">
+						<table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0" align="right">
+							<tbody>
+								<tr>
+									<td align="center" valign="top" style="padding:40px 0px 0px 0px;font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;font-size:16px;line-height: 22px;color:#888888;text-align:center;">
+										<a href="https://www.facebook.com/aclu"><img src="https://media.sailthru.com/64d/1k3/a/o/5db1cb21b75bf.png" border="0" alt="Facebook Icon" width="33" /></a> &nbsp; &nbsp;
+										<a href="https://twitter.com/aclu"><img src="https://media.sailthru.com/64d/1k3/a/o/5db1cb153c9f8.png" border="0" alt="Twitter Icon" width="33" /></a> &nbsp; &nbsp;
+										<a href="https://www.instagram.com/aclu_nationwide/"><img src="https://media.sailthru.com/64d/1k3/a/o/5db1cb1be2cb6.png" border="0" alt="Instagram Icon" width="33" /></a>
+									</td>
+								</tr>
+								<tr>
+									<td align="center" class="footer-text" style="color:#888888;font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;font-size:14px;line-height: 22px;padding:15px;">
+										<p>
+											American Civil Liberties Union<br />
+											125 Broad St.<br />New York, NY 10004
+										</p>
+
+										<p><a href="" style="color: #888888">Unsubscribe</a> | <a href="" style="color: #888888">Privacy Policy</a></p>
+									</td>
+								</tr>
+							</tbody>
+						</table>
+					</td>
+				</tr>
+			</tbody>
+		</table>
+	</body>
+</html>
diff --git a/dist/templates/newsletters/component-playground.html b/dist/templates/newsletters/component-playground.html
new file mode 100644
index 0000000..138bfa7
--- /dev/null
+++ b/dist/templates/newsletters/component-playground.html
@@ -0,0 +1,384 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+	<head>
+		<title>ACLU Email</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+		<meta name="viewport" content="width=device-width" />
+		<meta name="color-scheme" content="light dark" />
+		<meta name="supported-color-schemes" content="light dark" />
+		<style type="text/css">
+			:root {
+				color-schemes: light dark;
+				supported-color-schemes: light dark;
+				--clr-aclu-blue: #0055aa;
+				--clr-aclu-red: #ef404d;
+				--bg-primary: #0dc5d2;
+				--bg-secondary: #dcebfa;
+				--bg-grey: #f2f2f2;
+				--bg-grey2: #dadada;
+				--bg-drkgrey: #282828;
+			}
+
+			h1,
+			h2,
+			h3,
+			h4,
+			h5,
+			h6 {
+				margin: 0 0 5px 0;
+			}
+
+			p {
+				margin-top: 0px;
+				margin-bottom: 20px;
+			}
+
+			body {
+				width: 100% !important;
+				-webkit-text-size-adjust: 100%;
+				-ms-text-size-adjust: 100%;
+				margin: 0px;
+				padding: 0px;
+			}
+
+			a,
+			a:visited,
+			a:hover,
+			a:active {
+				color: #0055aa;
+				font-weight: bold;
+			}
+
+			img {
+				outline: none;
+				text-decoration: none;
+				-ms-interpolation-mode: bicubic;
+			}
+
+			a img {
+				border: none;
+			}
+
+			table,
+			td {
+				border-spacing: 0px;
+				border-collapse: collapse;
+				mso-table-lspace: 0pt;
+				mso-table-rspace: 0pt;
+			}
+
+			.preheader {
+				display: none !important;
+				visibility: hidden;
+				opacity: 0;
+				color: transparent;
+				height: 0;
+				width: 0;
+			}
+
+			ul {
+				margin-top: 0px;
+				margin-bottom: 0px;
+			}
+
+			li {
+				margin-bottom: 15px;
+				font-family: Arial, "Helvetica Neue", sans-serif;
+				font-size: 16px;
+				line-height: 22px;
+				list-style-type: disc;
+			}
+
+			@media screen and (max-width: 480px) {
+				table.emailwrapto100pc {
+					width: 100% !important;
+					white-space: inherit !important;
+					line-height: inherit !important;
+				}
+
+				td.logo-spacing {
+					padding-left: 20px !important;
+				}
+
+				td.emailbodytext {
+					font-size: 16px !important;
+					line-height: 23px !important;
+					padding-right: 20px !important;
+					padding-left: 20px !important;
+				}
+
+				.image-resize {
+					width: 100% !important;
+				}
+
+				td.button-wrapper {
+					display: inline-block;
+				}
+			}
+
+			@media (prefers-color-scheme: dark) {
+				body {
+					background: #1c1c1e;
+				}
+
+				a,
+				a:visited,
+				a:hover,
+				a:active {
+					color: #2d86e0;
+				}
+
+				a.button-text,
+				a.button-text:visited,
+				a.button-text:hover,
+				a.button-text:active,
+				td.emailbodytext p,
+				td.emailbodytext li,
+				td.emailbodytext h1,
+				td.emailbodytext h2,
+				td.emailbodytext h3,
+				td.tagline p,
+				td.dm-box,
+				td.callout {
+					color: #3c3532;
+				}
+
+				tr.dm-box,
+				table.dm-box {
+					background: #2a2a2b !important;
+					color: #cecece !important;
+				}
+
+				tr.alt-dm-box {
+					background: #3e3e3e !important;
+					color: #cecece !important;
+				}
+
+				td.dm-box,
+				td.callout {
+					background: #2a2a2b !important;
+					color: #cecece;
+				}
+
+				td.dm-box {
+					border: 0 !important;
+				}
+
+				td.dm-box p,
+				td.dm-box h1,
+				td.dm-box h2,
+				td.dm-box h3,
+				td.dm-box li,
+				td.dm-box span {
+					color: #e8e8e8;
+				}
+
+				td.dm-divider {
+					background-color: #3e3e3e !important;
+				}
+			}
+		</style>
+	</head>
+	<body>
+		<span class="preheader" style="display: none !important; visibility: hidden; opacity: 0; color: transparent; height: 0; width: 0">ENTER PREHEADER TEXT MESSAGE.</span>{include "pre-header-spacing"}{beacon}
+		<!-- WRAPPER -->
+		<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="640">
+			<tbody>
+				<tr>
+					<td class="emailbodytext" style="color: #3c3532; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 22px; padding: 0px" valign="top">
+						<!-- BODY CONTENT -->
+						<!-- START OF HEADING BOX -->
+						<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="640">
+							<tbody>
+								<!-- MAIN FLOATING BOX -->
+								<tr>
+									<td style="font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #2a2a2a; padding: 0px 0px 0px 0px">
+										<table role="presentation" bgcolor="#0055aa" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #0055aa" align="right" class="footer-right">
+											<tbody>
+												<tr>
+													<td align="left" valign="top" style="padding: 10px 0px 0px 30px; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 20px; color: #ffffff; background-color: #0055aa">
+														<div align="left" valign="center">
+															<h1>
+																<a href="{affiliate_website}"><img alt="{affiliate_name}'s logo" src="https://media.sailthru.com/64p/1k7/3/e/6410ce345bf32.png" border="0" width="300" style="display: inline-block; margin-bottom: -10px" /></a>
+															</h1>
+														</div>
+													</td>
+													<td align="right" valign="bottom" style="padding: 30px 40px 0px 0px; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 20px; color: #ffffff; background-color: #0055aa">
+														<h1 style="color: #ffffff; text-transform: uppercase; display: inline-block; text-align: right; font-size: 13px">September Newsletter</h1>
+													</td>
+												</tr>
+											</tbody>
+										</table>
+									</td>
+								</tr>
+
+								<!-- HEADER TO BODY OVERLAP -->
+								<tr>
+									<td style="font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #2a2a2a; padding: 0px 0px 0px 0px">
+										<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
+											<tbody>
+												<tr>
+													<td bgcolor="#0055aa" style="padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px">
+														<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600" bgcolor="#0055aa">
+															<tbody>
+																<tr>
+																	<td class="dm-box" style="font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #2a2a2a; padding: 0px 40px 0px 40px; border-radius: 3px 3px 0px 0px" bgcolor="#f2f2f2">
+																		<table role="presentation" bgcolor="#f2f2f2;" width="100%" border="0" cellspacing="0" cellpadding="0">
+																			<tbody>
+																				<tr>
+																					<td class="dm-box" bgcolor="#f2f2f2" style="padding: 0px 0px 0px 0px">&nbsp;</td>
+																				</tr>
+																			</tbody>
+																		</table>
+																	</td>
+																</tr>
+															</tbody>
+														</table>
+													</td>
+												</tr>
+											</tbody>
+										</table>
+									</td>
+								</tr>
+								<!-- HEADER TO BODY OVERLAP -->
+							</tbody>
+						</table>
+						<!-- END OF HEADING BOX -->
+
+						<!-- COMPONENT WRAPPER -->
+						<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600">
+							<tbody>
+								<tr>
+									<td class="emailbodytext dm-box" style="color: #3c3532; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 22px; padding: 15px 0px 20px 0px; background-color: #f2f2f2; border-radius: 3px 3px 0 0" valign="top">
+										<div class="content" style="padding: 20px 20px 0 20px">
+											<!-- CONTENT -->
+
+											<h2 style="text-align: center">Membership Card</h2>
+											<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" width="35%">
+												<tbody>
+													<tr width="100px">
+														<td
+															style="
+			color: #3c3532;
+			font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;
+			font-size: 16px;
+			line-height: 22px;
+			padding: 10px;text-align: center;"
+															valign="top"
+														>
+															<img src="https://media.sailthru.com/64d/1k3/a/o/5db1cbcdd662a.png" alt="ACLU Logo" />
+														</td>
+													</tr>
+													<tr>
+														<td
+															style="
+			color: #3c3532;
+			font-family: Arial,&#39;Helvetica Neue&#39;,sans-serif;
+			font-size: 16px;
+			line-height: 22px;
+			padding: 10px;text-align: center;"
+															valign="top"
+														>
+															<p style="margin-bottom: 5px">Member Name: Pavel</p>
+															<p style="margin-bottom: 5px">Membership ID: 8675309</p>
+															<p style="margin-bottom: 0">Member Since: 1920</p>
+														</td>
+													</tr>
+												</tbody>
+											</table>
+											<!-- CONTENT -->
+										</div>
+									</td>
+								</tr>
+							</tbody>
+						</table>
+						<!-- COMPONENT WRAPPER -->
+						<!-- BODY CONTENT -->
+					</td>
+				</tr>
+			</tbody>
+		</table>
+		<!-- WRAPPER -->
+		<!-- START OF FOOTER BOXES -->
+		<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600">
+			<tbody>
+				<tr>
+					<td class="dm-box" style="font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #2a2a2a; padding: 0px 40px 0px 40px" bgcolor="#f2f2f2">
+						<table role="presentation" class="dm-box" bgcolor="#f2f2f2" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #f2f2f2; border-radius: 3px 3px 0 0">
+							<tr>
+								<td bgcolor="#ef404d" style="padding: 0px 0px 0px 0px; border-radius: 3px 3px 0 0">&nbsp;</td>
+							</tr>
+						</table>
+					</td>
+				</tr>
+
+				<!-- MAIN FLOATING BOX -->
+				<tr>
+					<td class="dm-box" style="font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #2a2a2a; padding: 0px 40px 0px 40px; border-radius: 0 0 3px 3px" bgcolor="#f2f2f2">
+						<table role="presentation" bgcolor="#ef404d" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #ef404d" align="right" class="footer-right">
+							<tbody>
+								<tr>
+									<td align="center" valign="top" class="footer-right" style="padding: 10px 0px 0px 0px; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 20px; color: #ffffff !important; text-align: center; background-color: #ef404d">
+										<p><strong>Make your voice heard today!</strong></p>
+									</td>
+								</tr>
+							</tbody>
+						</table>
+					</td>
+				</tr>
+				<!-- MAIN FLOATING BOX -->
+
+				<tr>
+					<td style="font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #2a2a2a; padding: 0px 40px 0px 40px">
+						<table role="presentation" bgcolor="#ef404d" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #ef404d; border-radius: 0 0 3px 3px">
+							<tr>
+								<td bgcolor="#ef404d" style="padding: 0px 0px 30px 0px; border-radius: 0 0 3px 3px">
+									<!-- BUTTON -->
+									<table role="presentation" bgcolor="#ef404d" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: var(--bg-primary); background-color: #ef404d">
+										<tr>
+											<td align="center" style="margin: 20px 0 20px 0">
+												<table role="presentation" border="0" cellspacing="0" cellpadding="0">
+													<tr>
+														<td align="center" bgcolor="#0055aa">
+															<a
+																role="button"
+																class="button-text"
+																href="{affiliate_donation}"
+																style="font-family: Arial, sans-serif; color: #ffffff; padding: 12px 18px; border: 1px solid #0055aa; display: inline-block; font-size: 18px; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase"
+																>Donate Now</a
+															>
+														</td>
+													</tr>
+												</table>
+												<!-- <p style="font-size: 14px;margin-top:10px"><em>Please note: This link will take you to a third-party website, xyz.com.</em></p> -->
+											</td>
+										</tr>
+									</table>
+									<!-- BUTTON -->
+								</td>
+							</tr>
+						</table>
+					</td>
+				</tr>
+				<tr>
+					<td align="center" class="footer-text" style="color: #737373; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 12px; line-height: 16px; padding: 15px">
+						<!-- START FOOTER INFO -->
+						<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="100%">
+							<tr>
+								<td class="footer-text" style="color: #737373; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 10px; line-height: 16px; padding: 20px 40px 0px 40px">
+									<p>You received this message because <a href="mailto:{email}">{email}</a> was signed up to receive emails from the American Civil Liberties Union. Please note: If you forward or distribute, the links will open a page with your information filled in.</p>
+
+									<p>{affiliate_name}, {affiliate_address_1}, {affiliate_address_2}</p>
+
+									<p><a href="{privacy_statement}">Privacy policy</a> | <a href="{email_pref}">Unsubscribe</a></p>
+								</td>
+							</tr>
+						</table>
+						<!-- END FOOTER INFO -->
+					</td>
+				</tr>
+			</tbody>
+		</table>
+		<!-- END OF FOOTER BOXES -->
+	</body>
+</html>
diff --git a/dist/templates/newsletters/newsletter.html b/dist/templates/newsletters/newsletter.html
index d97bac2..cc24d61 100644
--- a/dist/templates/newsletters/newsletter.html
+++ b/dist/templates/newsletters/newsletter.html
@@ -1,626 +1,749 @@
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
-<head>
-	<title>ACLU Email</title>
-	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-	<meta name="viewport" content="width=device-width" />
-	<meta name="color-scheme" content="light dark" />
-	<meta name="supported-color-schemes" content="light dark" />
-	<style type="text/css">
-		:root {
-			color-schemes: light dark;
-			supported-color-schemes: light dark;
-			--clr-aclu-blue: #0055aa;
-			--clr-aclu-red: #ef404d;
-			--bg-primary: #0dc5d2;
-			--bg-secondary: #dcebfa;
-			--bg-grey: #f2f2f2;
-			--bg-grey2: #dadada;
-			--bg-drkgrey: #282828;
-		}
-
-		h1,
-		h2,
-		h3,
-		h4,
-		h5,
-		h6 {
-			margin: 0 0 5px 0;
-		}
-
-		p {
-			margin-top: 0px;
-			margin-bottom: 20px;
-		}
-
-		body {
-			width: 100% !important;
-			-webkit-text-size-adjust: 100%;
-			-ms-text-size-adjust: 100%;
-			margin: 0px;
-			padding: 0px;
-		}
-
-		a,
-		a:visited,
-		a:hover,
-		a:active {
-			color: #0055aa;
-			font-weight: bold;
-		}
-
-		img {
-			outline: none;
-			text-decoration: none;
-			-ms-interpolation-mode: bicubic;
-		}
-
-		a img {
-			border: none;
-		}
-
-		table,
-		td {
-			border-spacing: 0px;
-			border-collapse: collapse;
-			mso-table-lspace: 0pt;
-			mso-table-rspace: 0pt;
-		}
-
-		.preheader {
-			display: none !important;
-			visibility: hidden;
-			opacity: 0;
-			color: transparent;
-			height: 0;
-			width: 0;
-		}
-
-		ul {
-			margin-top: 0px;
-			margin-bottom: 0px;
-		}
-
-		li {
-			margin-bottom: 15px;
-			font-family: Arial, "Helvetica Neue", sans-serif;
-			font-size: 16px;
-			line-height: 22px;
-			list-style-type: disc;
-		}
-
-		@media screen and (max-width: 480px) {
-			table.emailwrapto100pc {
-				width: 100% !important;
-				white-space: inherit !important;
-				line-height: inherit !important;
-			}
-
-			td.logo-spacing {
-				padding-left: 20px !important;
-			}
-
-			td.emailbodytext {
-				font-size: 16px !important;
-				line-height: 23px !important;
-				padding-right: 20px !important;
-				padding-left: 20px !important;
+	<head>
+		<title>ACLU Email</title>
+		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+		<meta name="viewport" content="width=device-width" />
+		<meta name="color-scheme" content="light dark" />
+		<meta name="supported-color-schemes" content="light dark" />
+		<style type="text/css">
+			:root {
+				color-schemes: light dark;
+				supported-color-schemes: light dark;
+				--clr-aclu-blue: #0055aa;
+				--clr-aclu-red: #ef404d;
+				--bg-primary: #0dc5d2;
+				--bg-secondary: #dcebfa;
+				--bg-grey: #f2f2f2;
+				--bg-grey2: #dadada;
+				--bg-drkgrey: #282828;
 			}
 
-			.image-resize {
-				width: 100% !important;
+			h1,
+			h2,
+			h3,
+			h4,
+			h5,
+			h6 {
+				margin: 0 0 5px 0;
 			}
 
-			td.button-wrapper {
-				display: inline-block;
+			p {
+				margin-top: 0px;
+				margin-bottom: 20px;
 			}
-		}
 
-		@media (prefers-color-scheme: dark) {
 			body {
-				background: #1c1c1e;
+				width: 100% !important;
+				-webkit-text-size-adjust: 100%;
+				-ms-text-size-adjust: 100%;
+				margin: 0px;
+				padding: 0px;
 			}
 
 			a,
 			a:visited,
 			a:hover,
 			a:active {
-				color: #2d86e0;
+				color: #0055aa;
+				font-weight: bold;
 			}
 
-			a.button-text,
-			a.button-text:visited,
-			a.button-text:hover,
-			a.button-text:active,
-			td.emailbodytext p,
-			td.emailbodytext li,
-			td.emailbodytext h1,
-			td.emailbodytext h2,
-			td.emailbodytext h3,
-			td.tagline p,
-			td.dm-box,
-			td.callout {
-				color: #3c3532;
+			img {
+				outline: none;
+				text-decoration: none;
+				-ms-interpolation-mode: bicubic;
 			}
 
-			tr.dm-box,
-			table.dm-box {
-				background: #2a2a2b !important;
-				color: #cecece !important;
+			a img {
+				border: none;
 			}
 
-			tr.alt-dm-box {
-				background: #3e3e3e !important;
-				color: #cecece !important;
+			table,
+			td {
+				border-spacing: 0px;
+				border-collapse: collapse;
+				mso-table-lspace: 0pt;
+				mso-table-rspace: 0pt;
 			}
 
-			td.dm-box,
-			td.callout {
-				background: #2a2a2b !important;
-				color: #cecece;
+			.preheader {
+				display: none !important;
+				visibility: hidden;
+				opacity: 0;
+				color: transparent;
+				height: 0;
+				width: 0;
 			}
 
-			td.dm-box {
-				border: 0 !important;
+			ul {
+				margin-top: 0px;
+				margin-bottom: 0px;
 			}
 
-			td.dm-box p,
-			td.dm-box h1,
-			td.dm-box h2,
-			td.dm-box h3,
-			td.dm-box li,
-			td.dm-box span {
-				color: #e8e8e8;
+			li {
+				margin-bottom: 15px;
+				font-family: Arial, "Helvetica Neue", sans-serif;
+				font-size: 16px;
+				line-height: 22px;
+				list-style-type: disc;
 			}
 
-			td.dm-divider {
-				background-color:#3e3e3e !important;
+			@media screen and (max-width: 480px) {
+				table.emailwrapto100pc {
+					width: 100% !important;
+					white-space: inherit !important;
+					line-height: inherit !important;
+				}
+
+				td.logo-spacing {
+					padding-left: 20px !important;
+				}
+
+				td.emailbodytext {
+					font-size: 16px !important;
+					line-height: 23px !important;
+					padding-right: 20px !important;
+					padding-left: 20px !important;
+				}
+
+				.image-resize {
+					width: 100% !important;
+				}
+
+				td.button-wrapper {
+					display: inline-block;
+				}
 			}
-		}
-	</style>
-</head>
-<body>
-	<span class="preheader" style="display:none !important;visibility:hidden;opacity:0;color:transparent;height:0;width:0;">ENTER PREHEADER TEXT MESSAGE.</span>{include "pre-header-spacing"}{beacon}
-	<!-- WRAPPER -->
-	<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="640">
-		<tbody>
-			<tr>
-				<td class="emailbodytext" style="color: #3c3532; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 22px; padding: 0px;" valign="top">
-				<!-- BODY CONTENT -->
-				<!-- START OF HEADING BOX -->
-<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="640">
-	<tbody>
-		<!-- MAIN FLOATING BOX -->
-		<tr>
-			<td	style="font-family:  Helvetica, Arial, sans-serif; font-size:16px; color:#2a2a2a; padding:0px 0px 0px 0px;">
-				<table role="presentation" bgcolor="#0055aa" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color:#0055aa;" align="right" class="footer-right">
-					<tbody>
-						<tr>
-							<td align="left" valign="top" style="padding:10px 0px 0px 30px;font-family: Arial,'Helvetica Neue',sans-serif;font-size:16px;line-height:20px;color:#ffffff;background-color:#0055aa;">
-								<div align="left" valign="center">
-									<h1><a href="{affiliate_website}"><img alt="{affiliate_name}'s logo" src="https://media.sailthru.com/64p/1k7/3/e/6410ce345bf32.png" border="0" width="300" style="display: inline-block; margin-bottom: -10px;"/></a></h1>
-								</div>
-							</td>
-							<td align="right" valign="bottom" style="padding:30px 40px 0px 0px;font-family: Arial,'Helvetica Neue',sans-serif;font-size:16px;line-height:20px;color:#ffffff;background-color:#0055aa;">
-								<h1 style="color:#ffffff;text-transform: uppercase;display: inline-block;text-align: right;font-size: 13px;">September Newsletter</h1>
-							</td>
-						</tr>
-
-					</tbody>
-				</table>
-			</td>
-		</tr>
-
-		<!-- HEADER TO BODY OVERLAP -->
-		<tr>
-			<td	style="font-family: Helvetica, Arial, sans-serif; font-size:16px; color:#2a2a2a; padding:0px 0px 0px 0px;">
-				<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
-					<tbody>
-						<tr>
-							<td bgcolor="#0055aa" style="padding:0px 0px 0px 0px;border-radius: 0px 0px 0px 0px;">
-								<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600" bgcolor="#0055aa">
-									<tbody>
-										<tr>
-											<td class="dm-box" style="font-family:  Helvetica, Arial, sans-serif; font-size:16px; color:#2a2a2a; padding:0px 40px 0px 40px;border-radius: 3px 3px 0px 0px;" bgcolor="#f2f2f2">
-												<table role="presentation" bgcolor="#f2f2f2;" width="100%" border="0" cellspacing="0" cellpadding="0">
-													<tbody>
+
+			@media (prefers-color-scheme: dark) {
+				body {
+					background: #1c1c1e;
+				}
+
+				a,
+				a:visited,
+				a:hover,
+				a:active {
+					color: #2d86e0;
+				}
+
+				a.button-text,
+				a.button-text:visited,
+				a.button-text:hover,
+				a.button-text:active,
+				td.emailbodytext p,
+				td.emailbodytext li,
+				td.emailbodytext h1,
+				td.emailbodytext h2,
+				td.emailbodytext h3,
+				td.tagline p,
+				td.dm-box,
+				td.callout {
+					color: #3c3532;
+				}
+
+				tr.dm-box,
+				table.dm-box {
+					background: #2a2a2b !important;
+					color: #cecece !important;
+				}
+
+				tr.alt-dm-box {
+					background: #3e3e3e !important;
+					color: #cecece !important;
+				}
+
+				td.dm-box,
+				td.callout {
+					background: #2a2a2b !important;
+					color: #cecece;
+				}
+
+				td.dm-box {
+					border: 0 !important;
+				}
+
+				td.dm-box p,
+				td.dm-box h1,
+				td.dm-box h2,
+				td.dm-box h3,
+				td.dm-box li,
+				td.dm-box span {
+					color: #e8e8e8;
+				}
+
+				td.dm-divider {
+					background-color: #3e3e3e !important;
+				}
+			}
+		</style>
+	</head>
+	<body>
+		<span class="preheader" style="display: none !important; visibility: hidden; opacity: 0; color: transparent; height: 0; width: 0">ENTER PREHEADER TEXT MESSAGE.</span>{include "pre-header-spacing"}{beacon}
+		<!-- WRAPPER -->
+		<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="640">
+			<tbody>
+				<tr>
+					<td class="emailbodytext" style="color: #3c3532; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 22px; padding: 0px" valign="top">
+						<!-- BODY CONTENT -->
+						<!-- START OF HEADING BOX -->
+						<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="640">
+							<tbody>
+								<!-- MAIN FLOATING BOX -->
+								<tr>
+									<td style="font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #2a2a2a; padding: 0px 0px 0px 0px">
+										<table role="presentation" bgcolor="#0055aa" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #0055aa" align="right" class="footer-right">
+											<tbody>
+												<tr>
+													<td align="left" valign="top" style="padding: 10px 0px 0px 30px; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 20px; color: #ffffff; background-color: #0055aa">
+														<div align="left" valign="center">
+															<h1>
+																<a href="{affiliate_website}"><img alt="{affiliate_name}'s logo" src="https://media.sailthru.com/64p/1k7/3/e/6410ce345bf32.png" border="0" width="300" style="display: inline-block; margin-bottom: -10px" /></a>
+															</h1>
+														</div>
+													</td>
+													<td align="right" valign="bottom" style="padding: 30px 40px 0px 0px; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 20px; color: #ffffff; background-color: #0055aa">
+														<h1 style="color: #ffffff; text-transform: uppercase; display: inline-block; text-align: right; font-size: 13px">September Newsletter</h1>
+													</td>
+												</tr>
+											</tbody>
+										</table>
+									</td>
+								</tr>
+
+								<!-- HEADER TO BODY OVERLAP -->
+								<tr>
+									<td style="font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #2a2a2a; padding: 0px 0px 0px 0px">
+										<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
+											<tbody>
+												<tr>
+													<td bgcolor="#0055aa" style="padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px">
+														<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600" bgcolor="#0055aa">
+															<tbody>
+																<tr>
+																	<td class="dm-box" style="font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #2a2a2a; padding: 0px 40px 0px 40px; border-radius: 3px 3px 0px 0px" bgcolor="#f2f2f2">
+																		<table role="presentation" bgcolor="#f2f2f2;" width="100%" border="0" cellspacing="0" cellpadding="0">
+																			<tbody>
+																				<tr>
+																					<td class="dm-box" bgcolor="#f2f2f2" style="padding: 0px 0px 0px 0px">&nbsp;</td>
+																				</tr>
+																			</tbody>
+																		</table>
+																	</td>
+																</tr>
+															</tbody>
+														</table>
+													</td>
+												</tr>
+											</tbody>
+										</table>
+									</td>
+								</tr>
+								<!-- HEADER TO BODY OVERLAP -->
+							</tbody>
+						</table>
+						<!-- END OF HEADING BOX -->
+
+						<!-- MAIN ARTICLE -->
+						<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600">
+							<tbody>
+								<tr>
+									<td class="emailbodytext dm-box" style="color: #3c3532; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 22px; padding: 0px 0px 0px 0px; background-color: #f2f2f2; border-radius: 0 0 3px 3px" valign="top">
+										<!-- CONTENT -->
+
+										<div class="content" style="padding: 20px 20px 0px 20px">
+											<!-- BANNER IMAGE -->
+											<div align="center">
+												<img src="https://media.sailthru.com/64p/1k3/9/r/5d8e71d74accd.jpg" class="image-resize" border="0" alt="Lorem ipsum." style="width: 100%; padding-bottom: 20px" />
+											</div>
+											<!-- BANNER IMAGE -->
+
+											<h2>Main Article Component</h2>
+											<p>
+												Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+												voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+											</p>
+										</div>
+										<!-- CONTENT -->
+
+										<!-- BUTTON -->
+										<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
+											<tr>
+												<td align="center" style="margin: 20px 0 20px 0">
+													<table role="presentation" border="0" cellspacing="0" cellpadding="0">
 														<tr>
-															<td class="dm-box" bgcolor="#f2f2f2" style="padding:0px 0px 0px 0px;">&nbsp; </td>
+															<td align="center" bgcolor="#ef404d">
+																<a
+																	role="button"
+																	class="button-text"
+																	href="{affiliate_website}"
+																	style="font-family: Arial, sans-serif; color: #ffffff; padding: 12px 18px; border: 1px solid #ef404d; display: inline-block; font-size: 18px; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase"
+																	>Take Action</a
+																>
+															</td>
 														</tr>
-													</tbody>
-												</table>
-											</td>
-										</tr>
-									</tbody>
-								</table>
-							</td>
-						</tr>
-					</tbody>
-				</table>
-			</td>
-		</tr>
-		<!-- HEADER TO BODY OVERLAP -->
-	</tbody>
-</table>
-<!-- END OF HEADING BOX -->
-				
-<!-- MAIN ARTICLE -->
-<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600">
-	<tbody>
-		<tr>
-			<td class="emailbodytext dm-box" style="color: #3c3532; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 22px; padding: 0px 0px 0px 0px;background-color:#f2f2f2;border-radius: 0 0 3px 3px;" valign="top">
-				<!-- CONTENT -->
-
-				<div class="content" style="padding: 20px 20px 0px 20px;">
-					<!-- BANNER IMAGE -->
-					<div align="center">
-						<img src="https://media.sailthru.com/64p/1k3/9/r/5d8e71d74accd.jpg" class="image-resize" border="0" alt="Lorem ipsum." style="width:100%;padding-bottom: 20px;" />
-					</div>
-					<!-- BANNER IMAGE -->
-
-					<h2>Main Article Component</h2>
-					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-				</div>
-				<!-- CONTENT -->
-
-				<!-- BUTTON -->
-				<table role="presentation" width="100%" border="0" cellspacing="0" cellpadding="0">
-					<tr>
-						<td align="center" style="margin: 20px 0 20px 0;">
-							<table role="presentation" border="0" cellspacing="0" cellpadding="0">
+													</table>
+													<!-- <p style="font-size: 14px;margin-top:10px"><em>Please note: This link will take you to a third-party website, xyz.com.</em></p> -->
+												</td>
+											</tr>
+										</table>
+										<br />
+										<!-- BUTTON -->
+									</td>
+								</tr>
+							</tbody>
+						</table>
+						<!-- MAIN ARTICLE -->
+						<!-- DIVIDER -->
+						<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600">
+							<tbody>
+								<tr>
+									<td style="font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #2a2a2a; padding: 0px 40px 0px 40px" bgcolor="transparent">
+										<table role="presentation" bgcolor="#ef404d" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #ef404d" align="right" class="footer-right">
+											<tbody>
+												<tr>
+													<td class="dm-divider" style="background-color: #dadada; height: 20px"></td>
+												</tr>
+											</tbody>
+										</table>
+									</td>
+								</tr>
+							</tbody>
+						</table>
+						<!-- DIVIDER -->
+						<!-- VIDEO -->
+						<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600">
+							<tbody>
+								<tr>
+									<td class="emailbodytext dm-box" style="color: #3c3532; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 22px; padding: 15px 0px 20px 0px; background-color: #f2f2f2; border-radius: 3px 3px 0 0" valign="top">
+										<!-- CONTENT -->
+										<div class="content" style="padding: 20px 20px 0 20px">
+											<h2>Video Component</h2>
+											<!-- Start RealTime Email Embed - Patents Pending -->
+											<style type="text/css">
+												body[data-outlook-cycle] .lc-img-tag {
+													display: block !important;
+												}
+												@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 480px) {
+													.lc-video-tag {
+														display: block !important;
+													}
+													.lc-img-tag {
+														display: none !important;
+													}
+													[class="x_lc-video-tag"] {
+														display: none !important;
+													}
+													[class="x_lc-img-tag"] {
+														display: block !important;
+													}
+												}
+												@media screen yahoo {
+													.lc-video-tag {
+														display: none !important;
+													}
+													.lc-img-tag {
+														display: block !important;
+													}
+												}
+												@media only screen and (width: 320px), (width: 375px), (width: 414px), (width: 667px), (width: 736px), (width: 568px) {
+													u ~ div .lc-video-tag {
+														display: none !important;
+													}
+													u ~ div .lc-img-tag {
+														display: block !important;
+													}
+												}
+												@supports (-webkit-overflow-scrolling: touch) and (color: #ffff) {
+													.lc-video-tag {
+														display: block !important;
+													}
+													.lc-img-tag {
+														display: none !important;
+													}
+												}
+												.moz-text-html .lc-video-tag {
+													display: block !important;
+												}
+												.moz-text-html .lc-img-tag {
+													display: none !important;
+												}
+												@media (-webkit-min-device-pixel-ratio: 0) and (min-width: 1024px) {
+													.lc-video-tag {
+														height: 360px !important;
+													}
+												}
+											</style>
+											<div class="lc-video" style="width: 100%; padding-bottom: 60%; max-height: 0px !important; overflow: hidden">
+												<video
+													class="lc-video-tag"
+													style="width: 100%; height: auto; display: none"
+													controlsList="nodownload"
+													clipID="2055426753"
+													poster="https://em.realtime.email/service/clip?kind=poster&ID=2055426753&type=1&videoemail_id=1920153528&esp_uid={email_id}"
+													controls="controls"
+													src="https://em.realtime.email/service/clip.m3u8?kind=video&ID=2055426753&type=1&videoemail_id=1920153528&esp_uid={email_id}"
+												></video
+												><a href="https://em.realtime.email/service/clip?kind=clickthrough&ID=2055426753&type=1&videoemail_id=1920153528&esp_uid={email_id}&ios=true" style="color: transparent"
+													><img class="lc-img-tag" src="https://em.realtime.email/service/track?kind=clip_impression&ID=2055426753&ios=true&type=1&videoemail_id=1920153528&esp_uid={email_id}" width="640" style="width: 100%; color: #000" alt="Abortion Storytellers on Life After Roe video"
+												/></a>
+												<div style="width: 0px; max-height: 0px; height: 0px; overflow: hidden; text-align: center"><a href="https://youtu.be/IMu1g_mq7Uw" target="_blank" rel="nofollow">&nbsp;</a></div>
+											</div>
+											<!-- End RealTime Email Embed - Patents Pending -->
+										</div>
+										<!-- CONTENT -->
+									</td>
+								</tr>
+							</tbody>
+						</table>
+						<!-- VIDEO -->
+						<!-- START OF SOCIAL BOXES -->
+						<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600">
+							<tbody>
+								<tr>
+									<td class="dm-box" style="font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #2a2a2a; padding: 0px 40px 0px 40px; border-radius: 0 0 3px 3px" bgcolor="#f2f2f2">
+										<table role="presentation" bgcolor="#f2f2f2" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #f2f2f2; border-radius: 3px 3px 0 0">
+											<tr>
+												<td bgcolor="#ef404d" style="padding: 20px 0px 0px 0px; border-radius: 3px 3px 0 0">&nbsp;</td>
+											</tr>
+										</table>
+									</td>
+								</tr>
+
+								<!-- MAIN FLOATING BOX -->
 								<tr>
-									<td align="center" bgcolor="#ef404d">
-										<a role="button" class="button-text" href="{affiliate_website}" style="font-family: Arial, sans-serif; color: #ffffff; padding: 12px 18px; border: 1px solid #ef404d; display: inline-block;font-size:18px;font-weight:bold;text-align:center;text-decoration:none;text-transform: uppercase;">Take Action</a>
+									<td style="font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #2a2a2a; padding: 0px 40px 0px 40px" bgcolor="transparent">
+										<table role="presentation" bgcolor="#ef404d" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #ef404d">
+											<tbody>
+												<tr>
+													<td valign="top" style="padding: 0px 0px 0px 0px; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 20px; color: #ffffff; text-align: center; background-color: #ef404d">
+														<strong>Follow us on social:</strong>
+													</td>
+												</tr>
+											</tbody>
+										</table>
 									</td>
 								</tr>
-							</table>
-							<!-- <p style="font-size: 14px;margin-top:10px"><em>Please note: This link will take you to a third-party website, xyz.com.</em></p> -->
-						</td>
-					</tr>
-				</table>
-				<br />
-				<!-- BUTTON -->
-			</td>
-		</tr>
-	</tbody>
-</table>
-<!-- MAIN ARTICLE -->
-<!-- DIVIDER -->
-<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600">
-	<tbody>
-		<tr>
-			<td	style="font-family:  Helvetica, Arial, sans-serif; font-size:16px; color:#2a2a2a; padding:0px 40px 0px 40px;" bgcolor="transparent">
-				<table role="presentation" bgcolor="#ef404d" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color:#ef404d;" align="right" class="footer-right">
-					<tbody>
-						<tr>
-							<td class="dm-divider" style="background-color:#dadada;height:20px;"></td>
-						</tr>
-					</tbody>
-				</table>
-			</td>
-		</tr>
-	</tbody>
-</table>
-<!-- DIVIDER -->
-<!-- VIDEO -->
-<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600">
-	<tbody>
-		<tr>
-			<td class="emailbodytext dm-box" style="color: #3c3532; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 22px; padding: 15px 0px 20px 0px;background-color:#f2f2f2;border-radius: 3px 3px 0 0;" valign="top">
-				<!-- CONTENT -->
-				<div class="content" style="padding: 20px 20px 0 20px;">
-					<h2>Video Component</h2>
-					<!-- Start RealTime Email Embed - Patents Pending -->
-					<style type="text/css"> body[data-outlook-cycle] .lc-img-tag{display: block !important;} @media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width: 480px) { .lc-video-tag{ display: block!important; } .lc-img-tag{ display: none!important; } [class=x_lc-video-tag]{ display: none!important; } [class=x_lc-img-tag]{ display: block!important; } } @media screen yahoo { .lc-video-tag{ display: none!important; } .lc-img-tag{ display: block!important; } } @media only screen and (width: 320px), (width: 375px), (width: 414px), (width: 667px), (width: 736px), (width: 568px) { u ~ div .lc-video-tag{ display: none!important; } u ~ div .lc-img-tag{ display: block!important; } } @supports (-webkit-overflow-scrolling:touch) and (color:  #ffff) { .lc-video-tag { display: block !important; } .lc-img-tag { display: none !important; }}.moz-text-html  .lc-video-tag{ display: block!important; } .moz-text-html .lc-img-tag{ display: none!important; } @media (-webkit-min-device-pixel-ratio: 0) and (min-width:1024px) { .lc-video-tag { height:360px!important; } } </style>
-					<div class="lc-video" style="width:100%; padding-bottom:60%; max-height:0px!important; overflow:hidden;"><video class="lc-video-tag" style="width:100%; height:auto; display: none;" controlsList="nodownload" clipID = "2055426753" poster="https://em.realtime.email/service/clip?kind=poster&ID=2055426753&type=1&videoemail_id=1920153528&esp_uid={email_id}" controls="controls" src="https://em.realtime.email/service/clip.m3u8?kind=video&ID=2055426753&type=1&videoemail_id=1920153528&esp_uid={email_id}"></video><a href="https://em.realtime.email/service/clip?kind=clickthrough&ID=2055426753&type=1&videoemail_id=1920153528&esp_uid={email_id}&ios=true" style="color:transparent;"><img class="lc-img-tag" src="https://em.realtime.email/service/track?kind=clip_impression&ID=2055426753&ios=true&type=1&videoemail_id=1920153528&esp_uid={email_id}" width="640" style="width:100%;color:#000;" alt="Abortion Storytellers on Life After Roe video"/></a><div style="width: 0px;max-height: 0px;height: 0px;overflow: hidden;text-align:center;"><a href="https://youtu.be/IMu1g_mq7Uw" target="_blank" rel="nofollow">&nbsp;</a></div></div>
-					<!-- End RealTime Email Embed - Patents Pending -->
-				</div>
-				<!-- CONTENT -->
-			</td>
-		</tr>
-	</tbody>
-</table>
-<!-- VIDEO -->
-<!-- START OF SOCIAL BOXES -->
-<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600">
-	<tbody>
-		<tr>
-			<td class="dm-box" style="font-family:  Helvetica, Arial, sans-serif; font-size:16px; color:#2a2a2a; padding:0px 40px 0px 40px;border-radius: 0 0 3px 3px;" bgcolor="#f2f2f2">
-				<table role="presentation" bgcolor="#f2f2f2" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color:#f2f2f2;border-radius: 3px 3px 0 0;">
-					<tr>
-						<td bgcolor="#ef404d" style="padding:20px 0px 0px 0px;border-radius: 3px 3px 0 0;">&nbsp; </td>
-					</tr>
-				</table>
-			</td>
-		</tr>
-
-		<!-- MAIN FLOATING BOX -->
-		<tr>
-			<td	style="font-family:  Helvetica, Arial, sans-serif; font-size:16px; color:#2a2a2a; padding:0px 40px 0px 40px;" bgcolor="transparent">
-				<table role="presentation" bgcolor="#ef404d" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color:#ef404d;">
-					<tbody>
-						<tr>
-							<td valign="top" style="padding:0px 0px 0px 0px;font-family: Arial,'Helvetica Neue',sans-serif;font-size:16px;line-height:20px;color:#ffffff;text-align:center;background-color:#ef404d;">
-								<strong>Follow us on social:</strong>
-							</td>
-						</tr>
-					</tbody>
-				</table>
-			</td>
-		</tr>
-		<!-- MAIN FLOATING BOX -->
-
-		<tr>
-			<td	class="dm-box" style="font-family:  Helvetica, Arial, sans-serif; font-size:16px; color:#2a2a2a; padding:0px 40px 0px 40px;background-color:#f2f2f2;border-radius: 3px 3px 0 0;">
-				<table role="presentation" bgcolor="#ef404d" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color:#ef404d;border-radius: 0 0 3px 3px;">
-					<tr>
-						<td bgcolor="#ef404d" style="padding:10px 0px 20px 0px;text-align: center;border-radius: 0 0 3px 3px;">
-							<a href="{affiliate_facebook}"><img src="https://media.sailthru.com/64d/1k3/a/o/5db1cb21b75bf.png" border="0" alt="Facebook Icon" width="33"/></a> &nbsp; &nbsp;
-							<a href="{affiliate_twitter}"><img src="https://media.sailthru.com/64d/1k3/a/o/5db1cb1be2cb6.png" border="0" alt="Twitter Icon" width="33"/></a> &nbsp; &nbsp;
-							<a href="{affiliate_instagram}"><img src="https://media.sailthru.com/64d/1k3/a/o/5db1cb153c9f8.png" border="0" alt="Instagram Icon" width="33"/></a>
-						</td>
-					</tr>
-				</table>
-			</td>
-		</tr>
-	</tbody>
-</table>
-<!-- END OF SOCIAL BOXES -->
-<!-- ALTERNATE ARTICLE -->
-<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600">
-	<tbody>
-		<tr>
-			<td class="emailbodytext dm-box" style="color: #3c3532; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 22px; padding: 15px 0px 20px 0px;background-color:#f2f2f2;border-radius: 0 0 3px 3px;" valign="top">
-				<!-- CONTENT -->
-				<div class="content" style="padding: 20px 20px 0 20px;">
-					<h2>Alternate Article Component</h2>
-					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-				</div>
-				<!-- CONTENT -->
-			</td>
-		</tr>
-	</tbody>
-</table>
-<!-- ALTERNATE ARTICLE -->
-<!-- DIVIDER -->
-<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600">
-	<tbody>
-		<tr>
-			<td	style="font-family:  Helvetica, Arial, sans-serif; font-size:16px; color:#2a2a2a; padding:0px 40px 0px 40px;" bgcolor="transparent">
-				<table role="presentation" bgcolor="#ef404d" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color:#ef404d;" align="right" class="footer-right">
-					<tbody>
-						<tr>
-							<td class="dm-divider" style="background-color:#dadada;height:20px;"></td>
-						</tr>
-					</tbody>
-				</table>
-			</td>
-		</tr>
-	</tbody>
-</table>
-<!-- DIVIDER -->
-<!-- calendar icons -->
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-<!-- calendar icons -->
-
-<!-- EVENTS -->
-<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600" style="border-radius: 3px">
-  <tbody>
-    <tr>
-      <td class="stack1 dm-box" width="240" style="color: #3c3532; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 22px; padding: 10px;background-color: #f2f2f2;border-radius: 3px;">
-        <table role="presentation" align="center" role="presentation" width="100%" cellpadding="0" cellspacing="0">
-            <tbody>
-                <!-- <a href="{affiliate_website}"><img class="image2" src="https://media.sailthru.com/64p/1k3/9/r/5d8e778dd2054.jpg" alt="Lady Liberty." border="0" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic"/></a> -->
-                <tr>
-                    <td align="center" style="padding: 20px 0; display: block;">
-                        <p><strong><span style="font-size: 1.2em;">Bill Of Rights Dinner</span></strong><br />
-                        Thursday, September 15<br />
-                        5:30 p.m EDT<br />
-                        Westin Copley Place Hotel</p>
-                        <table role="presentation" border="0" cellspacing="0" cellpadding="0">
-                            <tr>
-                                <td align="center" bgcolor="#D73A45" style="border-radius: 3px;">
-                                    <a role="button" class="button-text" href="{affiliate_website}" style="border-radius: 3px; font-family: Arial, sans-serif; color: #ffffff; padding: 10px; border: 1px solid #D73A45; display: inline-block;font-size:20px;font-weight:bold;text-align:center;text-decoration:none;text-transform: uppercase;">RSVP NOW</a>
-                                </td>
-                            </tr>
-                        </table>
-                        <!-- *** SNIPPET FOR THIRD-PARTY DISCLAIMER LINKS *** -->
-                        <p style="font-size: 14px;margin:15px 10px 0 10px;"><em>Please note: This link will take you to a third-party website, xyz.com.</em></p>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-    </td>
-    <!-- RIGHT -->
-    <td class="stack2 dm-box" width="240" align="center" style="padding: 20px 20px 0 20px;vertical-align: middle;background-color: #f2f2f2;">
-        <table role="presentation" border="0" cellspacing="0" cellpadding="0" align="center">
-            <a href="{affiliate_website}"><img class="image1" src="https://media.sailthru.com/64p/1k3/9/r/5d8e778dd2054.jpg" alt="Lady Liberty." border="0" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic"/></a>
-            <p style="font-size: 14px;padding: 10px 10px 0;">Add to your Calendar:</p>
-            <p style="font-family: Helvetica, Arial, sans-serif; color: #0055aa; font-size: 14px;margin-top: -10px; padding-bottom: 10px;">
-                <a rel="noopener" href="https://www.codexworld.com/newyork_event.ics" style="color: #0055aa; text-decoration: underline;"><i class="fa-brands fa-apple" style="font-size:14px"></i> Apple</a> | <a rel="noopener" href="https://calendar.google.com/calendar/render?action=TEMPLATE&text=My Event&details=Event description text&dates=20220305T103000/20220305T184500&location=New York City" style="color: #0055aa; text-decoration: underline;"><i class="fa-brands fa-google"></i> Google</a> | <a rel="noopener" href="https://outlook.office.com/calendar/0/deeplink/compose?subject=My Event&body=Event description text&startdt=2022-03-05T10:30:00+00:00&enddt=2022-03-05T18:45:00+00:00&location=New York City&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent" style="color: #0055aa; text-decoration: underline;"><i class="fa-brands fa-microsoft"></i> Outlook</a>
-            </p>
-        </table>
-    </td>
-    </tr>
-  </tbody>
-</table>
-<!-- EVENTS -->
-<!-- DIVIDER -->
-<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600">
-	<tbody>
-		<tr>
-			<td	style="font-family:  Helvetica, Arial, sans-serif; font-size:16px; color:#2a2a2a; padding:0px 40px 0px 40px;" bgcolor="transparent">
-				<table role="presentation" bgcolor="#ef404d" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color:#ef404d;" align="right" class="footer-right">
-					<tbody>
-						<tr>
-							<td class="dm-divider" style="background-color:#dadada;height:20px;"></td>
-						</tr>
-					</tbody>
-				</table>
-			</td>
-		</tr>
-	</tbody>
-</table>
-<!-- DIVIDER -->
-<!-- MULTIPLE EVENTS -->
-<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600">
-  <tbody>
-    <tr>
-      <td class="dm-box" style="font-family:  Helvetica, Arial, sans-serif; font-size:16px; color:#2a2a2a;" bgcolor="#f2f2f2">
-        <table role="presentation" class="dm-box" bgcolor="#f2f2f2" width="100%" border="1" cellspacing="0" cellpadding="0" style="background-color:#b2cce5; border-radius: 3px; border-collapse: separate;" align="right">
-          <tbody>
-            <tr>
-              <th align="center" style="padding: 8px 0 0 0;">Event</th>
-              <th align="center" style="padding: 8px 0 0 0;">Date</th>
-              <th align="center" style="padding: 8px 0 0 0;">Location</th>
-            </tr>
-            <tr>
-              <td align="center"  style="padding: 5px;"><a href="">Trans Resistance Festival</a></td>
-              <td align="center"  style="padding: 5px;"><a href="">Sat., Jun. 3,<br /> 11 a.m. &ndash; 5 p.m.</a></td>
-              <td align="center"  style="padding: 5px;"><a href="">Stony Brook Station</a></td>
-            </tr>
-            <tr>
-              <td align="center"  style="padding: 5px;"><a href="">Boston Pride for the People Parade</a></td>
-              <td align="center"  style="padding: 5px;"><a href="">Sat., Jun. 10,<br /> 10 a.m. &ndash; 8 p.m.</a></td>
-              <td align="center"  style="padding: 5px;"><a href="">Copley Square</a></td>
-            </tr>
-            <tr>
-              <td align="center"  style="padding: 5px;"><a href="">Action Team Media Crew Training</a></td>
-              <td align="center"  style="padding: 5px;"><a href="">Wed., Aug. 16,<br /> 5:30 &ndash; 7:30 p.m.</a></td>
-              <td align="center"  style="padding: 5px;"><a href="">Center Plaza</a></td>
-            </tr>
-            <tr>
-              <td align="center"  style="padding: 0 0 6px 0;"><a href="">Bill of Rights Dinner</a></td>
-              <td align="center"  style="padding: 0 0 6px 0;"><a href="">Fri., Sep. 22,<br /> 5:30 p.m.</a></td>
-              <td align="center"  style="padding: 0 0 6px 0;"><a href="">Omni Boston Hotel</a></td>
-            </tr>
-          </tbody>
-        </table>
-      </td>
-    </tr>
-  </tbody>
-</table>
-<!-- MULTIPLE EVENTS -->
-<!-- DIVIDER -->
-<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600">
-	<tbody>
-		<tr>
-			<td	style="font-family:  Helvetica, Arial, sans-serif; font-size:16px; color:#2a2a2a; padding:0px 40px 0px 40px;" bgcolor="transparent">
-				<table role="presentation" bgcolor="#ef404d" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color:#ef404d;" align="right" class="footer-right">
-					<tbody>
-						<tr>
-							<td class="dm-divider" style="background-color:#dadada;height:20px;"></td>
-						</tr>
-					</tbody>
-				</table>
-			</td>
-		</tr>
-	</tbody>
-</table>
-<!-- DIVIDER -->
-<!-- OTHER -->
-<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600">
-	<tbody>
-		<tr>
-			<td class="emailbodytext dm-box" style="color: #3c3532; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 22px; background-color:#f2f2f2;border-radius: 3px 3px 0 0;" valign="top">
-
-				<!-- CONTENT -->
-				<div class="content" style="padding: 20px 20px 0 20px;">
-					<h2>Other This Month Component</h2>
-					<br />
-					<ul>
-						<li>Lorem ipsum dolor sit amet.</li>
-						<li>Consectetur adipiscing elit, sed do eiusmod tempor incididunt.</li>
-						<li>Ut labore et dolore magna aliqua.</li>
-					</ul>
-				</div>
-				<!-- CONTENT -->
-			</td>
-		</tr>
-	</tbody>
-</table>
-<!-- OTHER -->
-				<!-- BODY CONTENT -->
-				</td>
-			</tr>
-		</tbody>
-	</table>
-	<!-- WRAPPER -->
-	<!-- START OF FOOTER BOXES -->
-<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600">
-	<tbody>
-		<tr>
-			<td	class="dm-box" style="font-family:  Helvetica, Arial, sans-serif; font-size:16px; color:#2a2a2a; padding:0px 40px 0px 40px;" bgcolor="#f2f2f2">
-				<table role="presentation" class="dm-box" bgcolor="#f2f2f2" width="100%" border="0" cellspacing="0" cellpadding="0"
-					style="background-color:#f2f2f2;border-radius: 3px 3px 0 0;">
-					<tr>
-						<td bgcolor="#ef404d" style="padding:0px 0px 0px 0px;border-radius: 3px 3px 0 0;">&nbsp; </td>
-					</tr>
-				</table>
-			</td>
-		</tr>
-
-		<!-- MAIN FLOATING BOX -->
-		<tr>
-			<td class="dm-box" style="font-family:  Helvetica, Arial, sans-serif; font-size:16px; color:#2a2a2a; padding:0px 40px 0px 40px;border-radius: 0 0 3px 3px;" bgcolor="#f2f2f2">
-				<table role="presentation" bgcolor="#ef404d" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color:#ef404d;" align="right" class="footer-right">
-					<tbody>
-						<tr>
-							<td align="center" valign="top" class="footer-right" style="padding:10px 0px 0px 0px;font-family: Arial,'Helvetica Neue',sans-serif;font-size:16px;line-height:20px;color:#ffffff !important;text-align:center;background-color:#ef404d;">
-								<p><strong>Make your voice heard today!</strong></p>
-							</td>
-						</tr>
-					</tbody>
-				</table>
-			</td>
-		</tr>
-		<!-- MAIN FLOATING BOX -->
-
-		<tr>
-			<td	style="font-family:  Helvetica, Arial, sans-serif; font-size:16px; color:#2a2a2a; padding:0px 40px 0px 40px;">
-				<table role="presentation" bgcolor="#ef404d" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color:#ef404d;border-radius: 0 0 3px 3px;">
-					<tr>
-						<td bgcolor="#ef404d" style="padding:0px 0px 30px 0px;border-radius: 0 0 3px 3px;">
-							<!-- BUTTON -->
-							<table role="presentation" bgcolor="#ef404d" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color:var(--bg-primary);background-color:#ef404d;">
+								<!-- MAIN FLOATING BOX -->
+
 								<tr>
-									<td align="center" style="margin: 20px 0 20px 0;">
-										<table role="presentation" border="0" cellspacing="0" cellpadding="0">
+									<td class="dm-box" style="font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #2a2a2a; padding: 0px 40px 0px 40px; background-color: #f2f2f2; border-radius: 3px 3px 0 0">
+										<table role="presentation" bgcolor="#ef404d" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #ef404d; border-radius: 0 0 3px 3px">
 											<tr>
-												<td align="center" bgcolor="#0055aa">
-													<a role="button" class="button-text" href="{affiliate_donation}" style="font-family: Arial, sans-serif; color: #ffffff; padding: 12px 18px; border: 1px solid #0055aa; display: inline-block;font-size:18px;font-weight:bold;text-align:center;text-decoration:none;text-transform: uppercase;">Donate Now</a>
+												<td bgcolor="#ef404d" style="padding: 10px 0px 20px 0px; text-align: center; border-radius: 0 0 3px 3px">
+													<a href="{affiliate_facebook}"><img src="https://media.sailthru.com/64d/1k3/a/o/5db1cb21b75bf.png" border="0" alt="Facebook Icon" width="33" /></a> &nbsp; &nbsp;
+													<a href="{affiliate_twitter}"><img src="https://media.sailthru.com/64d/1k3/a/o/5db1cb1be2cb6.png" border="0" alt="Twitter Icon" width="33" /></a> &nbsp; &nbsp;
+													<a href="{affiliate_instagram}"><img src="https://media.sailthru.com/64d/1k3/a/o/5db1cb153c9f8.png" border="0" alt="Instagram Icon" width="33" /></a>
 												</td>
 											</tr>
 										</table>
-										<!-- <p style="font-size: 14px;margin-top:10px"><em>Please note: This link will take you to a third-party website, xyz.com.</em></p> -->
 									</td>
 								</tr>
-							</table>
-							<!-- BUTTON -->
-						</td>
-					</tr>
-				</table>
-			</td>
-		</tr>
-		<tr>
-			<td align="center" class="footer-text" style="color:#737373;font-family: Arial,'Helvetica Neue',sans-serif;font-size:12px;line-height:16px;padding:15px;">
-				<!-- START FOOTER INFO -->
-				<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="100%">
-					<tr>
-						<td class="footer-text" style="color:#737373;font-family: Arial,'Helvetica Neue',sans-serif;font-size:10px;line-height:16px;padding:20px 40px 0px 40px">
-							<p>You received this message because <a href="mailto:{email}">{email}</a> was signed up to receive emails from the American Civil Liberties Union. Please note: If you forward or distribute, the links will open a page with your information filled in.</p>
-
-							<p>{affiliate_name}, {affiliate_address_1}, {affiliate_address_2}</p>
-
-							<p><a href="{privacy_statement}">Privacy policy</a> | <a href="{email_pref}">Unsubscribe</a></p>
-						</td>
-					</tr>
-				</table>
-				<!-- END FOOTER INFO -->
-			</td>
-		</tr>
-	</tbody>
-</table>
-<!-- END OF FOOTER BOXES -->
-</body>
+							</tbody>
+						</table>
+						<!-- END OF SOCIAL BOXES -->
+						<!-- ALTERNATE ARTICLE -->
+						<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600">
+							<tbody>
+								<tr>
+									<td class="emailbodytext dm-box" style="color: #3c3532; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 22px; padding: 15px 0px 20px 0px; background-color: #f2f2f2; border-radius: 0 0 3px 3px" valign="top">
+										<!-- CONTENT -->
+										<div class="content" style="padding: 20px 20px 0 20px">
+											<h2>Alternate Article Component</h2>
+											<p>
+												Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+												voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+											</p>
+										</div>
+										<!-- CONTENT -->
+									</td>
+								</tr>
+							</tbody>
+						</table>
+						<!-- ALTERNATE ARTICLE -->
+						<!-- DIVIDER -->
+						<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600">
+							<tbody>
+								<tr>
+									<td style="font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #2a2a2a; padding: 0px 40px 0px 40px" bgcolor="transparent">
+										<table role="presentation" bgcolor="#ef404d" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #ef404d" align="right" class="footer-right">
+											<tbody>
+												<tr>
+													<td class="dm-divider" style="background-color: #dadada; height: 20px"></td>
+												</tr>
+											</tbody>
+										</table>
+									</td>
+								</tr>
+							</tbody>
+						</table>
+						<!-- DIVIDER -->
+						<!-- calendar icons -->
+						<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+						<!-- calendar icons -->
+
+						<!-- EVENTS -->
+						<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600" style="border-radius: 3px">
+							<tbody>
+								<tr>
+									<td class="stack1 dm-box" width="240" style="color: #3c3532; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 22px; padding: 10px; background-color: #f2f2f2; border-radius: 3px">
+										<table role="presentation" align="center" role="presentation" width="100%" cellpadding="0" cellspacing="0">
+											<tbody>
+												<!-- <a href="{affiliate_website}"><img class="image2" src="https://media.sailthru.com/64p/1k3/9/r/5d8e778dd2054.jpg" alt="Lady Liberty." border="0" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic"/></a> -->
+												<tr>
+													<td align="center" style="padding: 20px 0; display: block">
+														<p>
+															<strong><span style="font-size: 1.2em">Bill Of Rights Dinner</span></strong
+															><br />
+															Thursday, September 15<br />
+															5:30 p.m EDT<br />
+															Westin Copley Place Hotel
+														</p>
+														<table role="presentation" border="0" cellspacing="0" cellpadding="0">
+															<tr>
+																<td align="center" bgcolor="#D73A45" style="border-radius: 3px">
+																	<a
+																		role="button"
+																		class="button-text"
+																		href="{affiliate_website}"
+																		style="border-radius: 3px; font-family: Arial, sans-serif; color: #ffffff; padding: 10px; border: 1px solid #d73a45; display: inline-block; font-size: 20px; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase"
+																		>RSVP NOW</a
+																	>
+																</td>
+															</tr>
+														</table>
+														<!-- *** SNIPPET FOR THIRD-PARTY DISCLAIMER LINKS *** -->
+														<p style="font-size: 14px; margin: 15px 10px 0 10px"><em>Please note: This link will take you to a third-party website, xyz.com.</em></p>
+													</td>
+												</tr>
+											</tbody>
+										</table>
+									</td>
+									<!-- RIGHT -->
+									<td class="stack2 dm-box" width="240" align="center" style="padding: 20px 20px 0 20px; vertical-align: middle; background-color: #f2f2f2">
+										<table role="presentation" border="0" cellspacing="0" cellpadding="0" align="center">
+											<a href="{affiliate_website}"><img class="image1" src="https://media.sailthru.com/64p/1k3/9/r/5d8e778dd2054.jpg" alt="Lady Liberty." border="0" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic" /></a>
+											<p style="font-size: 14px; padding: 10px 10px 0">Add to your Calendar:</p>
+											<p style="font-family: Helvetica, Arial, sans-serif; color: #0055aa; font-size: 14px; margin-top: -10px; padding-bottom: 10px">
+												<a rel="noopener" href="https://www.codexworld.com/newyork_event.ics" style="color: #0055aa; text-decoration: underline"><i class="fa-brands fa-apple" style="font-size: 14px"></i> Apple</a> |
+												<a rel="noopener" href="https://calendar.google.com/calendar/render?action=TEMPLATE&text=My Event&details=Event description text&dates=20220305T103000/20220305T184500&location=New York City" style="color: #0055aa; text-decoration: underline"
+													><i class="fa-brands fa-google"></i> Google</a
+												>
+												|
+												<a
+													rel="noopener"
+													href="https://outlook.office.com/calendar/0/deeplink/compose?subject=My Event&body=Event description text&startdt=2022-03-05T10:30:00+00:00&enddt=2022-03-05T18:45:00+00:00&location=New York City&path=%2Fcalendar%2Faction%2Fcompose&rru=addevent"
+													style="color: #0055aa; text-decoration: underline"
+													><i class="fa-brands fa-microsoft"></i> Outlook</a
+												>
+											</p>
+										</table>
+									</td>
+								</tr>
+							</tbody>
+						</table>
+						<!-- EVENTS -->
+						<!-- DIVIDER -->
+						<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600">
+							<tbody>
+								<tr>
+									<td style="font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #2a2a2a; padding: 0px 40px 0px 40px" bgcolor="transparent">
+										<table role="presentation" bgcolor="#ef404d" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #ef404d" align="right" class="footer-right">
+											<tbody>
+												<tr>
+													<td class="dm-divider" style="background-color: #dadada; height: 20px"></td>
+												</tr>
+											</tbody>
+										</table>
+									</td>
+								</tr>
+							</tbody>
+						</table>
+						<!-- DIVIDER -->
+						<!-- MULTIPLE EVENTS -->
+						<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600">
+							<tbody>
+								<tr>
+									<td class="dm-box" style="font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #2a2a2a" bgcolor="#f2f2f2">
+										<table role="presentation" class="dm-box" bgcolor="#f2f2f2" width="100%" border="1" cellspacing="0" cellpadding="0" style="background-color: #b2cce5; border-radius: 3px; border-collapse: separate" align="right">
+											<tbody>
+												<tr>
+													<th align="center" style="padding: 8px 0 0 0">Event</th>
+													<th align="center" style="padding: 8px 0 0 0">Date</th>
+													<th align="center" style="padding: 8px 0 0 0">Location</th>
+												</tr>
+												<tr>
+													<td align="center" style="padding: 5px"><a href="">Trans Resistance Festival</a></td>
+													<td align="center" style="padding: 5px">
+														<a href=""
+															>Sat., Jun. 3,<br />
+															11 a.m. &ndash; 5 p.m.</a
+														>
+													</td>
+													<td align="center" style="padding: 5px"><a href="">Stony Brook Station</a></td>
+												</tr>
+												<tr>
+													<td align="center" style="padding: 5px"><a href="">Boston Pride for the People Parade</a></td>
+													<td align="center" style="padding: 5px">
+														<a href=""
+															>Sat., Jun. 10,<br />
+															10 a.m. &ndash; 8 p.m.</a
+														>
+													</td>
+													<td align="center" style="padding: 5px"><a href="">Copley Square</a></td>
+												</tr>
+												<tr>
+													<td align="center" style="padding: 5px"><a href="">Action Team Media Crew Training</a></td>
+													<td align="center" style="padding: 5px">
+														<a href=""
+															>Wed., Aug. 16,<br />
+															5:30 &ndash; 7:30 p.m.</a
+														>
+													</td>
+													<td align="center" style="padding: 5px"><a href="">Center Plaza</a></td>
+												</tr>
+												<tr>
+													<td align="center" style="padding: 0 0 6px 0"><a href="">Bill of Rights Dinner</a></td>
+													<td align="center" style="padding: 0 0 6px 0">
+														<a href=""
+															>Fri., Sep. 22,<br />
+															5:30 p.m.</a
+														>
+													</td>
+													<td align="center" style="padding: 0 0 6px 0"><a href="">Omni Boston Hotel</a></td>
+												</tr>
+											</tbody>
+										</table>
+									</td>
+								</tr>
+							</tbody>
+						</table>
+						<!-- MULTIPLE EVENTS -->
+						<!-- DIVIDER -->
+						<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600">
+							<tbody>
+								<tr>
+									<td style="font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #2a2a2a; padding: 0px 40px 0px 40px" bgcolor="transparent">
+										<table role="presentation" bgcolor="#ef404d" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #ef404d" align="right" class="footer-right">
+											<tbody>
+												<tr>
+													<td class="dm-divider" style="background-color: #dadada; height: 20px"></td>
+												</tr>
+											</tbody>
+										</table>
+									</td>
+								</tr>
+							</tbody>
+						</table>
+						<!-- DIVIDER -->
+						<!-- OTHER -->
+						<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600">
+							<tbody>
+								<tr>
+									<td class="emailbodytext dm-box" style="color: #3c3532; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 22px; background-color: #f2f2f2; border-radius: 3px 3px 0 0" valign="top">
+										<!-- CONTENT -->
+										<div class="content" style="padding: 20px 20px 0 20px">
+											<h2>Other This Month Component</h2>
+											<br />
+											<ul>
+												<li>Lorem ipsum dolor sit amet.</li>
+												<li>Consectetur adipiscing elit, sed do eiusmod tempor incididunt.</li>
+												<li>Ut labore et dolore magna aliqua.</li>
+											</ul>
+										</div>
+										<!-- CONTENT -->
+									</td>
+								</tr>
+							</tbody>
+						</table>
+						<!-- OTHER -->
+						<!-- BODY CONTENT -->
+					</td>
+				</tr>
+			</tbody>
+		</table>
+		<!-- WRAPPER -->
+		<!-- START OF FOOTER BOXES -->
+		<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="600">
+			<tbody>
+				<tr>
+					<td class="dm-box" style="font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #2a2a2a; padding: 0px 40px 0px 40px" bgcolor="#f2f2f2">
+						<table role="presentation" class="dm-box" bgcolor="#f2f2f2" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #f2f2f2; border-radius: 3px 3px 0 0">
+							<tr>
+								<td bgcolor="#ef404d" style="padding: 0px 0px 0px 0px; border-radius: 3px 3px 0 0">&nbsp;</td>
+							</tr>
+						</table>
+					</td>
+				</tr>
+
+				<!-- MAIN FLOATING BOX -->
+				<tr>
+					<td class="dm-box" style="font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #2a2a2a; padding: 0px 40px 0px 40px; border-radius: 0 0 3px 3px" bgcolor="#f2f2f2">
+						<table role="presentation" bgcolor="#ef404d" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #ef404d" align="right" class="footer-right">
+							<tbody>
+								<tr>
+									<td align="center" valign="top" class="footer-right" style="padding: 10px 0px 0px 0px; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 20px; color: #ffffff !important; text-align: center; background-color: #ef404d">
+										<p><strong>Make your voice heard today!</strong></p>
+									</td>
+								</tr>
+							</tbody>
+						</table>
+					</td>
+				</tr>
+				<!-- MAIN FLOATING BOX -->
+
+				<tr>
+					<td style="font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #2a2a2a; padding: 0px 40px 0px 40px">
+						<table role="presentation" bgcolor="#ef404d" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #ef404d; border-radius: 0 0 3px 3px">
+							<tr>
+								<td bgcolor="#ef404d" style="padding: 0px 0px 30px 0px; border-radius: 0 0 3px 3px">
+									<!-- BUTTON -->
+									<table role="presentation" bgcolor="#ef404d" width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: var(--bg-primary); background-color: #ef404d">
+										<tr>
+											<td align="center" style="margin: 20px 0 20px 0">
+												<table role="presentation" border="0" cellspacing="0" cellpadding="0">
+													<tr>
+														<td align="center" bgcolor="#0055aa">
+															<a
+																role="button"
+																class="button-text"
+																href="{affiliate_donation}"
+																style="font-family: Arial, sans-serif; color: #ffffff; padding: 12px 18px; border: 1px solid #0055aa; display: inline-block; font-size: 18px; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase"
+																>Donate Now</a
+															>
+														</td>
+													</tr>
+												</table>
+												<!-- <p style="font-size: 14px;margin-top:10px"><em>Please note: This link will take you to a third-party website, xyz.com.</em></p> -->
+											</td>
+										</tr>
+									</table>
+									<!-- BUTTON -->
+								</td>
+							</tr>
+						</table>
+					</td>
+				</tr>
+				<tr>
+					<td align="center" class="footer-text" style="color: #737373; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 12px; line-height: 16px; padding: 15px">
+						<!-- START FOOTER INFO -->
+						<table role="presentation" align="center" border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="100%">
+							<tr>
+								<td class="footer-text" style="color: #737373; font-family: Arial, 'Helvetica Neue', sans-serif; font-size: 10px; line-height: 16px; padding: 20px 40px 0px 40px">
+									<p>You received this message because <a href="mailto:{email}">{email}</a> was signed up to receive emails from the American Civil Liberties Union. Please note: If you forward or distribute, the links will open a page with your information filled in.</p>
+
+									<p>{affiliate_name}, {affiliate_address_1}, {affiliate_address_2}</p>
+
+									<p><a href="{privacy_statement}">Privacy policy</a> | <a href="{email_pref}">Unsubscribe</a></p>
+								</td>
+							</tr>
+						</table>
+						<!-- END FOOTER INFO -->
+					</td>
+				</tr>
+			</tbody>
+		</table>
+		<!-- END OF FOOTER BOXES -->
+	</body>
 </html>
diff --git a/package-lock.json b/package-lock.json
index a86bf4d..ed8b559 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
 	"name": "@aclu-national/email-builder",
-	"version": "1.4.1",
+	"version": "1.4.2",
 	"lockfileVersion": 3,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "@aclu-national/email-builder",
-			"version": "1.4.1",
+			"version": "1.4.2",
 			"license": "MIT",
 			"dependencies": {
 				"@semantic-release/git": "^10.0.1",
diff --git a/package.json b/package.json
index 9a595b9..b1ed6f4 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@aclu-national/email-builder",
-	"version": "1.4.1",
+	"version": "1.4.2",
 	"description": "Using 11ty to generate HTML emails",
 	"main": "dist/",
 	"author": "ACLU",
