mirror of
https://github.com/fenwick67/mastofeed
synced 2024-12-23 07:38:10 +01:00
69 lines
2.0 KiB
Plaintext
69 lines
2.0 KiB
Plaintext
<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="title">
|
|
<a target="_top" href="<%= meta.link %>">
|
|
<%- meta.title %>'s Feed on Mastodon
|
|
</a>
|
|
</div>
|
|
<div class="description"><%- meta.description %></div>
|
|
</div>
|
|
<% } %>
|
|
<div class="container">
|
|
<% items.forEach(function(item){ %>
|
|
<div class="item">
|
|
<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>
|