2017-04-30 00:34:17 +02:00
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8"></meta>
|
2017-04-30 04:14:25 +02:00
|
|
|
<style type="text/css"></style>
|
2017-04-30 21:44:32 +02:00
|
|
|
|
|
|
|
|
<% if (opts.theme && opts.theme.toLowerCase() == 'light'){ %>
|
|
|
|
|
<link rel="stylesheet" href="/light.css"></link>
|
|
|
|
|
<% } else { %>
|
2017-04-30 04:14:25 +02:00
|
|
|
<link rel="stylesheet" href="/dark.css"></link>
|
2017-04-30 21:44:32 +02:00
|
|
|
<% } %>
|
|
|
|
|
|
|
|
|
|
<% if (opts.size){ %>
|
|
|
|
|
<style type="text/css">
|
|
|
|
|
html,body{
|
|
|
|
|
font-size: <%= opts.size.toString().slice(0,4) %>%;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
<% } %>
|
2017-04-30 00:34:17 +02:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2017-05-02 05:47:15 +02:00
|
|
|
<% if (opts.header !== false){ %>
|
|
|
|
|
<div class="meta">
|
|
|
|
|
<div class="title">
|
|
|
|
|
<a target="_top" href="<%= meta.link %>">
|
|
|
|
|
<%- meta.title %>'s Feed on Mastodon
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="description"><%- meta.description %></div>
|
2017-04-30 00:34:17 +02:00
|
|
|
</div>
|
2017-05-02 05:47:15 +02:00
|
|
|
<% } %>
|
2017-04-30 00:34:17 +02:00
|
|
|
<div class="container">
|
|
|
|
|
<% items.forEach(function(item){ %>
|
|
|
|
|
<div class="item">
|
2017-04-30 04:14:25 +02:00
|
|
|
<div class="item-title"> <%- item.title %> </div>
|
|
|
|
|
<div class="author">
|
2017-04-30 20:35:42 +02:00
|
|
|
<a target="_top" class="avatar" href="<%- item.author.uri %>">
|
2017-04-30 04:14:25 +02:00
|
|
|
<img class="avatar" src="<%- item.author.avatar %>"/>
|
|
|
|
|
</a>
|
|
|
|
|
<div class="author-info">
|
2017-04-30 20:35:42 +02:00
|
|
|
<a target="_top" class="author-displayname" href="<%- item.author.uri %>"> <%= item.author.displayName %> </a>
|
2017-04-30 04:14:25 +02:00
|
|
|
<div class="author-fullname"> <%= item.author.fullName %> </div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2017-04-30 00:34:17 +02:00
|
|
|
<div class="item-content">
|
2017-04-30 04:14:25 +02:00
|
|
|
<%- item.content %>
|
2017-04-30 00:34:17 +02:00
|
|
|
</div>
|
2017-04-30 04:14:25 +02:00
|
|
|
<% if (item.enclosures.length > 0){ %>
|
|
|
|
|
<div class="enclosures">
|
2017-05-02 05:11:29 +02:00
|
|
|
<% for (var i = 0; i < item.enclosures.length; i ++){ var e = item.enclosures[i] %>
|
|
|
|
|
<a target="_top" class="enclosure" href="<%= e.url %>" >
|
|
|
|
|
<% if (e.type.indexOf('image') > -1){ %>
|
|
|
|
|
<img src="<%= e.url %>"/>
|
|
|
|
|
<% }else if (e.type.indexOf('video') > -1){ %>
|
|
|
|
|
<video autoplay loop muted src="<%= e.url %>"/>
|
|
|
|
|
<% } else { %>
|
|
|
|
|
<%= e.url %>
|
|
|
|
|
<% } %>
|
2017-04-30 04:14:25 +02:00
|
|
|
</a>
|
|
|
|
|
<% } %>
|
|
|
|
|
</div>
|
|
|
|
|
<% } %>
|
2017-05-02 05:11:29 +02:00
|
|
|
<div class="date"><%= item.stringDate %></div>
|
2017-04-30 00:34:17 +02:00
|
|
|
</div>
|
|
|
|
|
<% }); %>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
