Do a bit more page cleanup after recent modeling

src/lib/components/Home.svelte

@@ -1,9 +1,10 @@
 <script lang="ts">
   import SiteSummary from './SiteSummary.svelte'
-  const description = "Addison Beck is a software engineer with a decade of experience. He is also a partner, father, home cook, and Mothman fan."
+  import name from '$lib/data/Name'
+  const description = `${name.full} is a software engineer with a decade of experience. He is also a partner, father, home cook, and Mothman fan.`
 </script>
 <svelte:head>
-    <title>Addison Beck</title>
+    <title>{name.full}</title>
     <meta name="description" content={description} />
 </svelte:head>
 <div class="home-container">

src/lib/components/Nav.svelte

@@ -1,10 +1,22 @@
 <script lang="ts">
-  export let title: { large: string, small: string, href: string } | null = { large: "ADDISON BECK", small: "AB:", href: "/" };
+  import name from "$lib/data/Name"
+
+  export let title: { 
+    large: string,
+    small: string,
+    href: string 
+  } | null = { 
+    large: name.full.toLocaleUpperCase(),
+    small: `${name.initials.toLocaleUpperCase()}:`,
+    href: "/" 
+    };
+
   export let sections: { title: string, href: string }[] =  [
     // { title: "about", href: "/about" },
     { title: "resume", href: "/resume" },
     { title: "contact", href: "/contact" },
   ]
+
   export let allCaps: boolean = true;
 </script>
 

src/lib/components/Resume.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import ResumeContent from "./ResumeContent.svelte"
 	import ResumeControls from "./ResumeControls.svelte";
+  import name from "$lib/data/Name"
 
   export let mode: "json" | "html" = "json";
   $: fileName = "resume." + mode;
@@ -10,8 +11,8 @@
   }
 </script>
 <svelte:head>
-    <title>Resume | Addison Beck</title>
-    <meta name="description" content="Addison Beck is a software engineer with almost a decade in the field. Addison has worked on teams small and large, and loves OSS." />
+    <title>Resume | {name.full}</title>
+    <meta name="description" content="{name.full} is a software engineer with almost a decade in the field. {name.first} has worked on teams small and large, and loves OSS." />
 </svelte:head>
 <div class="resume-container-outer">
   <div class="resume-container-inner">

src/lib/components/SiteSummary.svelte

@@ -1,10 +1,12 @@
 <script lang="ts">
   import SiteTools from './SiteTools.svelte'
+  import name from '$lib/data/Name'
+  import urls from '$lib/data/Urls'
 </script>
 
 <div class="site-summary">
   <div class="site-summary-heading">
-    <h2>Hi, I'm Addison</h2>
+    <h2>Hi, I'm {name.first}</h2>
   </div>
   <div class="site-summary-body">
     <p>
@@ -14,7 +16,7 @@
     </p>
     <SiteTools />
     <p>
-      You can check out the source code on <a href="https://github.com/addisonbeck/personal-website" target="_blank">GitHub</a>. 
+      You can check out the source code on <a href="{urls.githubProjectRepo.full}" target="_blank">GitHub</a>. 
       PR's are welcome 🤠
     </p>
     <p>

src/lib/data/Name.ts

@@ -5,6 +5,9 @@ const name: Name = {
   last: "Beck",
   get full(): string {
     return `${name.first} ${name.last}`;
+  },
+  get initials(): string {
+    return `${name.first.charAt(0)}${name.last.charAt(0)}`
   }
 }
 

src/lib/data/Profiles.ts

@@ -4,7 +4,7 @@ import urls from "./Urls";
 const profiles: ProfileList = {
   github: {
     network: 'github',
-    url: urls.github,
+    url: urls.githubProfile,
     username: "addisonbeck"
   }
 };

src/lib/data/Urls.ts

@@ -3,7 +3,8 @@ import type UrlList from "$lib/types/UrlList";
 
 const urls: UrlList = {
   website: new Url("My Personal Website","addisonbeck.com","https://"),
-  github: new Url("My Github Profile","github.com/addisonbeck","https://"),
+  githubProfile: new Url("My Github Profile","github.com/addisonbeck","https://"),
+  githubProjectRepo: new Url("The Github Repo For This Project","github.com/addisonbeck/personal-website","https://"),
   skykick: new Url("Skykick", "skykick.com","https://"),
   bitwarden: new Url("Bitwarden","bitwarden.com","https://"),
   ssi: new Url("SSI","thessigroup.com","https://"),

src/lib/types/Name.ts

@@ -2,4 +2,5 @@ export type Name = {
   first: string,
   last: string,
   get full(): string
+  get initials(): string
 }

src/lib/types/UrlKey.ts

@@ -1,6 +1,7 @@
 type UrlKey = 
   'website'|
-  'github' | 
+  'githubProfile' | 
+  'githubProjectRepo' | 
   'skykick' |
   'bitwarden' |
   'ssi' |