tmpl: Replace 'hgroup' with 'header'

.editorconfig

@@ -11,7 +11,7 @@ insert_final_newline = true
 max_line_length = 80
 trim_trailing_whitespace = true
 
-[*.{html,js,md,toml,sass}]
+[*.{html,js,md,toml,scss}]
 indent_size = 2
 
 [Makefile]

sass/assets/main.scss

@@ -90,10 +90,7 @@ header {
   h2 {
     font-weight: bold;
   }
-  hgroup {
-    padding: 1em 0;
-    text-align: center;
-
+  header {
     p:before {
       content: '/';
       display: inline-block;

templates/index.html

@@ -8,22 +8,22 @@
     </h1>
   </header>
   {% set projects = get_section(path='projects/_index.md') -%}
-  <hgroup id="selected-projects">
+  <header id="selected-projects">
     <h2>Selected projects</h2>
     <p>
       <a href="#latest-projects">scroll to latest projects</a>
     </p>
-  </hgroup>
+  </header>
   <div class="projects projects--featured">
     {% set featured_projects_pages = projects.pages | filter(attribute='extra.featured', value=true) -%}
     {{ projects::projects(pages=featured_projects_pages) }}
   </div>
-  <hgroup id="latest-projects">
+  <header id="latest-projects">
     <h2>Latest projects</h2>
     <p>
       <a href="#selected-projects">scroll to selected projects</a>
     </p>
-  </hgroup>
+  </header>
   <div class="projects projects--more">
     {% set more_projects_pages = projects.pages | filter(attribute='extra.featured', value=false) -%}
     {{ projects::projects(pages=more_projects_pages) }}