jeffs-pelican-theme/templates/special/links.html

81 lines
2 KiB
HTML

{% 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 %}