<div class="fakemain">
  <section>
    <h2>buttons</h2>
    <p>friends (<%= buttons.length %>)</p>
  </section>
  <section style="text-align: center;">
    <% buttons.forEach((button) => { %>
      <% if (button.img != null) { %>
        <a class="web-button" target="_blank" href="<%= button.href %>"><img src="<%= button.img %>" title="<%= button.alt %>" alt="<%= button.alt %>" /></a>
      <% } else { %>
        <a class="web-button" target="_blank" href="<%= button.href %>" title="<%= button.alt %>" style="background-color: <%= button.accent[0] %>;color: <%= button.accent[1] %>"><span><%= button.name %></span></a>
      <% } %>
    <% }) %>
  </section>
  <section>
    <p>following (<%= following.length %>)</p>
  </section>
  <section style="text-align: center;">
    <% following.forEach((button) => { %>
      <% if (button.img != null) { %>
        <a class="web-button" target="_blank" href="<%= button.href %>"><img src="<%= button.img %>" title="<%= button.alt %>" alt="<%= button.alt %>" /></a>
      <% } else { %>
        <a class="web-button" target="_blank" href="<%= button.href %>" title="<%= button.alt %>" style="background-color: <%= button.accent[0] %>;color: <%= button.accent[1] %>"><span><%= button.name %></span></a>
      <% } %>
    <% }) %>
  </section>
</div>
<div class="fakemain">
  <footer>
    <section>
      <h2>abtmtr.link v13</h2>
      <% if (randomAd == 0) { %>
          <iframe src="https://mothvertising.moth.monster/embed" id="mothvertisement"></iframe>
      <% } else if (randomAd == 1) { %>
          <iframe src="https://john.citrons.xyz/embed?ref=abtmtr.link" id="johnvertisement"></iframe>
      <% } %>
      <p>&copy; <a href="/about">MeowcaTheoRange</a> 2023-2024</p>
      <p>Licensed under the <a href="https://cdn.abtmtr.link/licenses/kkpl/license-v2.2.txt">Karkat Public License</a>.</p>
      <p>Git repository: <a href="https://git.abtmtr.link/MeowcaTheoRange/abtmtr-v13" target="_blank">MeowcaTheoRange/abtmtr-v13</a></p>
    </section>
  </footer>
</div>