<% 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><% if (numbers) { %> ~ <%= numbers.population %><% } else { %> ? <% } %></span> <span><%- __('accounts') %></span><% if (numbers) { %><sup><a href="#fn-1">[1]</a></sup><% } %> </h3> <% if (numbers.activeUsers) { %> <h3> <span><%- __('active') %></span><span> ~ <%= numbers.activeUsers %></span><span><%- __('people') %></span><sup><a href="#fn-2">[2]</a></sup> </h3> <% } %> <h3> <span><%- __('servers') %></span> <span><% if (numbers) { %> > <%= numbers.podsNum %> <% } else { %> ? <% } %></span> <span><%- __('instances') %></span><% if (numbers) { %><sup><a href="#fn-3">[3]</a></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>, </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> / </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>, </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.notable) { %> <div class="section u-block with-image"> <h4><%- __('stars') %></h4> <ul class="section-list"> <% for (item in data.notable) { %> <li class="u-inline"> <a href="<%= data.notable[item].url %>" title="<%= data.notable[item].name %>"><img src="<%= data.notable[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> <% } %>