clean semantics and test svg on header

src/resources/_gen/assets/css/css/main.css_5ad6f408b0e3e473c748aac88af0ea18.content

@@ -1,13 +1,20 @@
+@charset "UTF-8";
 /* Basic  */
-@import https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@400;700&display=swap;
-@import url(/src/themes/oscar/assets/css/normalize.css);
-@import url(/src/themes/oscar/assets/css/variables.css);
-@import url(/src/themes/oscar/assets/css/common.css);
+/* @import 'https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@400;700&display=swap';
+@import 'normalize.css';
+@import 'variables.css';
+@import 'common.css'; */
 /* Layout */
 /* Components */
 /* Modules */
 /* Specific pages */
 /* Utilities */
 /* Vendors */
+/*  TODO:
+    install postcss with:
+    - postcss-import
+    - postcss-custom-media
+    - postcss-nested (I think this is working by default, so probably we don´t need this plugin)
+ */
 
 /*# sourceMappingURL=style.css.map */

src/themes/oscar/assets/css/main.css

@@ -1,8 +1,8 @@
 /* Basic  */
-@import 'https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@400;700&display=swap';
+/* @import 'https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@400;700&display=swap';
 @import 'normalize.css';
 @import 'variables.css';
-@import 'common.css';
+@import 'common.css'; */
 
 /* Layout */
 
@@ -15,3 +15,10 @@
 /* Utilities */
 
 /* Vendors */
+
+/*  TODO:
+    install postcss with:
+    - postcss-import
+    - postcss-custom-media
+    - postcss-nested (I think this is working by default, so probably we don´t need this plugin)
+ */

src/themes/oscar/layouts/_default/summary.html

@@ -1,11 +1,9 @@
-<a href="{{ .Permalink }}" class="catalogue-item">
-    <div>
+<article>
+    <a href="{{ .Permalink }}" class="catalogue-item">
         <time datetime="{{ .PublishDate }}" class="catalogue-time">{{ i18n "publishdate" . }}</time>
-        <h2 class="catalogue-title">{{ .Title }}</h2>
-        <div class="catalogue-line"></div>
-
+        <h3>{{ .Title }}</h3>
         <p>
             {{ if isset .Params "summary" }}{{ .Params.Summary | markdownify }}{{ else }}{{ .Summary }}{{ end }}
         </p>
-    </div>
-</a>
+    </a>
+</article>

src/themes/oscar/layouts/index.html

@@ -2,12 +2,12 @@
 
 <main>
 
-    <h1>List: Index</h1>
-	<div class="catalogue">
+	<section class="catalogue">
+		<h2>List: Index</h2>
 		{{ range (.Paginate (where .Site.RegularPages "Type" "posts")).Pages }}
 			{{ .Render "summary" }}
 		{{ end }}
-	</div>
+	</section>
 
 	<div class="pagination">
         {{ partial "pagination.html" . }}

src/themes/oscar/layouts/partials/header.html

@@ -1,23 +1,26 @@
-		<nav class="nav">
-			<div class="nav-container">
-				<a href="{{ "/" | relURL }}">
-					{{ if .IsPage }}
-						<h2 class="nav-title">{{ .Site.Title }}</h2>
-					{{ else }}
-						<h1 class="nav-title">{{ .Site.Title }}</h1>
-					{{ end }}
-				</a>
-                <ul>
-                    {{ $currentPage := . }}
-                    {{ range .Site.Menus.main }}
-                    <li>
-                        <a href="{{ .URL }}">
-                            {{ .Pre }}
-                            <span>{{ .Name }}</span>
-                            {{ .Post }}
-                        </a>
-                    </li>
-                    {{ end }}
-                </ul>
-			</div>
+	<header>
+        <h1>
+            <a href="{{ "/" | relURL }}">
+                <svg width="85" height="25" viewBox="0 0 85 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <rect x="28" width="26" height="25" fill="black"/>
+                    <path d="M60 0L85 25H60V0Z" fill="black"/>
+                    <rect width="26" height="25" rx="12.5" fill="black"/>
+                </svg>
+                <span>{{ .Site.Title }}</span>
+            </a>
+        </h1>
+        <nav>
+            <ul>
+                {{ $currentPage := . }}
+                {{ range .Site.Menus.main }}
+                <li>
+                    <a href="{{ .URL }}">
+                        {{ .Pre }}
+                        <span>{{ .Name }}</span>
+                        {{ .Post }}
+                    </a>
+                </li>
+                {{ end }}
+            </ul>
 		</nav>
+    </header>