index.html

---
layout: default
---
<div id="main">
  <img alt="" id="logo" src="/img/icons/icon.svg">
  <h2>Two Factor Auth (2FA)</h2>
  <div class="sub header">List of websites and whether or not they support
    <a href="https://en.wikipedia.org/wiki/Two-factor_authentication">2FA</a>.
  </div>
</div>

<div class="col-11 col-md-8 col-lg-6" id="outerSearchBox">
  <i class="fas fa-search fa-2x" id="searchIcon"></i>
  <input aria-label="search" id="innerSearchBox" type="search">
</div>

<div class="row justify-content-start category-row">
  {% assign rowcount = 0 %}
  {% for section in site.data.sections %}
    {% assign rowend = forloop.index | modulo: 5 %}
    {% if rowend == 0 or forloop.index == forloop.length %}

      {% include category-button.html %}

      {% include mobile-table.html id-param=section.id title-param=section.title %}
      {% assign offcount = 5 | times: rowcount %}
      {% for section in site.data.sections limit: 5 offset: offcount %}
        {% include desktop-table.html id-param=section.id title-param=section.title %}
      {% endfor %}

      {% if forloop.index != forloop.length %}
        {% assign rowcount = rowcount | plus: '1' %}
        <div class="w-100 d-none d-md-block"></div>

      {% endif %}
    {% else %}

      {% include category-button.html %}
      {% include mobile-table.html id-param=section.id title-param=section.title %}

    {% endif %}
  {% endfor %}
  <div class="col"></div>
  <div class="col"></div>
  <div class="col"></div>
</div>
<h2 id="no-results">No results found.</h2>