defualtTemplate.html

<div style="text-align: center; font-family: Arial,sans-serif">
    <img src="${userImage}" style="width: 100px; height: 100px;">
    <h1 id="report-title">${salute} ${userName} &#128075;</h1>
    <h3 id="new-followers-a">You've got ${newFollowersNumber} new followers &#127881;</h3>
    <h3 id="new-mentions-a">You've got ${newMentionsNumber} new mentions &#127882;</h3>
    <h4 id="unfollow-a"> But ${unfollowNumber} user unfollowed you &#128546;</h4>
    <h4 id="new-total-followers-number">Now you have ${newTotalFollowersNumber} followers in total &#129395;</h4>
    <hr style="border-color: #64646436;">

    <div style="text-align: left;">
        <h3 id="new-followers-list-title">&gt; New followers </h3>
        <ul id="new-followers-list-details" style="list-style-type: none;">
            <li template loop>
                <img src="${userImage}" style="width: 50px; height: 50px;">
                <strong style="font-size: 20px;">${userAccountName}</strong>
                <span style="font-size: 15px;">${userName}</span>
                <span style="font-size: 15px;">${userDescription}</span>
                <span style="font-size: 15px;">${userCompany}</span>
                <span style="font-size: 15px;">${userLocation}</span>
            </li>
        </ul>
    </div>
    <!-- Same as above but for un-followers -->
</div>