favicon, some tiny focus style changes, home page title

_includes/head.njk

@@ -18,11 +18,9 @@
 	<meta property="og:url" content="{{ metadata.url }}{{ page.url }}" />
 	<meta property="og:description" content="{{ metadata.description }}" />
 
-	{#
 	<link rel="icon" type="image/x-icon" href="/favicon.ico">
-	<meta property="og:image" content="" />
+	<meta property="og:image" content="/favicon.ico" />
-	<meta property="og:image:alt" content="" />
+	<meta property="og:image:alt" content="the logo for Rachel Guinevere LordKenaga, a dappled multicolor circle with several oval lines surrounding and overlapping. Inside in yellow it reads rglk art." />
-	#}
 
 	{#
 	<link rel="alternate" href="/feed.xml" type="application/atom+xml" title="{{ metadata.title }}">

css/home.css

@@ -24,6 +24,7 @@
 
 	h2 {
 		grid-area: h2;
+		margin-top: 0;
 	}
 	img {
 		grid-area: img;

css/nav.css

@@ -50,7 +50,8 @@ header nav {
 	a:has(img) {
 		height: calc(var(--header-height) - 1rem);
 		margin: .5rem;
-		border-radius: .5em;
+		border-radius: 1.25em;
+		outline-offset: .15em;
 
 		img {
 			height: 100%;

src/index.njk

@@ -1,6 +1,7 @@
 ---
-title: Rachel Guinevere LordKenaga
+title: home
 ---
+
 {% css %}{% include "css/home.css" %}{% endcss %}
 
 <section class="tagline" aria-label="introductory statement">