monero-site/blog/index.html
erciccione 1d5518f74c
Improve accessibility
- Fixed some interactive elements which weren't focusable (using 'tabindex')
- Label interactive elements which weren't labelled
- Slightly increase contrast of the grey text in the top navigation bars to reach level AA in the WCAG rating system and increase visibility of the text
2020-09-08 10:37:30 +02:00

92 lines
3.5 KiB
HTML

---
layout: custom
title: titles.blogbytag
---
<div class="blog">
<!-- Category selector: desktop -->
<div class="container full desktop-only">
<div class="info-block blog-nav row">
<div class="col {% if page.name == 'index.html' %}checked{% endif %}"><a href="{{ site.baseurl_root }}/blog">{% t blog.allposts %}</a></div>
<div class="col"><a href="{{ site.baseurl_root }}/blog/tags/urgent.html">{% t blog.urgent %}</a></div>
<div class="col"><a href="{{ site.baseurl_root }}/blog/tags/releases.html">{% t blog.releases %}</a></div>
<div class="col"><a href="{{ site.baseurl_root }}/blog/tags/community.html">{% t blog.community %}</a></div>
<div class="col"><a href="{{ site.baseurl_root }}/blog/tags/dev%20diaries.html">{% t blog.meetinglogs %}</a></div>
</div>
</div>
<!-- End category selector: desktop -->
<!-- Category selector: mobile -->
<div class="container full">
<div class="info-block row center-xs" id="pick-platform">
<div class="mob dropdowndrop">
<input id="filter" type="checkbox" name="category-filter"/>
<label for="filter">{% t blog.filter %}</label>
<ul id="menu">
<li><a href="{{ site.baseurl_root }}/blog">{% t blog.allposts %}</a></li>
<li><a href="{{ site.baseurl_root }}/blog/tags/urgent.html">{% t blog.urgent %}</a></li>
<li><a href="{{ site.baseurl_root }}/blog/tags/releases.html">{% t blog.releases %}</a></li>
<li><a href="{{ site.baseurl_root }}/blog/tags/community.html">{% t blog.community %}</a></li>
<li><a href="{{ site.baseurl_root }}/blog/tags/dev%20diaries.html">{% t blog.meetinglogs %}</a></li>
</ul>
</div>
</div>
</div>
<!-- End category selector: mobile -->
</div>
<div class="site-wrap">
<section class="container full">
<div class="row">
<!-- Full block-->
<div class="info-block">
<div class="feed">
<a href="/feed.xml" aria-label="Feed logo"><span class="feed-pic"></span></a>
<h2>{% t blog.allposts %}</h2>
</div>
{% for post in paginator.posts %}
<div class="post-lead">
<h3><a href="{{ post.url }}">{{ post.title }}</a></h3>
<p>
{{ post.summary }}
</p>
<p>
<small>
{% t blog.author %} {{ post.author }} | {{ post.date | date: "%-d %B %Y" }}<br>
Category:
{% for tag in post.tags %}
<a href="/blog/tags/{{ tag }}.html">{{ tag }}</a>{% unless forloop.last %},{% endunless %}
{% endfor %}
</small>
</p>
</div>
{% endfor %}
</div>
<!-- End full block-->
</section>
</div>
{% if paginator.total_pages > 1 %}
<div class="text-center page-numbers"><p>
{% if paginator.previous_page %}
<a href="{{ paginator.previous_page_path | replace: '//', '/' }}">&laquo; Prev</a>
{% else %}
<span>&laquo; Prev</span>
{% endif %}
{% for page in (1..paginator.total_pages) %}
{% if page == paginator.page %}
<em>{{ page }}</em>
{% elsif page == 1 %}
<a href="{{ site.baseurl_root }}/blog">{{ page }}</a>
{% else %}
<a href="{{ site.paginate_path | prepend: '/' | replace: '//', '/' | replace: ':num', page }}">{{ page }}</a>
{% endif %}
{% endfor %}
{% if paginator.next_page %}
<a href="{{ paginator.next_page_path | replace: '//', '/' }}">Next &raquo;</a>
{% else %}
<span>Next &raquo;</span>
{% endif %}
</p></div>
{% endif %}