switch images urls from relative to absolute

mertbagt · mertbagt · commit 628fcde2e2b0 · 2025-04-24T16:11:59.000-04:00
diff --git a/functions/src/email/digestEmail.handlebars b/functions/src/email/digestEmail.handlebars
@@ -4,7 +4,8 @@
     <link rel="stylesheet" type="text/css" href="email/style.css" />
   </head>
 
-  <body class="font">
+  <body style="background: white; width: 600px; min-height: 80vh; font-family: 'Nunito';
+                            font-style: normal">
     {{> header }}
 
     {{> bills }}
diff --git a/functions/src/email/partials/bills/bills.handlebars b/functions/src/email/partials/bills/bills.handlebars
@@ -1,6 +1,6 @@
 <section style="margin-left: 47.5px; margin-right: 47.5px; padding-bottom: 20px">
   <div style="margin-bottom: 20px;">
-    <h5 style="display: inline-block; font-weight: 600; font-size: 25px; line-height: 125%; margin-right: 20px; margin-bottom: 0px;
+    <h5 style="display: inline-block; font-weight: 600; font-size: 25px; line-height: 125%; margin-right: 30px; margin-bottom: 0px;
                color: #C71E32;">
       Bills
     </h5>
diff --git a/functions/src/email/partials/footer.handlebars b/functions/src/email/partials/footer.handlebars
@@ -1,4 +1,4 @@
-<footer style="margin: 20px 47.5px 0 47.5px">
+<footer style="width: 600px">
   <hr style="height: 3px; border-width: 0; color: #101010; background-color: #101010">
   <p style="font-weight: 600; font-size: 12px; line-height: 125%; letter-spacing: 0.03em;
             color: #000000; margin-top: 36px">
diff --git a/functions/src/email/partials/header.handlebars b/functions/src/email/partials/header.handlebars
@@ -1,7 +1,5 @@
 <div id="logo" style="background-color: #1a3185; padding: 16px 20px 16px 50px">
-  <img src="email\images_no-svgs\Logo.png" alt="Maple Logo" />
-  {{!-- On prod, replace with: --}}
-  {{!-- <img src="https://mapletestimony.org/email/images_no-svgs/Logo.png" alt="Maple Logo" /> --}}
+  <img src="https://mapletestimony.org/email/images_no-svgs/Logo.png" alt="Maple Logo" />
 </div>
 
 <header style="background-color: #FFFFFF; padding: 24px 0px 12px;
@@ -16,11 +14,11 @@
       of the Bills and Users you follow!
     </h2>
     <p class="subheadline blue center" style="font-weight: 600; font-size: 12px; line-height: 125%; 
-    color: #1a3185; display: block; margin: auto; width: 30%;">
+    color: #1a3185; display: block; margin: auto; width: 30%">
       {{startDate}} - {{endDate}}
     </p>
   </div>
-  <img src="email\images_no-svgs\Mail Report.png" alt="Report" style="display: block; margin: auto; width: 32%;" />
+  <img src="https://mapletestimony.org/email/images_no-svgs/Mail Report.png" alt="Report" style="display: block; margin: auto; width: 32%" />
   {{!-- On prod, replace with: --}}
   {{!-- <img src="https://mapletestimony.org/email/images_no-svgs/Mail Report.png" alt="Report" style="display: block; margin: auto; width: 32%;" /> --}}
 </header>
diff --git a/functions/src/email/partials/newsFeedLink.handlebars b/functions/src/email/partials/newsFeedLink.handlebars
@@ -1,7 +1,7 @@
-<nav style="background-color: #1a3185; color: #FFFFFF">
+<div id="nav" style="background-color: #1a3185; color: #FFFFFF; width: 600px">
   <div style="display: block; margin: auto; width: 43%">
     <p style="display: inline-block; font-weight: 500; font-size: 16px; line-height: 125%;
-              letter-spacing: 0.015em; margin-right: 4px; margin-bottom: 0px;"
+              letter-spacing: 0.015em; margin-right: 4px; margin-bottom: 0px"
     >
       see more at your
     </p>
@@ -18,4 +18,4 @@
       </a>
     </p>
   </div>
-</nav>
+</div>
diff --git a/functions/src/email/partials/noUpdates.handlebars b/functions/src/email/partials/noUpdates.handlebars
@@ -1,6 +1,8 @@
 <div class="noUpdatesIcon">
-  <img src="/empty mail.svg" alt="Empty Mail" />
+  <img src="https://mapletestimony.org/email/images_no-svgs/empty-mail.png" alt="Empty Mail" />
 </div>
-<h5 class="noUpdatesTitle">No updates for
+<h5 style="font-weight: 600; font-size: 25px; line-height: 125%; margin-bottom: 0px;
+          display: block; margin: auto; width: 65%; color: #000000"
+>No updates for
   {{noUpdatesFormat notificationFrequency}}!
 </h5>
diff --git a/public/email/images_no-svgs/empty-mail.png b/public/email/images_no-svgs/empty-mail.png

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-<footer style="margin: 20px 47.5px 0 47.5px">`
	`1`	`+<footer style="width: 600px">`
`2`	`2`	`<hr style="height: 3px; border-width: 0; color: #101010; background-color: #101010">`
`3`	`3`	`<p style="font-weight: 600; font-size: 12px; line-height: 125%; letter-spacing: 0.03em;`
`4`	`4`	`color: #000000; margin-top: 36px">`