twofactorauth/index.html

---
layout: default

link: Tell them to support 2FA
tweet: Security is important, @TWITTERHANDLE. We'd like it if you supported two factor auth.

link_progress: Thank them for working on 2FA
tweet_progress: Thanks for working on support for two factor auth, @TWITTERHANDLE!
hash: SupportTwoFactorAuth
---

<div class="main container">
    <div class="ui grid">
        <div class="column">

            <div class="banner ui icon header">
                <i class="circular mobile icon"></i>
                <h2>Two Factor Auth (2FA)</h2>
                <div class="sub header">List of websites and whether or not they support
                    <a href="http://en.wikipedia.org/wiki/Two-step_verification">2FA</a>.
                </div>
                <div class="sub header">
                    Add your own favorite site by submitting a pull request on the
                    <a href="https://github.com/jdavis/twofactorauth">GitHub repo</a>.
                </div>
            </div>

        {% for section in site.data.main.sections %}
            <div id="{{ section.id }}" class="section">
                <table class="ui table celled compact segment">
                    <thead>
                        <tr>
                            <th class="eleven wide"><h2>{{ section.title }}</h2></th>
                            <th>Docs</th>
                            <th>SMS</th>
                            <th>Google Auth</th>
                            <th>Authy</th>
                            <th>VeriSign VIP</th>
                            <th class="three wide">Custom</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% assign section_file = site.data[section.id] %}

{% comment %}
    Keep this capture block unindented.
{% endcomment %}

{% capture website_names %}
{% for website in section_file.websites %}
{{ website.name | downcase }}
{% unless forloop.last %},{% endunless %}
{% endfor %}
{% endcapture %}

{% comment %}
    Keep this capture block unindented.
{% endcomment %}

                        {% assign lowercase_names = website_names | split:',' | sort %}

                        {% for item in (0..lowercase_names.size) %}
                            {% capture lowercase_name %}{{ lowercase_names[item] | strip | strip_newlines }}{% endcapture %}
                            {% for website in section_file.websites %}
                                {% assign current_name = website.name | downcase %}
                                {% if lowercase_name == current_name %}

                                    <tr>
                                        {% if website.tfa %}
                                            <td class="main positive">
                                            {% if website.img %}
                                                <img src="/img/{{ section.id }}/{{ website.img }}" class="icon" alt="{{ website.name }}">
                                            {% endif %}
                                                <a href="{{ website.url }}">{{ website.name }}</a>
                                            </td>

                                            {% if website.doc %}
                                                <td class="positive icon">
                                                    <a href="{{ website.doc }}">
                                                        <i class="external url link icon"></i>
                                                    </a>
                                                </td>
                                            {% else %}
                                                <td class="positive icon"></td>
                                            {% endif %}

                                            {% if website.sms %}
                                                <td class="positive icon">
                                                    <i class="checkmark large icon"></i>
                                                </td>
                                            {% else %}
                                                <td class="negative icon">
                                                    <i class="remove large icon"></i>
                                                </td>
                                            {% endif %}

                                            {% if website.goog %}
                                                <td class="positive icon">
                                                    <i class="checkmark large icon"></i>
                                                </td>
                                            {% else %}
                                                <td class="negative icon">
                                                    <i class="remove large icon"></i>
                                                </td>
                                            {% endif %}

                                            {% if website.authy %}
                                                <td class="positive icon">
                                                    <i class="checkmark large icon"></i>
                                                </td>
                                            {% else %}
                                                <td class="negative icon">
                                                    <i class="remove large icon"></i>
                                                </td>
                                            {% endif %}

                                            {% if website.verisign %}
                                                <td class="positive icon">
                                                    <i class="checkmark large icon"></i>
                                                </td>
                                            {% else %}
                                                <td class="negative icon">
                                                    <i class="remove large icon"></i>
                                                </td>
                                            {% endif %}

                                            {% if website.custom %}
                                                <td class="positive icon">
                                                {% for item in website.custom %}
                                                    {% if item.url %}
                                                        <a href="{{ item.url }}"><i class="{{ item.icon }} link small icon"></i></a>
                                                    {% else %}
                                                        <i class="{{ item.icon }} small icon"></i>
                                                    {% endif %}
                                                {% endfor %}
                                                </td>
                                            {% else %}
                                                <td class="disabled icon">
                                                    <i class="minus large icon"></i>
                                                </td>
                                            {% endif %}
                                        </tr>
                                        {% else %}
                                            <td class="main negative">
                                            {% if website.img %}
                                                <img src="/img/{{ section.id }}/{{ website.img }}" class="icon" alt="{{ website.name }}">
                                            {% endif %}
                                                <a href="{{ website.url }}">{{ website.name }}</a>
                                            {% if website.status %}
                                                <span class="progress">
                                                    <a class="ui mini orange button" href="{{website.status}}" target="_blank">
                                                        <i class="star icon"></i> In Progress!
                                                    </a>
                                                </span>
                                            {% endif %}
                                            </td>
                                            {% if website.twitter %}
                                                <td class="twitter main negative" colspan="6">
                                                {% if website.status %}
                                                    <a class="ui twitter mini button" href="https://twitter.com/share?url={{site.url|cgi_escape}}&text={{page.tweet_progress|replace:'TWITTERHANDLE',website.twitter|cgi_escape}}&hashtags={{page.hash|cgi_escape}}" target="_blank"><i class="twitter icon"></i> {{page.link_progress}}</a>
                                                </div>
                                                {% else %}
                                                    <a class="ui twitter mini button" href="https://twitter.com/share?url={{site.url|cgi_escape}}&text={{page.tweet|replace:'TWITTERHANDLE',website.twitter|cgi_escape}}&hashtags={{page.hash|cgi_escape}}" target="_blank"><i class="twitter icon"></i> {{page.link}}</a>
                                                </td>
                                                {% endif %}
                                            {% else %}
                                                <td class="negative icon"><i class="remove large icon"></td>
                                                <td class="negative icon"><i class="remove large icon"></td>
                                                <td class="negative icon"><i class="remove large icon"></td>
                                                <td class="negative icon"><i class="remove large icon"></td>
                                                <td class="negative icon"><i class="remove large icon"></td>
                                                <td class="negative icon"><i class="remove large icon"></td>
                                            {% endif %}
                                        {% endif %}
                                {% endif %}
                            {% endfor %}
                        {% endfor %}
                    </tbody>
                </table>

            {% unless forloop.last %}
                <div class="ui divider"></div>
            {% endunless %}
            </div><!-- Section -->
        {% endfor %}

        </div><!-- Column -->
    </div><!-- UI Grid -->
</div><!-- Main Container -->