Fix mobile view and some aria label

This commit is contained in:
lubuwest 2023-03-29 21:40:42 +02:00
parent 0473633174
commit 84dc9d3101

View file

@ -4,6 +4,7 @@
<meta charset="utf-8"/>
<title>{% block title %}{{ SITENAME }}{%endblock%}</title>
<meta name="author" content="{{ AUTHOR }}">
<meta name="viewport" content="width=devive-width,initial-scale=1" />
<meta property=og:site_name content="{{ SITENAME }}" />
<meta property=og:type content=article />
<meta property=og:url content="{{ SITEURL }}" />
@ -46,12 +47,12 @@
<body>
<input type="checkbox" data-menu id="menu-opener" />
<nav class="menu">
<label for="menu-opener" role="button" id="closemenu">
<label for="menu-opener" role="button" id="closemenu" aria-label="close menu">
<svg id="menu-close" class="menu-close" viewBox="0 0 20 20">
<path id="Vector" d="M18 18L12 12M12 12L6 6M12 12L18 6M12 12L6 18" stroke="#E5E5E3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</label>
<ul class="menu-content">
<ul class="menu-content" role="menu">
{% for cat, null in categories %}
{% if cat != DEFAULT_CATEGORY %}
<li {% if cat == category %}class="active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
@ -63,7 +64,7 @@
{% endfor %}
</ul>
<ul>
<ul role="menu">
{% if pages %}
{% for p in pages %}
<li class="menu-content"><a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a><li>
@ -73,7 +74,7 @@
<li><a href="{{ SITEURL }}/authors.html">Authors</a><li>
<li><a href="{{ SITEURL }}/archives.html">Archives</a><li>
</ul>
<ul class="menu-content">
<ul class="menu-content" role="menu">
{% for name, link in SOCIAL %}
<li><a href="{{ link }}" id="{{ name }}">{{ link }}</a><i></i></li>
{% endfor %}
@ -92,7 +93,7 @@
{% if FEED_ALL_RSS %}
<a href="{{ SITEURL }}/{{ FEED_ALL_RSS }}" rel="alternate"><img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/icons/feed-32px.png" alt="rss feed"/></a>
{% endif %}
<label for="menu-opener" role="button" id="openmenu">
<label for="menu-opener" role="button" id="openmenu" aria-label="open menu">
<svg id="menu-icon" class="menu-icon" viewBox="0 4 35 30">
<path d="M4,10h24c1.104,0,2-0.896,2-2s-0.896-2-2-2H4C2.896,6,2,6.896,2,8S2.896,10,4,10z M28,14H4c-1.104,0-2,0.896-2,2 s0.896,2,2,2h24c1.104,0,2-0.896,2-2S29.104,14,28,14z M28,22H4c-1.104,0-2,0.896-2,2s0.896,2,2,2h24c1.104,0,2-0.896,2-2 S29.104,22,28,22z" style="fill:#E5E5E3;"/>
</svg>