polish

src/lib/Page.svelte

@@ -1,9 +1,9 @@
 <script>
 	import Markdown from 'svelte-exmarkdown';
 	import { gfmPlugin } from 'svelte-exmarkdown/gfm';
-  import Code from './Code.svelte';
-import Link from './Link.svelte';
-  import Section from './Section.svelte';
+  import Code from './markdown/Code.svelte';
+  import Link from './markdown/Link.svelte';
+  import Section from './markdown/Section.svelte';
 
   const highlightPlugin = {
     renderer: {

src/lib/markdown/Link.svelte

@@ -18,7 +18,7 @@
 </style>
 
 <!-- svelte-ignore a11y-missing-attribute -->
-<a {...properties} {target}>
+<a {...properties} {target} rel={isExternal ? 'nofollow noreferrer external' : ''}>
   <Children {children} />
   {#if isExternal}
   <span class="icon">

src/lib/markdown/Section.svelte

@@ -1,6 +1,6 @@
 <script>
 	import Children from 'svelte-exmarkdown/renderer/Children.svelte';
-  import { toAnchor } from './anchors';
+  import { toAnchor } from '$lib/anchors';
   export let children;
   export let properties;
 

src/routes/p/[...name].js

@@ -2,18 +2,19 @@ import { getPost, getPostsFlat, isDir } from "$lib/pages";
 
 export async function get({ params }) {
   let dir = await isDir(params.name);
+  let split = params.name.split('/');
   if (dir === null) {
     return {status: 404};
   } else if (dir) {
     return {
       body: {
-        pages: await getPostsFlat(params.name)
+        pages: await getPostsFlat(params.name),
+        loc: split[split.length - 1]
       }
     }
   } else {
     let pages = [];
 
-    let split = params.name.split('/');
     if (split.length > 1) {
       pages = await getPostsFlat(split[split.length - 2]);
     }
@@ -25,7 +26,8 @@ export async function get({ params }) {
     return {
       body: {
         page: post,
-        pages: pages
+        pages: pages,
+        loc: split[split.length - 2]
       }
     }
   }

src/routes/p/[...name].svelte

@@ -3,11 +3,22 @@
   import PageRenderer from './_page.svelte';
   export let page;
   export let pages;
+  export let loc;
 </script>
 
 {#if page}
-  <PageRenderer {page} {pages}/>
+  <PageRenderer {page} {pages} {loc}/>
 {:else if pages}
+  <style>
+    .pagesin {
+      font-size: 1.5em;
+      margin-top: 1em;
+      margin-bottom: 1em;
+    }
+  </style>
+
+  <div class="pagesin">Pages in <b>{loc}</b>:</div>
+
   <Pages {pages}/>
 {:else}
   404!

src/routes/p/_page.svelte

@@ -4,6 +4,7 @@
   import Pages from "$lib/Pages.svelte";
   export let page;
   export let pages;
+  export let loc;
 </script>
 
 <style>
@@ -11,6 +12,7 @@
     display: flex;
     flex-direction: row;
     gap: 1em;
+    max-width: 100%;
   }
   .side {
     min-width: 120px;
@@ -40,6 +42,13 @@
     margin-bottom: 1em;
     border-bottom: 1px solid #888;
   }
+
+  .viewall {
+    margin-top: 2em;
+    font-size: 0.9em;
+    color: #bbb;
+  }
+
   @media screen and (max-width: 1300px) {
     .side {
       display: none;
@@ -91,7 +100,7 @@
     </nav>
   </div>
   <content>
-    <Page content={page.content}></Page>
+    <Page content={page.content}/>
   </content>
 </div>
 
@@ -99,4 +108,5 @@
   <div class="other">Other pages in this category:</div>
   <br>
   <Pages pages={pages.slice(0, 3)}/>
+  <a class="viewall" href="/p/{page.path.split('/').slice(0, -1).join('/') + '/'}">View all pages in <b>{loc}</b></a>
 {/if}