add feed link to app.html

src/app.html

@@ -6,6 +6,7 @@
 		<link rel="preload" href="/Baskerville-Regular.woff2" as="font" type="font/woff2" />
 		<link rel="stylesheet" href="/style.css" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
+		<link rel="alternate" type="application/atom+xml" href="/feed">
 		<meta name="viewport" content="width=device-width" />
 		%sveltekit.head%
 	</head>

src/lib/Post.svelte

@@ -102,7 +102,9 @@
     </div>
 
     <div class="left-gutter">
+        {#if toc?.length !== 0}
             <Toc items={toc} />
+        {/if}
     </div>
 
     <div class="post">

src/lib/Toc.svelte

@@ -37,8 +37,10 @@
 
 <style>
     #toc {
+        display: none;
         position: sticky;
         top: 1.5rem;
+        margin-left: 1rem;
         margin-right: 2rem;
 
         max-width: 14rem;
@@ -49,6 +51,10 @@
         animation-fill-mode: forwards;
     }
 
+    @media(min-width: 1300px) {
+        #toc { display: block }
+    }
+
     @keyframes fade-in {
         from {opacity: 0}
         to {opacity: 1}

src/routes/+layout.svelte

@@ -1,7 +1,5 @@
 <style>
     .header {
-        grid-column-start: 1;
-        grid-column-end: 4;
         background-color: #4f5f68;
     }
 
@@ -13,10 +11,10 @@
     }
 
     nav a {
+        color: white;
         width: 8rem;
         min-width: 6rem;
         font-size: 1.5rem;
-        color: white;
         text-decoration: none;
         text-align: center;
         padding: 0.25rem 0;

src/routes/feed/+server.js

@@ -1,6 +1,8 @@
 import { tag, text, serialize } from '$lib/xml.js';
 import { postData } from '../_posts/all.js';
 
+export const prerender = true;
+
 
 export function GET() {
     return new Response(renderFeed(), {

static/style.css

@@ -74,10 +74,6 @@ p {
     margin-bottom: 1rem;
 }
 
-/*ul, ol {
-    margin: 0.5rem 0;
-}*/
-
 code {
   background: #eee;
   border-radius: 0.2rem;
@@ -89,5 +85,3 @@ code {
 pre > code {
     font-size: 0.8rem;
 }
-
-/* TESTING */