{% extends "base.html" %}


{% block head %}
{{ super() }}

<style>
  .linktree{ 
    padding:20%;
    padding-top:1%;
    padding-bottom:1%;
    text-align: center;
  }
  .linktreelink{
    text-align: center;
    margin-top: 1px;
    padding: 20px 0;
    max-width: 590px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:10px;
    background-color:#f56a6a;
    color:white;
    text-decoration:none;
    border-radius: 40px;
  }

  .linktreelink a {
    border-bottom: none;
  }

  .linktreelink:hover{
    color:#f56a6a;
    background-color:white;
    border: 2px solid;
    border-color:#f56a6a;
  }

  .linktree img {
    max-width: 75%; display: inline; float: center; border-radius: 50%;
  }
</style>  
{% endblock %}
  
{% block content %}

  <div class="linktree">
    <header>
      <H1>All of {% for author in page.authors %}
          {{ author }}
        {% endfor %} Links</H1>
        {% if BIO_IMAGE_LINKS %}
        <img src="{{ SITEURL }}/images/{{ BIO_IMAGE_LINKS }}"/>
        {% endif %}
        {% import 'translations.html' as translations with context %}
        {{ translations.translations_for(page) }}
      </header>

<div class="linkwrapper">
  {% for name, link in SOCIAL %}
  <a class="linktreelink" href="{{ link }}" target="_blank" rel="me"><i>{{ name }}</i></a>
  {% endfor %}
  {% if FEED_ALL_ATOM %}
  <a class="linktreelink" target="_blank"  href="{{ FEED_DOMAIN }}/{% if FEED_ALL_ATOM_URL %}{{ FEED_ALL_ATOM_URL }}{% else %}{{ FEED_ALL_ATOM }}{% endif %}" type="application/atom+xml" rel="alternate">ATOM FEED</a>
  {% endif %}
  {% if FEED_ALL_RSS %}
  <a class="linktreelink" target="_blank"  href="{{ FEED_DOMAIN }}/{% if FEED_ALL_RSS_URL %}{{ FEED_ALL_RSS_URL }}{% else %}{{ FEED_ALL_RSS }}{% endif %}" type="application/rss+xml">RSS FEED</a>
  {% endif %}  

  {% if CONTACT_EMAIL %}
    <a href="mailto:{{CONTACT_EMAIL}}" aria-label="Email" title="Email" target="_blank">    </a>
  {% endif %}

</div>
</div>
</div>  

{% endblock content %}