fediparty/themes/starter/layout/_partial/heroheader.ejs

27 lines
1 KiB
Plaintext
Raw Normal View History

2018-03-12 19:31:14 +00:00
2019-03-14 13:51:00 +00:00
<%
const date = page.date.format(config.date_format).split('-').join('.');
const post = page.url;
2019-03-14 13:51:00 +00:00
%>
<header class="hero-header" style="background: #211d1f url('<% if (page.banner) {%>
<% if (post) {%> <%- url_for(post + '/' + page.banner) %> <%} else { %> <%- url_for(page.banner) %> <% } %>
<% } else { %> <%= url_for('img/knowledge-bg.jpg') %> <% } %>') <% if (page.percent) { %> <%= page.percent %> <% } else { %> 50% 50% <% } %> no-repeat; background-size: cover;">
2018-03-12 19:31:14 +00:00
<div class="heading">
<h1><%=page.title%></h1>
2018-03-12 19:31:14 +00:00
<h4 class="subheading"><%= page.subtitle || "" %></h4>
2019-03-14 13:51:00 +00:00
<small><%- date %></small>
<% if (page.authors) { %>
2020-11-25 15:07:06 +00:00
<strong class="author">Author(s):
<% page.authors.map(function(author) { %>
<a href="<%= author.url %>"><%= author.name %>
<% if (author.network) { %>
<span class="hero-icon"><svg role="img"><use xlink:href="#icon-<%= author.network %>"></use></svg></span>
<% } %>
</a><i>,</i>
<% }) %>
</strong>
<% } %>
2018-03-12 19:31:14 +00:00
</div>
</header>