amaury_joly/mautrix_meta_ynh
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

appstore: misc good practices / a11y tweaks

Browse Source
This commit is contained in:
Alexandre Aubin
2023-09-19 16:34:57 +02:00
parent 662fcd2af3
commit c6889e4b01
7 changed files with 82 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
store/templates/index.html
View File

@ -1,11 +1,14 @@
{% extends "base.html" %}
{% block title %}
{{ _("Home") }}
{% endblock %}
{% block main %}
<div class="mx-auto w-full text-center p-8">
<img src="{{ url_for('static', filename='ynh_logo_black.svg') }}" class="w-32 mx-auto" />
<h2 class="text-2xl font-bold text-gray-900">
<img alt="YunoHost logo" src="{{ url_for('static', filename='ynh_logo_black.svg') }}" class="w-32 mx-auto">
<h1 class="text-2xl font-bold text-gray-900">
{{ _("Application Store") }}
</h2>
</h1>
</div>
<div class="grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3 max-w-screen-lg mx-auto pt-5">
@ -14,9 +17,9 @@
href="{{ url_for('browse_catalog') }}"
class="h-full relative block overflow-hidden hover:bg-gray-200 pt-12"
>
<h3 class="text-md font-bold text-gray-900">
<h2 class="text-md font-bold text-gray-900">
{{ _("Browse all applications") }}
</h3>
</h2>
</a>
</div>
{% for id, category in catalog['categories'].items() %}
@ -25,10 +28,10 @@
href="{{ url_for('browse_catalog', category=id) }}"
class="h-full relative block overflow-hidden hover:bg-gray-200 pt-10"
>
<h3 class="text-md font-bold text-gray-900">
<h2 class="text-md font-bold text-gray-900">
<i class="fa fa-{{ category['icon'] }}" aria-hidden="true"></i>
{{ category['title']|localize }}
</h3>
</h2>
<p class="mx-auto max-w-[40ch] text-xs text-gray-500">
{{ category['description']|localize }}
</p>