Add .html extension to website example links

Author: TorstenDittmann

examples/website/blog.html

@@ -12,14 +12,14 @@
 				<a href="/">Website Example</a>
 				<menu>
 					<li><a href="/">Home</a></li>
-					<li><a href="/blog">Blog</a></li>
+					<li><a href="/blog.html">Blog</a></li>
 					<li><input type="search" placeholder="Search" /></li>
 				</menu>
 			</nav>
 		</header>
 		<main>
 			<div role="feed" aria-busy="false">
-				<a href="/post">
+				<a href="/post.html">
 					<figure>
 						<img
 							src="https://picsum.photos/id/100/1280/720"
@@ -33,7 +33,7 @@ <h2>First Blog Post Title</h2>
 						gives readers a preview...
 					</p>
 				</a>
-				<a href="/post">
+				<a href="/post.html">
 					<figure>
 						<img
 							src="https://picsum.photos/id/200/1280/720"
@@ -47,7 +47,7 @@ <h2>Third Blog Post Title</h2>
 						gives readers a preview...
 					</p>
 				</a>
-				<a href="/post">
+				<a href="/post.html">
 					<figure>
 						<img
 							src="https://picsum.photos/id/151/1280/720"
@@ -61,7 +61,7 @@ <h2>Second Blog Post Title</h2>
 						gives readers a preview...
 					</p>
 				</a>
-				<a href="/post">
+				<a href="/post.html">
 					<figure>
 						<img
 							src="https://picsum.photos/id/250/1280/720"

examples/website/index.html

@@ -12,7 +12,7 @@
 				<a href="/">Website Example</a>
 				<menu>
 					<li><a href="/">Home</a></li>
-					<li><a href="/blog">Blog</a></li>
+					<li><a href="/blog.html">Blog</a></li>
 					<li><input type="search" placeholder="Search" /></li>
 				</menu>
 			</nav>

examples/website/post.html

@@ -12,7 +12,7 @@
 				<a href="/">Website Example</a>
 				<menu>
 					<li><a href="/">Home</a></li>
-					<li><a href="/blog">Blog</a></li>
+					<li><a href="/blog.html">Blog</a></li>
 					<li><input type="search" placeholder="Search" /></li>
 				</menu>
 			</nav>

packages/main/src/layouts/_website.scss

@@ -8,7 +8,7 @@
 		"header"
 		"main"
 		"footer";
-	>  {
+	> {
 		header {
 			grid-area: header;
 		}
@@ -47,6 +47,7 @@
 						)) {
 						flex-direction: column;
 					}
+
 					a {
 						&:not(:hover) {
 							text-decoration: none;