<%
  const network = page.network;
  const data = site.data[network].data;
%>

<div class="section-title">
  <div style="background-color: #<%= data.logoClr %>">
    <svg class="icon-logotype" role="img" aria-labelledby="logoDiaspora">
      <title id="logoDiaspora"><%= data.title %> logo</title>
      <use xlink:href="#icon-<%= data.title %>">
    </svg>
  </div><h2><%- __('overview') %></h2>
  <aside>
    <h4><%- __('started') %></h4>
    <ul>
      <li>
        <a href="<%= url_for(page.lang + '/post/FAQ-for-newcomers') %>"><%- __('faq4newbs') %></a>
      </li>
      <li>
        <a href="<%= url_for(page.lang + '/post/Why-use-federated-networks') %>"><%- __('whyUseFediverse') %></a>
      </li>
    </ul>
  </aside>
</div>