<html lang="en">
<head>
    <%- include('partials/head'); %>
</head>
<body>
<div id="main">
    <h2 id="title" class="page-header"><%= lang.all_communities.text %></h2>
    <%- include('partials/nav_bar', { selection: 2, pid: pid }); %>
    <div id="toast"></div>
    <div id="wrapper">
        <div id="popular" class="communities-wrapper">
            <% for(var i = 0; i < communities.length; i++) {%>
                <a class="community-list-wrapper" href="/titles/<%= communities[i].olive_community_id %>/new">
                    <img class="community-list-icon" src="https://pretendo-cdn.b-cdn.net/icons/<%= communities[i].olive_community_id %>/128.png">
                    <h2 class="community-list-title"><%= communities[i].name %></h2>
                    <h4 class="community-list-followers"><%= communities[i].followers %> followers</h4>
                </a>
            <% } %>
        </div>
    </div>
</div>
</body>
</html>