Use semantic HTML

This commit is contained in:
Helen Chong 2024-06-22 13:17:23 +08:00
parent deb4e9290a
commit 3fef1f2119
2 changed files with 6 additions and 6 deletions

View File

@ -1,4 +1,4 @@
<div id="sidebar" role="banner">
<aside id="sidebar" role="banner">
<h1><a href="{{ url('/') }}">{{ site.name }}</a></h1>
<form class="search_box" action="{{ url('search') }}" method="post" accept-charset="UTF-8" role="search">
<input type="text" id="sidebar_search_field" name="query" value="{{ search is defined ? search | fix(true, true) : '' }}" placeholder="{{ 'Search&hellip;' | translate }}" aria-label="{{ 'Search this blog' | translate }}">
@ -98,4 +98,4 @@
{% endfor %}
</ul>
{% endif %}
</div>
</aside>

View File

@ -47,15 +47,15 @@
{% include "content/sidebar.twig" %}
{% if posts.paginated is defined and posts.prev_page() %}
<!-- Navigation -->
<div role="navigation" class="prev traversal">{{ posts.prev_link("Newer posts" | translate) }}</div>
<nav role="navigation" class="prev traversal">{{ posts.prev_link("Newer posts" | translate) }}</nav>
{% endif %}
<!-- Content -->
<div id="main" role="main">
<main id="main" role="main">
{% block content %}{% endblock %}
</div>
</main>
{% if posts.paginated is defined and posts.next_page() %}
<!-- Navigation -->
<div role="navigation" class="next traversal">{{ posts.next_link("Older posts" | translate) }}</div>
<nav role="navigation" class="next traversal">{{ posts.next_link("Older posts" | translate) }}</nav>
{% endif %}
{{ trigger.call("end_content") }}
</body>