84 lines
2.8 KiB
Text
84 lines
2.8 KiB
Text
<html>
|
|
<head>
|
|
<meta charset="UTF-8"></meta>
|
|
<style type="text/css"></style>
|
|
|
|
<% if (opts.theme && opts.theme.toLowerCase() == 'light'){ %>
|
|
<link rel="stylesheet" href="/light.css"></link>
|
|
<% } else { %>
|
|
<link rel="stylesheet" href="/dark.css"></link>
|
|
<% } %>
|
|
|
|
<% if (opts.size){ %>
|
|
<style type="text/css">
|
|
html,body{
|
|
font-size: <%= opts.size.toString().slice(0,4) %>%;
|
|
}
|
|
</style>
|
|
<% } %>
|
|
</head>
|
|
<body>
|
|
<% if (opts.header !== false){ %>
|
|
<div class="meta">
|
|
|
|
<div class="header" style="<%= meta.headerImage?`background-image:url(${meta.headerImage})`:'' %>">
|
|
<a class="header-left" target="_top" href="<%= meta.link %>">
|
|
<% if (meta.avatar){ %>
|
|
<img class="avatar circular" src="<%= meta.avatar %>"></img>
|
|
<% } %>
|
|
</a>
|
|
<div class="description header-right">
|
|
<a target="_top" href="<%= meta.link %>">
|
|
<%= meta.title %>
|
|
</a>
|
|
<br>
|
|
<%= meta.description %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% } %>
|
|
<div class="container">
|
|
|
|
<% var filtered = items.filter(function(item){return !((item.isBoost && !opts.boosts) || (item.isReply && !opts.replies)) })%>
|
|
<% if (filtered.length < 2){
|
|
filtered = items;// show all items if it was pared down too much
|
|
} %>
|
|
<% filtered.forEach(function(item){ %>
|
|
<div class="item">
|
|
<% if (item.isBoost) { %>
|
|
<div class="item-title"> <%- item.title %> </div>
|
|
<% } %>
|
|
<div class="author">
|
|
<a target="_top" class="avatar" href="<%- item.author.uri %>">
|
|
<img class="avatar" src="<%- item.author.avatar %>"/>
|
|
</a>
|
|
<div class="author-info">
|
|
<a target="_top" class="author-displayname" href="<%- item.author.uri %>"> <%= item.author.displayName %> </a>
|
|
<div class="author-fullname"> <%= item.author.fullName %> </div>
|
|
</div>
|
|
</div>
|
|
<div class="item-content">
|
|
<%- item.content %>
|
|
</div>
|
|
<% if (item.enclosures.length > 0){ %>
|
|
<div class="enclosures">
|
|
<% 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 %>
|
|
<% } %>
|
|
</a>
|
|
<% } %>
|
|
</div>
|
|
<% } %>
|
|
<div class="date"><%= item.stringDate %></div>
|
|
</div>
|
|
<% }); %>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|