github/plexpy
1
0
Fork 0
mirror of https://github.com/Tautulli/Tautulli.git synced 2025-07-16 02:02:58 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix newsletter header image sizes

Browse source
This commit is contained in:
JonnyWong16 2018-03-24 09:45:27 -07:00
parent 1b7cfd7f8a
commit a877da3de8
3 changed files with 144 additions and 110 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
data/interfaces/default/images/newsletter/newsletter-header.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 33 KiB

Before After
Before After

127
data/interfaces/newsletters/recently_added.html
View file

@ -272,11 +272,14 @@
HEADER HEADER
------------------------------------- */ ------------------------------------- */
.header { .header {
background-repeat: no-repeat;
background-position: calc(50% - 20px) 50%;
background-size: contain;
width: 100%; width: 100%;
height: 100px; height: 90px;
text-align: center;
}
.header-img {
width: 492px;
height: 90px;
margin-left: -35px;
} }
.server-name { .server-name {
font-size: 30px; font-size: 30px;
@ -303,27 +306,36 @@
margin: 0 0 10px 0; margin: 0 0 10px 0;
} }
img.sub-header-icon { .sub-header-icon {
height: 30px; height: 30px;
width: 30px;
vertical-align: middle; vertical-align: middle;
margin-right: 5px; margin-right: 5px;
margin-bottom: 5px; margin-bottom: 5px;
} }
.sub-header > div { .sub-header-bar {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
font-size: 30px; font-size: 30px;
text-align: center; text-align: center;
}
.sub-header-bar {
width: 200px; width: 200px;
border-top: 1px solid #E5A00D; border-top: 1px solid #E5A00D;
margin-top: 15px; margin-top: 15px;
margin-bottom: 25px; margin-bottom: 25px;
} }
.sub-header-title { .sub-header-title {
margin-left: auto;
margin-right: auto;
font-size: 30px;
text-align: center;
font-weight: lighter; font-weight: lighter;
} }
.sub-header-count {
margin-left: auto;
margin-right: auto;
font-size: 30px;
text-align: center;
}
.sub-header-count .count { .sub-header-count .count {
color: #E5A00D; color: #E5A00D;
} }
@ -462,11 +474,19 @@
@media only screen and (max-width: 1040px) { @media only screen and (max-width: 1040px) {
.card-instance { .card-instance {
display: block !important; display: block !important;
margin: 0 auto; margin-top: 0 !important;
margin-right: auto !important;
margin-bottom: 0 !important;
margin-left: auto !important;
} }
table[class=body] .header { table[class=body] .header {
background-position: center !important; height: 75px !important;
}
table[class=body] .header-img {
width: 410px;
height: 75px;
margin-left: -30px;
} }
table[class=body] h1 { table[class=body] h1 {
@ -486,8 +506,9 @@
table[class=body] .sub-header-title { table[class=body] .sub-header-title {
font-size: 20px !important; font-size: 20px !important;
} }
table[class=body] img.sub-header-icon { table[class=body] .sub-header-icon {
height: 20px !important; height: 20px !important;
width: 20px !important;
} }
table[class=body] .count { table[class=body] .count {
font-size: 20px !important; font-size: 20px !important;
@ -564,24 +585,22 @@
<!-- START MAIN CONTENT AREA --> <!-- START MAIN CONTENT AREA -->
<tr> <tr>
<td class="wrapper newsletter-header" style="font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-size: 14px;vertical-align: top;box-sizing: border-box;padding: 5px;overflow: auto;"> <td class="wrapper newsletter-header" style="font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-size: 14px;vertical-align: top;box-sizing: border-box;padding: 5px;overflow: auto;">
<div class="header" style="background-image: url(${base_url + 'images/newsletter/newsletter-header.png' if base_url else 'https://i.imgur.com/oqMQJxp.png'});background-repeat: no-repeat;background-position: calc(50% - 20px) 50%;background-size: contain;width: 100%;height: 100px;"></div> <div class="header" style="width: 100%;height: 90px;text-align: center;">
<img src="${base_url + 'images/newsletter/newsletter-header.png' if base_url else 'https://i.imgur.com/oqMQJxp.png'}" class="header-img" width="492" height="90" style="border: none;-ms-interpolation-mode: bicubic;max-width: 100%;width: 492px;height: 90px;margin-left: -35px;">
</div>
<div class="server-name" style="font-size: 30px;text-align: center;">${parameters['server_name']}</div> <div class="server-name" style="font-size: 30px;text-align: center;">${parameters['server_name']}</div>
<div class="dates" style="color: #aaaaaa;font-size: 20px;text-align: center;">${parameters['start_date']} - ${parameters['end_date']}</div> <div class="dates" style="color: #aaaaaa;font-size: 20px;text-align: center;">${parameters['start_date']} - ${parameters['end_date']}</div>
</td> </td>
</tr> </tr>
% if recently_added.get('movie'): % if recently_added.get('movie'):
<tr> <tr>
<td style="font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-size: 14px;vertical-align: top;"> <td class="wrapper" style="font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-size: 14px;vertical-align: top;box-sizing: border-box;padding: 5px;overflow: auto;">
<div class="wrapper" style="box-sizing: border-box;padding: 5px;overflow: auto;"> <div class="sub-header-bar" style="margin-left: auto;margin-right: auto;font-size: 30px;text-align: center;width: 200px;border-top: 1px solid #E5A00D;margin-top: 15px;margin-bottom: 25px;"></div>
<div class="sub-header"> <div class="sub-header-title" style="margin-left: auto;margin-right: auto;font-size: 30px;text-align: center;font-weight: lighter;">
<div class="sub-header-bar" style="width: 200px;border-top: 1px solid #E5A00D;margin-top: 15px;margin-bottom: 25px;margin-left: auto;margin-right: auto;font-size: 30px;text-align: center;"></div> <img src="${(base_url + 'images/libraries/movie.png') if base_url else 'http://tautulli.com/images/libraries/movie.png'}" class="sub-header-icon" width="30" height="30" style="border: none;-ms-interpolation-mode: bicubic;max-width: 100%;height: 30px;width: 30px;vertical-align: middle;margin-right: 5px;margin-bottom: 5px;"> Recently Added Movies
<div class="sub-header-title" style="font-weight: lighter;margin-left: auto;margin-right: auto;font-size: 30px;text-align: center;"> </div>
<img src="${(base_url + 'images/libraries/movie.png') if base_url else 'http://tautulli.com/images/libraries/movie.png'}" class="sub-header-icon" style="border: none;-ms-interpolation-mode: bicubic;max-width: 100%;height: 30px;vertical-align: middle;margin-right: 5px;margin-bottom: 5px;"> Recently Added Movies <div class="sub-header-count" style="margin-left: auto;margin-right: auto;font-size: 30px;text-align: center;">
</div> <span class="count" style="color: #E5A00D;">${len(recently_added['movie'])}</span> <span class="count-units" style="color: #aaaaaa;font-size: 20px;text-transform: uppercase;">movie${'s' if len(recently_added['movie']) > 1 else ''}</span>
<div class="sub-header-count" style="margin-left: auto;margin-right: auto;font-size: 30px;text-align: center;">
<span class="count" style="color: #E5A00D;">${len(recently_added['movie'])}</span> <span class="count-units" style="color: #aaaaaa;font-size: 20px;text-transform: uppercase;">movie${'s' if len(recently_added['movie']) > 1 else ''}</span>
</div>
</div>
</div> </div>
</td> </td>
</tr> </tr>
@ -682,20 +701,20 @@
% endif % endif
% if recently_added.get('show'): % if recently_added.get('show'):
<tr> <tr>
<td style="font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-size: 14px;vertical-align: top;"> <td class="wrapper" style="font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-size: 14px;vertical-align: top;box-sizing: border-box;padding: 5px;overflow: auto;">
<div class="wrapper" style="box-sizing: border-box;padding: 5px;overflow: auto;"> <div class="sub-header-bar" style="margin-left: auto;margin-right: auto;font-size: 30px;text-align: center;width: 200px;border-top: 1px solid #E5A00D;margin-top: 15px;margin-bottom: 25px;"></div>
<div class="sub-header"> <div class="sub-header-title" style="margin-left: auto;margin-right: auto;font-size: 30px;text-align: center;font-weight: lighter;">
<div class="sub-header-bar" style="width: 200px;border-top: 1px solid #E5A00D;margin-top: 15px;margin-bottom: 25px;margin-left: auto;margin-right: auto;font-size: 30px;text-align: center;"></div> <img src="${(base_url + 'images/libraries/show.png') if base_url else 'http://tautulli.com/images/libraries/show.png'}" class="sub-header-icon" width="30" height="30" style="border: none;-ms-interpolation-mode: bicubic;max-width: 100%;height: 30px;width: 30px;vertical-align: middle;margin-right: 5px;margin-bottom: 5px;"> Recently Added TV Shows
<div class="sub-header-title" style="font-weight: lighter;margin-left: auto;margin-right: auto;font-size: 30px;text-align: center;">
<img src="${(base_url + 'images/libraries/show.png') if base_url else 'http://tautulli.com/images/libraries/show.png'}" class="sub-header-icon" style="border: none;-ms-interpolation-mode: bicubic;max-width: 100%;height: 30px;vertical-align: middle;margin-right: 5px;margin-bottom: 5px;"> Recently Added TV Shows
</div>
<div class="sub-header-count" style="margin-left: auto;margin-right: auto;font-size: 30px;text-align: center;">
<span class="count" style="color: #E5A00D;">${len(recently_added['show'])}</span> <span class="count-units" style="color: #aaaaaa;font-size: 20px;text-transform: uppercase;">show${'s' if len(recently_added['show']) > 1 else ''}</span> /
<% total_episodes = sum(season['episode_count'] for show in recently_added['show'] for season in show['season']) %>
<span class="count" style="color: #E5A00D;">${total_episodes}</span> <span class="count-units" style="color: #aaaaaa;font-size: 20px;text-transform: uppercase;">episode${'s' if total > 1 else ''}</span>
</div>
</div>
</div> </div>
<div class="sub-header-count" style="margin-left: auto;margin-right: auto;font-size: 30px;text-align: center;">
<span class="count" style="color: #E5A00D;">${len(recently_added['show'])}</span> <span class="count-units" style="color: #aaaaaa;font-size: 20px;text-transform: uppercase;">show${'s' if len(recently_added['show']) > 1 else ''}</span> /
<% total_episodes = sum(season['episode_count'] for show in recently_added['show'] for season in show['season']) %>
<span class="count" style="color: #E5A00D;">${total_episodes}</span> <span class="count-units" style="color: #aaaaaa;font-size: 20px;text-transform: uppercase;">episode${'s' if total > 1 else ''}</span>
</div>
</td>
</tr>
<tr>
<td style="font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-size: 14px;vertical-align: top;">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 100%;"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 100%;">
<tbody> <tbody>
% for show_a, show_b in grouper(recently_added['show'], 2): % for show_a, show_b in grouper(recently_added['show'], 2):
@ -818,20 +837,20 @@
% endif % endif
% if recently_added.get('artist'): % if recently_added.get('artist'):
<tr> <tr>
<td style="font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-size: 14px;vertical-align: top;"> <td class="wrapper" style="font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-size: 14px;vertical-align: top;box-sizing: border-box;padding: 5px;overflow: auto;">
<div class="wrapper" style="box-sizing: border-box;padding: 5px;overflow: auto;"> <div class="sub-header-bar" style="margin-left: auto;margin-right: auto;font-size: 30px;text-align: center;width: 200px;border-top: 1px solid #E5A00D;margin-top: 15px;margin-bottom: 25px;"></div>
<div class="sub-header"> <div class="sub-header-title" style="margin-left: auto;margin-right: auto;font-size: 30px;text-align: center;font-weight: lighter;">
<div class="sub-header-bar" style="width: 200px;border-top: 1px solid #E5A00D;margin-top: 15px;margin-bottom: 25px;margin-left: auto;margin-right: auto;font-size: 30px;text-align: center;"></div> <img src="${(base_url + 'images/libraries/artist.png') if base_url else 'http://tautulli.com/images/libraries/artist.png'}" class="sub-header-icon" width="30" height="30" style="border: none;-ms-interpolation-mode: bicubic;max-width: 100%;height: 30px;width: 30px;vertical-align: middle;margin-right: 5px;margin-bottom: 5px;"> Recently Added Music
<div class="sub-header-title" style="font-weight: lighter;margin-left: auto;margin-right: auto;font-size: 30px;text-align: center;">
<img src="${(base_url + 'images/libraries/artist.png') if base_url else 'http://tautulli.com/images/libraries/artist.png'}" class="sub-header-icon" style="border: none;-ms-interpolation-mode: bicubic;max-width: 100%;height: 30px;vertical-align: middle;margin-right: 5px;margin-bottom: 5px;"> Recently Added Music
</div>
<div class="sub-header-count" style="margin-left: auto;margin-right: auto;font-size: 30px;text-align: center;">
<span class="count" style="color: #E5A00D;">${len(recently_added['artist'])}</span> <span class="count-units" style="color: #aaaaaa;font-size: 20px;text-transform: uppercase;">artist${'s' if len(recently_added['artist']) > 1 else ''}</span> /
<% total_albums = sum(artist['album_count'] for artist in recently_added['artist']) %>
<span class="count" style="color: #E5A00D;">${total_albums}</span> <span class="count-units" style="color: #aaaaaa;font-size: 20px;text-transform: uppercase;">album${'s' if total > 1 else ''}</span>
</div>
</div>
</div> </div>
<div class="sub-header-count" style="margin-left: auto;margin-right: auto;font-size: 30px;text-align: center;">
<span class="count" style="color: #E5A00D;">${len(recently_added['artist'])}</span> <span class="count-units" style="color: #aaaaaa;font-size: 20px;text-transform: uppercase;">artist${'s' if len(recently_added['artist']) > 1 else ''}</span> /
<% total_albums = sum(artist['album_count'] for artist in recently_added['artist']) %>
<span class="count" style="color: #E5A00D;">${total_albums}</span> <span class="count-units" style="color: #aaaaaa;font-size: 20px;text-transform: uppercase;">album${'s' if total > 1 else ''}</span>
</div>
</td>
</tr>
<tr>
<td style="font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-size: 14px;vertical-align: top;">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 100%;"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate;mso-table-lspace: 0pt;mso-table-rspace: 0pt;width: 100%;">
<tbody> <tbody>
% for album_a, album_b in grouper([a for artist in recently_added['artist'] for a in artist['album']], 2): % for album_a, album_b in grouper([a for artist in recently_added['artist'] for a in artist['album']], 2):
@ -925,13 +944,11 @@
</tr> </tr>
% endif % endif
<tr> <tr>
<td style="font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-size: 14px;vertical-align: top;"> <td class="footer" style="font-family: 'Open Sans', Helvetica, Arial, sans-serif;font-size: 12px;vertical-align: top;clear: both;margin-top: 10px;text-align: center;width: 100%;">
<!-- START FOOTER --> <!-- START FOOTER -->
<div class="footer" style="clear: both;margin-top: 10px;text-align: center;width: 100%;font-size: 12px;"> <div class="footer-bar" style="margin-left: auto;margin-right: auto;width: 200px;border-top: 1px solid #E5A00D;margin-top: 25px;"></div>
<div class="footer-bar" style="margin-left: auto;margin-right: auto;width: 200px;border-top: 1px solid #E5A00D;margin-top: 25px;"></div> <div class="content-block powered-by" style="padding-bottom: 10px;padding-top: 10px;">
<div class="content-block powered-by" style="padding-bottom: 10px;padding-top: 10px;"> Newsletter generated by <a href="http://tautulli.com" target="_blank" style="color: #fff;text-decoration: underline;font-size: 12px;text-align: center;">Tautulli</a>.
Newsletter generated by <a href="http://tautulli.com" target="_blank" style="color: #fff;text-decoration: underline;font-size: 12px;text-align: center;">Tautulli</a>.
</div>
</div> </div>
<!-- END FOOTER --> <!-- END FOOTER -->
</td> </td>

127
data/interfaces/newsletters/recently_added_master.html
View file

@ -272,11 +272,14 @@
HEADER HEADER
------------------------------------- */ ------------------------------------- */
.header { .header {
background-repeat: no-repeat;
background-position: calc(50% - 20px) 50%;
background-size: contain;
width: 100%; width: 100%;
height: 100px; height: 90px;
text-align: center;
}
.header-img {
width: 492px;
height: 90px;
margin-left: -35px;
} }
.server-name { .server-name {
font-size: 30px; font-size: 30px;
@ -303,27 +306,36 @@
margin: 0 0 10px 0; margin: 0 0 10px 0;
} }
img.sub-header-icon { .sub-header-icon {
height: 30px; height: 30px;
width: 30px;
vertical-align: middle; vertical-align: middle;
margin-right: 5px; margin-right: 5px;
margin-bottom: 5px; margin-bottom: 5px;
} }
.sub-header > div { .sub-header-bar {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
font-size: 30px; font-size: 30px;
text-align: center; text-align: center;
}
.sub-header-bar {
width: 200px; width: 200px;
border-top: 1px solid #E5A00D; border-top: 1px solid #E5A00D;
margin-top: 15px; margin-top: 15px;
margin-bottom: 25px; margin-bottom: 25px;
} }
.sub-header-title { .sub-header-title {
margin-left: auto;
margin-right: auto;
font-size: 30px;
text-align: center;
font-weight: lighter; font-weight: lighter;
} }
.sub-header-count {
margin-left: auto;
margin-right: auto;
font-size: 30px;
text-align: center;
}
.sub-header-count .count { .sub-header-count .count {
color: #E5A00D; color: #E5A00D;
} }
@ -462,11 +474,19 @@
@media only screen and (max-width: 1040px) { @media only screen and (max-width: 1040px) {
.card-instance { .card-instance {
display: block !important; display: block !important;
margin: 0 auto; margin-top: 0 !important;
margin-right: auto !important;
margin-bottom: 0 !important;
margin-left: auto !important;
} }
table[class=body] .header { table[class=body] .header {
background-position: center !important; height: 75px !important;
}
table[class=body] .header-img {
width: 410px;
height: 75px;
margin-left: -30px;
} }
table[class=body] h1 { table[class=body] h1 {
@ -486,8 +506,9 @@
table[class=body] .sub-header-title { table[class=body] .sub-header-title {
font-size: 20px !important; font-size: 20px !important;
} }
table[class=body] img.sub-header-icon { table[class=body] .sub-header-icon {
height: 20px !important; height: 20px !important;
width: 20px !important;
} }
table[class=body] .count { table[class=body] .count {
font-size: 20px !important; font-size: 20px !important;
@ -564,24 +585,22 @@
<!-- START MAIN CONTENT AREA --> <!-- START MAIN CONTENT AREA -->
<tr> <tr>
<td class="wrapper newsletter-header"> <td class="wrapper newsletter-header">
<div class="header" style="background-image: url(${base_url + 'images/newsletter/newsletter-header.png' if base_url else 'https://i.imgur.com/oqMQJxp.png'})"></div> <div class="header">
<img src="${base_url + 'images/newsletter/newsletter-header.png' if base_url else 'https://i.imgur.com/oqMQJxp.png'}" class="header-img" width="492" height="90"/>
</div>
<div class="server-name">${parameters['server_name']}</div> <div class="server-name">${parameters['server_name']}</div>
<div class="dates">${parameters['start_date']} - ${parameters['end_date']}</div> <div class="dates">${parameters['start_date']} - ${parameters['end_date']}</div>
</td> </td>
</tr> </tr>
% if recently_added.get('movie'): % if recently_added.get('movie'):
<tr> <tr>
<td> <td class="wrapper">
<div class="wrapper"> <div class="sub-header-bar"></div>
<div class="sub-header"> <div class="sub-header-title">
<div class="sub-header-bar"></div> <img src="${(base_url + 'images/libraries/movie.png') if base_url else 'http://tautulli.com/images/libraries/movie.png'}" class="sub-header-icon" width="30" height="30"/> Recently Added Movies
<div class="sub-header-title"> </div>
<img src="${(base_url + 'images/libraries/movie.png') if base_url else 'http://tautulli.com/images/libraries/movie.png'}" class="sub-header-icon"/> Recently Added Movies <div class="sub-header-count">
</div> <span class="count">${len(recently_added['movie'])}</span> <span class="count-units">movie${'s' if len(recently_added['movie']) > 1 else ''}</span>
<div class="sub-header-count">
<span class="count">${len(recently_added['movie'])}</span> <span class="count-units">movie${'s' if len(recently_added['movie']) > 1 else ''}</span>
</div>
</div>
</div> </div>
</td> </td>
</tr> </tr>
@ -682,20 +701,20 @@
% endif % endif
% if recently_added.get('show'): % if recently_added.get('show'):
<tr> <tr>
<td> <td class="wrapper">
<div class="wrapper"> <div class="sub-header-bar"></div>
<div class="sub-header"> <div class="sub-header-title">
<div class="sub-header-bar"></div> <img src="${(base_url + 'images/libraries/show.png') if base_url else 'http://tautulli.com/images/libraries/show.png'}" class="sub-header-icon" width="30" height="30"/> Recently Added TV Shows
<div class="sub-header-title">
<img src="${(base_url + 'images/libraries/show.png') if base_url else 'http://tautulli.com/images/libraries/show.png'}" class="sub-header-icon"/> Recently Added TV Shows
</div>
<div class="sub-header-count">
<span class="count">${len(recently_added['show'])}</span> <span class="count-units">show${'s' if len(recently_added['show']) > 1 else ''}</span> /
<% total_episodes = sum(season['episode_count'] for show in recently_added['show'] for season in show['season']) %>
<span class="count">${total_episodes}</span> <span class="count-units">episode${'s' if total > 1 else ''}</span>
</div>
</div>
</div> </div>
<div class="sub-header-count">
<span class="count">${len(recently_added['show'])}</span> <span class="count-units">show${'s' if len(recently_added['show']) > 1 else ''}</span> /
<% total_episodes = sum(season['episode_count'] for show in recently_added['show'] for season in show['season']) %>
<span class="count">${total_episodes}</span> <span class="count-units">episode${'s' if total > 1 else ''}</span>
</div>
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0"> <table border="0" cellpadding="0" cellspacing="0">
<tbody> <tbody>
% for show_a, show_b in grouper(recently_added['show'], 2): % for show_a, show_b in grouper(recently_added['show'], 2):
@ -818,20 +837,20 @@
% endif % endif
% if recently_added.get('artist'): % if recently_added.get('artist'):
<tr> <tr>
<td> <td class="wrapper">
<div class="wrapper"> <div class="sub-header-bar"></div>
<div class="sub-header"> <div class="sub-header-title">
<div class="sub-header-bar"></div> <img src="${(base_url + 'images/libraries/artist.png') if base_url else 'http://tautulli.com/images/libraries/artist.png'}" class="sub-header-icon" width="30" height="30"/> Recently Added Music
<div class="sub-header-title">
<img src="${(base_url + 'images/libraries/artist.png') if base_url else 'http://tautulli.com/images/libraries/artist.png'}" class="sub-header-icon"/> Recently Added Music
</div>
<div class="sub-header-count">
<span class="count">${len(recently_added['artist'])}</span> <span class="count-units">artist${'s' if len(recently_added['artist']) > 1 else ''}</span> /
<% total_albums = sum(artist['album_count'] for artist in recently_added['artist']) %>
<span class="count">${total_albums}</span> <span class="count-units">album${'s' if total > 1 else ''}</span>
</div>
</div>
</div> </div>
<div class="sub-header-count">
<span class="count">${len(recently_added['artist'])}</span> <span class="count-units">artist${'s' if len(recently_added['artist']) > 1 else ''}</span> /
<% total_albums = sum(artist['album_count'] for artist in recently_added['artist']) %>
<span class="count">${total_albums}</span> <span class="count-units">album${'s' if total > 1 else ''}</span>
</div>
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0"> <table border="0" cellpadding="0" cellspacing="0">
<tbody> <tbody>
% for album_a, album_b in grouper([a for artist in recently_added['artist'] for a in artist['album']], 2): % for album_a, album_b in grouper([a for artist in recently_added['artist'] for a in artist['album']], 2):
@ -925,13 +944,11 @@
</tr> </tr>
% endif % endif
<tr> <tr>
<td> <td class="footer">
<!-- START FOOTER --> <!-- START FOOTER -->
<div class="footer"> <div class="footer-bar"></div>
<div class="footer-bar"></div> <div class="content-block powered-by">
<div class="content-block powered-by"> Newsletter generated by <a href="http://tautulli.com" target="_blank">Tautulli</a>.
Newsletter generated by <a href="http://tautulli.com" target="_blank">Tautulli</a>.
</div>
</div> </div>
<!-- END FOOTER --> <!-- END FOOTER -->
</td> </td>