184 lines
7.0 KiB
Plaintext
184 lines
7.0 KiB
Plaintext
<!DOCTYPE html>
|
|
<html>
|
|
<!--
|
|
AGPL + MIT License
|
|
|
|
Copyright (C) 2022 Nicco Kunzmann
|
|
|
|
This program is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU Affero General Public License as published
|
|
by the Free Software Foundation, either version 3 of the License, or
|
|
(at your option) any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU Affero General Public License for more details.
|
|
|
|
You should have received a copy of the GNU Affero General Public License
|
|
along with this program. If not, see <https://www.gnu.org/licenses/>.
|
|
|
|
|
|
The MIT License:
|
|
|
|
Copyright © 2017 fenwick67
|
|
|
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
of this software and associated documentation files (the "Software"), to deal
|
|
in the Software without restriction, including without limitation the rights
|
|
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
copies of the Software, and to permit persons to whom the Software is
|
|
furnished to do so, subject to the following conditions:
|
|
|
|
The above copyright notice and this permission notice shall be included in
|
|
all copies or substantial portions of the Software.
|
|
|
|
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
THE SOFTWARE.
|
|
-->
|
|
<head>
|
|
<meta charset="UTF-8"></meta>
|
|
<style type="text/css"></style>
|
|
<base target="_top" /><!-- this element is amazing-->
|
|
|
|
<% if (opts.theme && opts.theme.toLowerCase() == 'light'){ %>
|
|
<link rel="stylesheet" href="/light.css"></link>
|
|
<% } else if (opts.theme && opts.theme.toLowerCase() == 'auto'){ %>
|
|
<link rel="stylesheet" href="/auto.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 class="header-title" target="_top" href="<%= meta.link %>">
|
|
<%= meta.title %>
|
|
</a>
|
|
<br><br>
|
|
<%- meta.description %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% } %>
|
|
|
|
<div class="container">
|
|
|
|
<% var filtered = items.filter(function(item){return !((item.isBoost && !opts.boosts) || (item.isReply && !opts.replies)) })%>
|
|
<% 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>
|
|
<% if (item.hasCw){ %>
|
|
<% var cwId = (item.cw+item.atomHref).replace(/\W+/g,'') %>
|
|
<span class="cw"><%- item.cw %></span>
|
|
<input type="checkbox" class="showmore" id="<%- cwId %>">
|
|
<label class="button" for="<%- cwId %>">Show</label>
|
|
<% } %>
|
|
|
|
<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] %>
|
|
<% if (e.type.indexOf('audio') > -1) {%>
|
|
<audio class="enclosure" controls loop src="<%= e.url %>"/>
|
|
<% }else if (e.type.indexOf('video') > -1){ %>
|
|
<video class="enclosure" controls loop src="<%= e.url %>"/>
|
|
<% } else { %>
|
|
<a target="_top" class="enclosure" href="<%= e.url %>" >
|
|
<% if (e.type.indexOf('image') > -1){ %>
|
|
<img src="<%= e.url %>" alt="<%= e.name %>" title="<%= e.name %>"/>
|
|
<% } else { %>
|
|
<%= e.url %>
|
|
<% } %>
|
|
</a>
|
|
<% } %>
|
|
<% } %>
|
|
</div>
|
|
<% } %>
|
|
<a class="date" href="<%= item.permalink %>"><%= item.stringDate %></a>
|
|
</div>
|
|
<% }); %>
|
|
<% if (nextPageLink){ %>
|
|
<div class="item hidden">
|
|
<a class="hacky_link" href="<%- nextPageLink %>">More</a>
|
|
</div>
|
|
<% } %>
|
|
</div> <!-- end item container -->
|
|
<% if (nextPageLink){ %>
|
|
<div class="pagination">
|
|
<a class="button" href="<%- nextPageLink %>">Load More</a>
|
|
</div>
|
|
<% } %>
|
|
|
|
<% if ( isIndex ){ %>
|
|
<script src="/infinite-scroll.js"></script>
|
|
<script type="text/javascript">
|
|
|
|
var lastPageLoaded = null;
|
|
var infScroll = new InfiniteScroll( '.container', {
|
|
// options
|
|
hideNav:'.pagination',
|
|
append: '.item',
|
|
history:false,
|
|
prefill:true,
|
|
path: function(){
|
|
// need to query this DOM my damn self
|
|
var pageLinks = document.querySelectorAll('.hacky_link');
|
|
if (!pageLinks || pageLinks.length == 0){
|
|
console.log ('next page link could not be found');
|
|
return false;
|
|
}else{
|
|
var finalLink = pageLinks[pageLinks.length-1].href;
|
|
// make sure we don't load the same page twice
|
|
if (!finalLink || finalLink == window.location.href || finalLink == lastPageLoaded){
|
|
console.log('this was the last page');
|
|
return false;
|
|
}else{
|
|
return finalLink;
|
|
}
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<% } %>
|
|
</body>
|
|
|
|
</html>
|