Refactor Analytics component to encode URI parameters

src/components/Analytics.astro

@@ -13,5 +13,5 @@ const { title } = Astro.props;
 <!-- GoatCounter -->
 <script is:inline data-goatcounter="https://analytics.popov.link/count" src="//gc.zgo.at/count.js"></script>
 <noscript>
-	<img alt="pixel" src={`https://analytics.popov.link/count?p=${path}&t=${title}`} />
+	<img alt="pixel" src={`https://analytics.popov.link/count?p=${encodeURI(path)}&t=${encodeURI(title)}`} />
 </noscript>

src/components/Header.astro

@@ -12,7 +12,7 @@
 		left: 0;
 		line-height: 3.5em;
 		opacity: 0.975;
-		position: fixed;
+		position: absolute;
 		right: 0;
 		top: 0;
 	}
@@ -36,6 +36,7 @@
 	@media (width <=684px) {
 		header {
 			box-shadow: none;
+			position: fixed;
 		}
 
 		nav {
@@ -50,6 +51,6 @@
 
 <header>
 	<nav>
-		<a href="/feed.xml">RSS</a>
+		<a href="/">Home</a>
 	</nav>
 </header>

src/scss/_framework.scss

@@ -35,7 +35,7 @@ body {
 	margin: auto;
 	max-width: 52em;
 	min-height: 100vh;
-	padding: 6em 4em 4em;
+	padding: 4em;
 	text-rendering: optimizelegibility;
 }