Organize stories a bit

src/lib/components/Education.stories.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/svelte';
 import Education from './Education.svelte';
 
 const meta = {
-  title: 'Education',
+  title: 'Resume/Education',
   component: Education,
   tags: ['autodocs'],
 } satisfies Meta<Education>;

src/lib/components/Header.stories.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/svelte';
 import Header from './Header.svelte';
 
 const meta = {
-  title: 'Header',
+  title: 'Layout/Header',
   component: Header,
   tags: ['autodocs'],
   parameters: {

src/lib/components/Nav.stories.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/svelte';
 import Nav from './Nav.svelte';
 
 const meta = {
-  title: 'Nav',
+  title: 'Layout/Header/Nav',
   component: Nav,
   tags: ['autodocs'],
 } satisfies Meta<Nav>;

src/lib/components/ResumeHeader.stories.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/svelte';
 import ResumeHeader from './ResumeHeader.svelte';
 
 const meta = {
-  title: 'Resume Header',
+  title: 'Resume/Header',
   component: ResumeHeader,
   tags: ['autodocs'],
 } satisfies Meta<ResumeHeader>;

src/lib/components/ResumePdf.stories.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/svelte';
 import ResumePdf from './ResumePdf.svelte';
 
 const meta = {
-  title: 'Resume PDF',
+  title: 'Resume/PDF Download',
   component: ResumePdf,
   tags: ['autodocs'],
 } satisfies Meta<ResumePdf>;
@@ -12,3 +12,9 @@ type Story = StoryObj<typeof meta>;
 
 export const Default: Story = {
 };
+
+export const OpenPdf: Story = {
+  args: {
+    action: "open"
+  }
+};

src/lib/components/ResumePdf.svelte

@@ -3,6 +3,8 @@
   import ResumeSections from "./ResumeSections.svelte"
   import jsPDF from "jspdf"
 
+  export let action: "download" | "open" = "download";
+
   function download() {
     const result = document.createElement('div');
 		const r = <HTMLElement>document.querySelector("#pdf")?.cloneNode(true);
@@ -16,7 +18,9 @@
     pdf.html(<HTMLElement>result, {
         callback: function () {
             document.body.removeChild(result);
-            pdf.save("Resume")
+            action === "download" ?
+              pdf.save("Resume") :
+              window.open(pdf.output('bloburl'));
         },
         html2canvas: {
           scale: 600 / r.scrollWidth

src/lib/components/ResumeSections.stories.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/svelte';
 import ResumeSections from './ResumeSections.svelte';
 
 const meta = {
-  title: 'Resume Sections',
+  title: 'Resume/Sections',
   component: ResumeSections,
   tags: ['autodocs'],
 } satisfies Meta<ResumeSections>;

src/lib/components/ResumeSummary.stories.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/svelte';
 import ResumeSummary from './ResumeSummary.svelte';
 
 const meta = {
-  title: 'Resume Summary',
+  title: 'Resume/Summary',
   component: ResumeSummary,
   tags: ['autodocs'],
 } satisfies Meta<ResumeSummary>;

src/lib/components/ResumeWeb.stories.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/svelte';
 import ResumeWeb from './ResumeWeb.svelte';
 
 const meta = {
-  title: 'Resume Web',
+  title: 'Resume/Web',
   component: ResumeWeb,
   tags: ['autodocs'],
 } satisfies Meta<ResumeWeb>;

src/lib/components/SiteSummary.stories.ts

@@ -2,10 +2,10 @@ import type { Meta, StoryObj } from '@storybook/svelte';
 import SiteSummary from './SiteSummary.svelte';
 
 const meta = {
-  title: 'Site Summary',
+  title: 'Home/Site Summary',
   component: SiteSummary,
   tags: ['autodocs'],
-} satisfies Meta<Home>;
+} satisfies Meta<SiteSummary>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;

src/lib/components/SiteTools.stories.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/svelte';
 import SiteTools from './SiteTools.svelte';
 
 const meta = {
-  title: 'Site Tools',
+  title: 'Home/Site Tools',
   component: SiteTools,
   tags: ['autodocs'],
 } satisfies Meta<SiteTools>;

src/lib/components/Skills.stories.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/svelte';
 import Skills from './Skills.svelte';
 
 const meta = {
-  title: 'Skills',
+  title: 'Resume/Skills',
   component: Skills,
   tags: ['autodocs'],
 } satisfies Meta<Skills>;

src/lib/components/ThemeToggle.stories.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/svelte';
 import ThemeToggle from './ThemeToggle.svelte';
 
 const meta = {
-  title: 'Theme Toggle',
+  title: 'Layout/Header/Theme Toggle',
   component: ThemeToggle,
   tags: ['autodocs'],
 } satisfies Meta<ThemeToggle>;

src/lib/components/WorkExperience.stories.ts

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/svelte';
 import WorkExperience from './WorkExperience.svelte';
 
 const meta = {
-  title: 'Work Experience',
+  title: 'Resume/Work Experience',
   component: WorkExperience,
   tags: ['autodocs'],
 } satisfies Meta<WorkExperience>;

src/lib/data/resume.json

@@ -28,7 +28,7 @@
       "endDate": "2023-10",
       "summary": "As a member of the Site Reliability team at Skykick I was responsible for:",
       "highlights": [
-        "Understanding the full breadth of Skykick's software catalogue from a technical and product perspective in order to quickly work and resolve escalated issues related to Skykick's cloud infrastructure, codebases, and SLOs.",
+        "Understanding the full breadth of Skykick's software catalogue from a technical and product perspective in order to quickly work and resolve escalated issues related to Skykick's cloud infrastructure, codebases, and service agreements.",
         "Developing and maintaining internal tools to decrease developer toil at Skykick."
       ]
     },