New icons

src/lib/layouts/DocsTutorial.svelte

@@ -5,6 +5,7 @@
 	export let title: string;
 	export let toc: Array<TocItem>;
 	export let currentStep: number;
+	export let back: string;
 
 	export let tutorials: Array<Tutorial>;
 
@@ -28,7 +29,9 @@
 					<slot name="metadata" />
 				</ul>
 				<div class="u-position-relative u-flex u-cross-center">
-					<button
+					{#if back}
+					<a
+						href={back}
 						class="
 						aw-button is-text is-only-icon aw-u-cross-center aw-u-size-40
 						u-position-absolute u-inset-inline-start-0 aw-u-translate-x-negative"
@@ -38,7 +41,8 @@
 							class="icon-cheveron-left aw-u-font-size-24 aw-u-color-text-primary aw-is-not-mobile"
 							aria-hidden="true"
 						/>
-					</button>
+					</a>
+					{/if}
 					<h1 class="aw-title">{title}</h1>
 				</div>
 			</div>

src/lib/layouts/Sidebar.svelte

@@ -27,6 +27,7 @@
 	export let expandable = false;
 	export let navigation: NavTree;
 	export let parent: NavParent | undefined = undefined;
+	export let back: string;
 
 	function isNavLink(item: NavLink | NavGroup): item is NavLink {
 		return 'href' in item;

src/markdoc/layouts/Tutorial.svelte

@@ -21,6 +21,7 @@
 	export let difficulty: string;
 	export let readtime: string;
 	export let step: number;
+	export let back: string;
 
 	setContext<LayoutContext>('headings', writable({}));
 
@@ -71,7 +72,8 @@
 	<meta name="twitter:image" content={ogImage} />
 	<meta name="twitter:card" content="summary_large_image" />
 </svelte:head>
-<DocsTutorial {title} {toc} {tutorials} currentStep={step}>
+
+<DocsTutorial {title} {back} {toc} {tutorials} currentStep={step}>
 	<svelte:fragment slot="metadata">
 		{#if difficulty}
 			<li>{difficulty}</li>