fediparty/themes/starter/layout/_partial/world.ejs
2018-08-24 01:18:07 +03:00

132 lines
4 KiB
Plaintext

<%
const network = page.network;
const data = site.data[network].data;
const numbers = site.data.numbers.list[network];
%>
<section class="section-hero">
<h3>
<span><%- __('total') %></span><span> ~ <%= numbers.population %></span><span><%- __('accounts') %></span><sup>[1]</sup>
</h3>
<% if (numbers.activeUsers) { %>
<h3>
<span><%- __('active') %></span><span> ~ <%= numbers.activeUsers %></span><span><%- __('people') %></span><sup>[2]</sup>
</h3>
<% } %>
<h3>
<span><%- __('servers') %></span><span> > <%= numbers.podsNum %></span><span><%- __('instances') %></span><sup>
<% if (numbers.activeUsers) { %>[3] <% } else { %> [2] <% } %>
</sup>
</h3>
</section>
<div class="section-title">
<div style="background-color: #<%= data.logoClr %>">
<svg class="icon-logotype" role="img" aria-labelledby="logo<%= data.title %>">
<title id="logo<%= data.title %>"><%= data.title %> logo</title>
<use xlink:href="#icon-<%= data.title %>">
</svg>
</div><h2><%- __('world') %></h2>
</div>
<div class="section-wrapper">
<div class="column">
<div class="section">
<h4 style="width: 100px;"><%- __('mascot') %></h4>
<ul class="section-list">
<% for (i in data.mascot) { %>
<li class="u-inline">
<% if (data.mascot[i].imgNum) { %>
<img class="mascot" src="/img/mascots/<%=network%>-<%=data.mascot[i].imgNum%>.png" alt="mascot picture"><% } %><%= data.mascot[i].item %><span>,&nbsp;&nbsp;</span>
</li>
<% } %>
</ul>
</div>
<div class="section">
<h4 style="width: 100px;"><%- __('dwellers') %></h4><span><%= data.dwellers %></span>
</div>
</div>
<div class="column">
<div class="section">
<h4><%- __('communities') %></h4>
<% if (data.communities) { %>
<ul class="section-list">
<% for (item in data.communities) { %>
<li class="u-inline">
<a href="<%= data.communities[item].url %>"><%= data.communities[item].title %></a><span>&nbsp;/&nbsp;</span>
</li>
<% } %>
</ul>
<% } else { %>
<span class="u-temp"><%- __('soon') %></span>
<% } %>
</div>
<div class="section connections">
<h4><dfn title="The platform let's you follow users of these networks"><%- __('connections') %></dfn></h4>
<ul class="section-list">
<% for (item in data.connections) { %>
<li class="u-inline">
<svg class="f-highlight <%- network %>" role="img" aria-labelledby="f-snow" style="position: relative"><title id="f-snow">network logo colour icon</title><use xlink:href="#icon-snowflake"></use></svg><%= data.connections[item] %><span>,&nbsp;</span></li>
<% } %>
</ul>
</div>
</div>
</div>
<p class="description u-nomargin"><%= data.descr %></p>
<% if (data.features) { %>
<div class="section u-block">
<h4><%- __('features') %></h4>
<ul class="section-list article-list">
<% for (item in data.features) { %>
<li>
<%= data.features[item] %>
</li>
<% } %>
</ul>
</div>
<% } %>
<% if (data.information) { %>
<div class="section u-block">
<h4><%- __('information') %></h4>
<ul class="section-list article-list warning-list">
<% for (item in data.information) { %>
<li>
<%= data.information[item] %>
</li>
<% } %>
</ul>
</div>
<% } %>
<% if (data.stars) { %>
<div class="section u-block with-image">
<h4><%- __('stars') %></h4>
<ul class="section-list">
<% for (item in data.stars) { %>
<li class="u-inline">
<a href="<%= data.stars[item].url %>" title="<%= data.stars[item].name %>"><img src="<%= data.stars[item].avatar %>" alt="user"></a>
</li>
<% } %>
</ul>
</div>
<% } %>
<br>
<%- partial('_partial/join') %>
<br>
<% if (data.reading) { %>
<div class="section u-block">
<h4><%- __('reading') %></h4>
<ul class="article-list">
<% for (item in data.reading) { %>
<li><a href="<%= data.reading[item].url %>"><%= data.reading[item].title %></a></li>
<% } %>
</ul>
</div>
<% } %>