Fix mobile view and some aria label
This commit is contained in:
parent
0473633174
commit
84dc9d3101
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue