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> <h1><a href="{{ url('/') }}">{{ site.name }}</a></h1>
<form class="search_box" action="{{ url('search') }}" method="post" accept-charset="UTF-8" role="search"> <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 }}"> <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 %} {% endfor %}
</ul> </ul>
{% endif %} {% endif %}
</div> </aside>

View File

@ -47,15 +47,15 @@
{% include "content/sidebar.twig" %} {% include "content/sidebar.twig" %}
{% if posts.paginated is defined and posts.prev_page() %} {% if posts.paginated is defined and posts.prev_page() %}
<!-- Navigation --> <!-- 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 %} {% endif %}
<!-- Content --> <!-- Content -->
<div id="main" role="main"> <main id="main" role="main">
{% block content %}{% endblock %} {% block content %}{% endblock %}
</div> </main>
{% if posts.paginated is defined and posts.next_page() %} {% if posts.paginated is defined and posts.next_page() %}
<!-- Navigation --> <!-- 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 %} {% endif %}
{{ trigger.call("end_content") }} {{ trigger.call("end_content") }}
</body> </body>