My Newsletter format #63

TheDMV2 · 2023-11-03T00:29:10Z

TheDMV2
Nov 3, 2023

I use one extra image from Google font/icons: playlist_add-white.png

I dumped it in web/assets/img - but it can go anywhere. Best to go somewhere that won't be overwritten in a version upgrade.

Really though, I should replace it with an in-line svg, so it doesn't need an external file at all.

MAIN

<html>
<body>
	<div>
		<table style="margin-left: auto; margin-right: auto; font-family:'Google Sans',Arial,sans-serif;">
			<tr> 
				<td width="100%" height="100%" style="vertical-align: top; background-color: #000000;"> 
					<table id="InsertHere" name="MainTable" style="margin-left: auto; margin-right: auto; border-spacing: 0 10px; padding: 0 10px;"> 
						<tr style="text-align: center;"> 
							<td colspan="2"> 
								<h1 id="Title" style="font-size:3.3em;margin:10px 0 0 0;"><a href="[YOUR.JELLYFIN.SERVER]" target="_blank" style="color:#E197BC;text-decoration: none;"><img src="[YOUR.JELLYFIN.SERVER]/web/assets/img/icon-transparent.png" style="height: 1.3em;margin-bottom:-12px;"> Jellyfin Newsletter</a></h1>
								<h3 id="Date" style="color:#FFFFFF;margin:0px;">All the latest PB&J.</h3>
							</td> 
						</tr>
						<tr>
							<td colspan="2" style="width:100%;text-align:right;padding:0;">
							<div style="padding-right:2%;">
							<table style="vertical-align:middle;display:inline;"><tr>
							<td style="display:block;padding:0;height:25px;">
							<a href="[YOUR.OMBI.or.JELLYSEERR]"><img src="[YOUR.JELLYFIN.SERVER]/web/playlist_add-white.png" style="height: 24px;"></a>
							</td>
							<td>
							<a style="color: #f3a9ed; text-decoration:none;" href="[YOUR.OMBI.or.JELLYSEERR]">Request Movies</a>
							</td>
							</tr>
							</table>
							</div>
							</td>
						</tr>
						<!-- Fill this in from code --> 
						{EntryData}
						<!-- Fill that in from code -->
						<tr>
						<td colspan="2">
							<table style="margin: 0 auto;font-size: 1.1em; font-weight:800;">
							<tr style="text-align:right;">
							<td>
							<a style="color: #87beff; text-decoration:none;" href="[YOUR.OMBI.or.JELLYSEERR]">Want something not here?</a>
							</td>
							<td style="padding: 0 0 0 20px;">
							<a style="text-decoration:none;" href="[YOUR.OMBI.or.JELLYSEERR]"><img src="[YOUR.JELLYFIN.SERVER]/web/playlist_add-white.png" style="width:30px;"></a>
							</td>
							<td style="">
							<a style="color: #fd9ae8; text-decoration:none;" href="[YOUR.OMBI.or.JELLYSEERR]">Request it!</a>
							</td>
							</tr>
							</table>
						</td>
						</tr>
						<tr>
						<td colspan="2" style="text-align:right;">
							<a href="mailto:[YOUR.EMAIL.ADDRESS]?subject=unsubscribe&body=unsubscribe" style="color:#777777;text-decoration:none;">[unsubscribe?]</a>
						</td>
						</tr>
					</table> 
				</td>
			</tr> 
		</table> 
	</div>
</body>
</html>

ENTRIES

<tr class="boxed" style="outline: 1px solid #bf7df0;border-radius: 25px;">
<td>
<table style="margin:0;padding:0;border:0;">
	<tr style="margin:0;padding:0;border:0;">
	<td rowspan="0" class="lefttable" style="padding-right: 20px; padding-left: 20px; padding-top: 20px; padding-bottom: 20px;"> 
		<a href="[YOUR.JELLYFIN.SERVER]" target="_blank"><img style="width: 133px; height: 200px;" src="{ImageURL}"></a>
	</td>
	<td class="righttable" style="vertical-align: top; padding-right: 10px; padding-top: 10px;width:100%;"> 
		<div id="SeriesTitle" class="text" style="color: #FFFFFF; text-align: center;">
			<h2 style="margin-top:6px;margin-bottom:0px;"><a href="[YOUR.JELLYFIN.SERVER]" target="_blank" style="color:#87beff;text-decoration: none;">
			{Title} 
			</a></h2>
		</div>
		<div class="text" style="color: #d190c5;">
		{SeasonEpsInfo}
		</div>
		<hr style="border-color: #007fb1;margin-bottom:12px;width:80%;"/> 
		<div id="Description" class="text" style="color: #FFFFFF;">
		{SeriesOverview}
		</div>
	</td>
	</tr>
	<tr>
	<td style="vertical-align:bottom;text-align:center;padding-bottom:5px;">
		<a href="[YOUR.JELLYFIN.SERVER]" target="_blank"><img src="[YOUR.JELLYFIN.SERVER]/web/assets/img/banner-light.png" style="width: 80px;opacity:0.6" title=""></a>
	</td>
	</tr>
</table>
</td>
</tr>

TheDMV2 · 2023-11-11T00:12:39Z

TheDMV2
Nov 11, 2023
Author

Really though, I should replace it with an in-line svg, so it doesn't need an external file at all.

Turns Gmail strips it out and replaces it with blank <ul> tags. Most everything else supports SVG, though.

https://www.caniemail.com/features/image-svg/

Frustrating.

Can't use inline base64 encoding with gmail either. Testing with attaching base64.

as per: https://stackoverflow.com/questions/9110091/base64-encoded-images-in-email-signatures

0 replies

TheDMV2 · 2024-05-23T04:37:41Z

TheDMV2
May 23, 2024
Author

Final_Final_FINALversion.docx.old.doc

MAIN

<html>
<body>
	<div>
		<table style="margin-left: auto; margin-right: auto; font-family:'Google Sans',Arial,sans-serif;">
			<tr> 
				<td width="100%" height="100%" style="vertical-align: top; background-color: #000000;"> 
					<table id="InsertHere" name="MainTable" style="margin-left: auto; margin-right: auto; border-spacing: 0 10px; padding: 0 10px;"> 
						<tr style="text-align: center;"> 
							<td colspan="2"> 
								<h1 id="Title" style="font-size:3.3em;margin:10px 0 0 0;"><a href="https://YOURURL" target="_blank" style="color:#E197BC;text-decoration: none;"><img src="https://YOURURL/web/assets/img/icon-transparent.png" style="height: 1.3em;margin-bottom:-12px;"> Jellyfin Newsletter</a></h1>
								<h3 id="Date" style="color:#FFFFFF;margin:0px;">All the latest PB&J from {Date}.</h3>
							</td> 
						</tr>
						<tr>
							<td colspan="2" style="width:100%;text-align:right;padding:0;">
							<div style="padding-right:2%;">
							<table style="vertical-align:middle;display:inline;"><tr>
							<td style="display:block;padding:0;height:25px;">
							<a href="YOURURL">
							<img src="https://YOURURL/web/custom/playlist_add-white.png">
							</a>
							</td>
							<td>
							<a style="color: #f3a9ed; text-decoration:none;" href="YOURURL">Request Movies</a>
							</td>
							</tr>
							</table>
							</div>
							</td>
						</tr>
						<!-- Fill this in from code --> 
						{EntryData}
						<!-- Fill that in from code -->
						<tr>
						<td colspan="2">
							<table style="margin: 0 auto;font-size: 1.1em; font-weight:800;">
							<tr style="text-align:right;">
							<td>
							<a style="color: #87beff; text-decoration:none;" href="YOURURL">Want something not here?</a>
							</td>
							<td style="padding: 0 0 0 20px;">
								<a style="text-decoration:none;" href="https://tv.iseasy.tw:97">
								<img src="https://YOURURL/web/custom/playlist_add-white.png">								
								</a>
							</td>
							<td style="">
							<a style="color: #fd9ae8; text-decoration:none;" href="https://tv.iseasy.tw:97">Request it!</a>
							</td>
							</tr>
							</table>
						</td>
						</tr>
						<tr>
						<td colspan="2" style="text-align:right;">
							<a href="mailto:newsletter@YOURURL?subject=unsubscribe&body=unsubscribe" style="color:#777777;text-decoration:none;">[unsubscribe?]</a>
						</td>
						</tr>
					</table> 
				</td>
			</tr> 
		</table> 
	</div>
</body>
</html>

ENTRYDATA

<tr class="boxed" style="outline: 1px solid #bf7df0;border-radius: 25px;">
<td>
<table style="margin:0;padding:0;border:0;">
	<tr style="margin:0;padding:0;border:0;">
	<td rowspan="0" class="lefttable" style="padding-right: 20px; padding-left: 20px; padding-top: 20px; padding-bottom: 20px;"> 
		<a href="https://YOURURL/web/#/details?id={ItemID}" target="_blank"><img style="width: 133px; height: 200px;" src="https://YOURURL/Items/{ItemID}/Images/Primary?fillHeight=200&fillWidth=133&quality=50"></a>
	</td>
	<td class="righttable" style="vertical-align: top; padding-right: 10px; padding-top: 10px;width:100%;"> 
		<div id="SeriesTitle" class="text" style="color: #FFFFFF; text-align: center;">
			<h2 style="margin-top:6px;margin-bottom:0px;"><a href="https://YOURURL/web/#/details?id={ItemID}" target="_blank" style="color:#87beff;text-decoration: none;">
			{Title} 
			</a></h2>
		</div>
<div style="color: #FFFFFF; text-align: center;">
Released in {PremiereYear} | Duration: {RunTime} min | Rating: {CommunityRating} / 10
</div>
		<div class="text" style="color: #d190c5;">
		{SeasonEpsInfo}
		</div>
		<hr style="border-color: #007fb1;margin-bottom:12px;width:80%;"/> 
		<div id="Description" class="text" style="color: #FFFFFF;">
		{SeriesOverview}
		</div>
	</td>
	</tr>
	<tr>
	<td style="vertical-align:bottom;text-align:center;padding-bottom:5px;">
		<a href="https://YOURURL/web/#/details?id={ItemID}" target="_blank"><img src="https://YOURURL/web/assets/img/banner-light.png" style="width: 80px;opacity:0.6" title=""></a>
	</td>
	</tr>
</table>
</td>
</tr>

3 replies

Cloud9Developer May 23, 2024
Maintainer

You know, you can do {Hostname} (I think that's the tag lol) in place of ”YOURURL" now ;)

TheDMV2 May 23, 2024
Author

That would work for some of them, but not all (my email server/email name is not the same as my JF server, and my Jellyseerr runs on a different port). However, I'll see about updating it the next time I need to update it 👍

Cloud9Developer May 23, 2024
Maintainer

Ahhh, gotchaa

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

My Newsletter format #63

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Replies: 2 comments 3 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

My Newsletter format #63

Uh oh!

Uh oh!

TheDMV2 Nov 3, 2023

Replies: 2 comments · 3 replies

Uh oh!

Uh oh!

TheDMV2 Nov 11, 2023 Author

Uh oh!

Uh oh!

TheDMV2 May 23, 2024 Author

Uh oh!

Cloud9Developer May 23, 2024 Maintainer

Uh oh!

TheDMV2 May 23, 2024 Author

Uh oh!

Cloud9Developer May 23, 2024 Maintainer

TheDMV2
Nov 3, 2023

Replies: 2 comments 3 replies

TheDMV2
Nov 11, 2023
Author

TheDMV2
May 23, 2024
Author

Cloud9Developer May 23, 2024
Maintainer

TheDMV2 May 23, 2024
Author

Cloud9Developer May 23, 2024
Maintainer