Vulcan/packages/example-forum/lib/server/email/templates/newsletter/newsletter.handlebars
2017-09-04 21:05:13 +09:00

154 lines
No EOL
3.4 KiB
Handlebars
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<style type="text/css">
.email-digest{
}
.digest-date{
color: #999;
font-weight: normal;
font-size: 16px;
}
.post-item{
border-top: 1px solid #ddd;
}
.post-date{
font-size: 13px;
color: #999;
}
.post-title{
font-size: 18px;
line-height: 1.6;
}
.post-thumbnail{
height: 28px;
width: 37px;
vertical-align: top;
}
.post-meta{
font-size: 13px;
color: #999;
margin: 5px 0;
}
.post-meta a{
color: #333;
}
.post-domain{
font-weight: bold;
}
.post-body-excerpt{
font-size: 14px;
}
.post-body-excerpt p{
margin: 0;
}
.post-comments {
margin-top: 10px;
}
.post-comment {
padding: 10px;
background: #efefef;
margin-bottom: 5px;
}
.post-comment:last-child {
margin-bottom: 0;
}
.post-comments-title {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
.post-comment-body{
font-size: 14px;
}
.post-comment-author {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #ccc;
}
.avatar {
height: 20px;
width: 20px;
display: inline-block;
vertical-align: middle;
border-radius: 100%;
}
.post-comment-author-name {
line-height: 20px;
vertical-align: middle;
font-size: 13px;
}
.post-comment-author-link {
color: black;
}
</style>
<span class="heading">Recently on {{SiteData.title}}</span>
<span class="digest-date"> {{date}}</span>
<br><br>
<div class="email-digest">
{{#each PostsList}}
<div class="post-item">
<br >
<span class="post-title">
{{#if thumbnailUrl}}
<img class="post-thumbnail" src="{{thumbnailUrl}}"/>&nbsp;
{{/if}}
<a href="{{linkUrl}}" target="_blank">{{title}}</a>
</span>
<div class="post-meta">
{{#if domain}}
<a class="post-domain" href="">{{domain}}</a>
|
{{/if}}
<span class="post-submitted">
{{#if user.pageUrl}}
Submitted by <a href="{{user.pageUrl}}" class="comment-link" target="_blank">{{user.displayName}}</a>
{{else}}
Submitted by {{user.displayName}}
{{/if}}
</span>
<span class="post-date">on {{postedAtFormatted}}</span>
|
<a href="{{pageUrl}}" class="comment-link" target="_blank">{{commentsCount}} Comments</a>
</div>
{{#if htmlBody}}
<div class="post-body-excerpt">
{{htmlBody}}
<a href="{{pageUrl}}" class="comment-link" target="_blank">Read more</a>
</div>
{{/if}}
{{#if comments}}
<div class="post-comments">
<div class="post-comments-title">Top Comments</div>
{{#each comments}}
<div class="post-comment">
<div class="post-comment-author">
{{#if user.avatarUrl}}
<img class="post-comment-avatar avatar" src="{{user.avatarUrl}}"/>
{{/if}}
<span class="post-comment-author-name">
<a href="{{user.pageUrl}}" class="post-comment-author-link">
{{user.displayName}}
</a>
</span>
</div>
<div class="post-comment-body">{{htmlBody}}</div>
</div>
{{/each}}
<a class="post-comments-discuss" href="{{pageUrl}}">Discuss</a>
</div>
{{/if}}
<br>
</div>
{{/each}}
</div>
<br>