templates/index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>oauth-dropins demo</title>
  <meta name="viewport" content="width=device-width">
  <link rel="stylesheet" href="/static/bootstrap.min.css" />
  <link rel="stylesheet" href="/static/style.css" />
  <link rel="stylesheet" href="/static/util.css" />
  <script src="/static/util.js"></script>
</head>
<body>

<main class="tp-main">
  <div class="container">
    <h1>
      <img id="logo" width="125" src="/static/oauth_shiny.png" />
      oauth-dropins
    </h1>
    <p class="lead">A collection of drop-in
<a href="http://oauth.net/">OAuth</a> client flows for
Python on <a href="https://appengine.google.com/">App Engine</a>.
Details in the <a href="https://oauth-dropins.readthedocs.io/">docs</a> and
<a href="https://github.com/snarfed/oauth-dropins">GitHub repo.</a>
Click on a site to try it!</p>

<p class="lead"><em>
{% if declined %}
<span style="color: red">User declined the access request.</span>
{% else %}{% if error %}
<span style="color: red">Error: {{ error }}</span>
{% endif %}
{% endif %}
{% if entity %}
<span style="color: green">
 Authenticated {{ entity.user_display_name() }} ({{ entity.key.id() }}) on {{ entity.site_name() }}.</span>
<!--
{% if access_token %}
  Access token {{ access_token }}.<br />
{% endif %}
{% if access_token_key or access_token_secret %}
  Access token key {{ access_token_key }}, secret {{ access_token_secret }}.
{% endif %}
-->
{% endif %}
</em></p>

<br />
<div class="row">
{{ blogger_html|safe }}
{{ bluesky_html|safe }}
{{ disqus_html|safe }}
{{ dropbox_html|safe }}
<div class="col-md-3 col-sm-4 col-xs-6">
  <a href="#" onclick="alert('Facebook is available in the library, but not here in the demo app. Sorry for the inconvenience!')">
    <img class="shadow" src="/static/facebook_2x.png" height="50">
  </a>
</div>
{{ flickr_html|safe }}
{{ github_html|safe }}
{{ google_signin_html|safe }}
{{ indieauth_html|safe }}
<div class="col-md-3 col-sm-4 col-xs-6">
  <a href="#" onclick="alert('Instagram is available in the library, but not here in the demo app. Sorry for the inconvenience!')">
    <img class="shadow" src="/static/instagram_2x.png" height="50"
         style="background-color: #EEEEEE; padding: 5px; padding-top: 8px; padding-bottom: 2px">
  </a>
</div>
<div class="col-md-3 col-sm-4 col-xs-6">
  <a href="#" onclick="alert('LinkedIn is available in the library, but not here in the demo app. Sorry for the inconvenience!')">
    <img class="shadow" src="/static/linkedin_2x.png" height="50">
  </a>
</div>
{{ mastodon_html|safe }}
{{ pixelfed_html|safe }}
{{ medium_html|safe }}
{{ reddit_html|safe }}
{{ tumblr_html|safe }}
{{ twitter_html|safe }}
{{ wordpress_rest_html|safe }}
</div>

</div>
</main>

</body>
</html>