diff --git a/src/routes/portfolio/+page.server.ts b/src/routes/portfolio/+page.server.ts
new file mode 100644
index 0000000..230c200
--- /dev/null
+++ b/src/routes/portfolio/+page.server.ts
@@ -0,0 +1,28 @@
+import { error } from '@sveltejs/kit';
+import { compile } from 'mdsvex';
+import type { PageServerLoad } from '../$types';
+export const prerender = true;
+
+export const load: PageServerLoad = async () => {
+ try {
+ const personalSiteGatsby = await import(
+ `../../lib/content/portfolio/personal/personal-website-gatsby.md`
+ );
+
+ const { default: page, metadata } = personalSiteGatsby;
+
+ // const [personalSiteGatsbyResponse] = await Promise.all([personalSiteGatsby]);
+
+ console.log(`page: ${JSON.stringify(page)}, metadata: ${JSON.stringify(metadata)}`);
+
+ // const compiledResponse = await compile(personalSiteGatsbyResponse);
+
+ // console.log(`compiledResponse is: ${JSON.stringify(compiledResponse)}`);
+ return {
+ portfolios: ''
+ };
+ } catch (e) {
+ console.error(e);
+ throw error(500, 'Error loading portfolios');
+ }
+};
diff --git a/src/routes/portfolio/+page.svelte b/src/routes/portfolio/+page.svelte
index 9719bc5..8309ad9 100644
--- a/src/routes/portfolio/+page.svelte
+++ b/src/routes/portfolio/+page.svelte
@@ -1,4 +1,5 @@
@@ -23,346 +37,89 @@
Portfolio!
-
-
-
- selected ? "tab-selected portfolio-tab" : "tab-unselected portfolio-tab"}>
- Personal Sites
-
- selected ? "tab-selected portfolio-tab" : "tab-unselected portfolio-tab"}>
- Professional Sites
-
-
-
-
-
-
-
-
Personal Website
-
- {#each personalSiteFormats as { src, format }}
-
- {/each}
-
-
-
-
- My personal website written using the following
- technologies.
-
-
Tech Stack:
-
-
- Current version was improved after the suggestions on{' '}
-
- Show 444
- {' '}
- of the{' '}
-
- Syntax Podcast
-
- .
-
-
- Previous archived version of my{' '}
-
- personal website
-
- .
-
-
-
-
-
-
-
- An application that allows viewing of wedding details and
- provides the ability to RSVP to the wedding.
-
-
- The app was initially created for my wedding but what is
- linked here is a public demo of the application.
-
-
Tech stack:
-
- - Next.js 13
- - React 18
- -
-
- Radix UI
-
-
- - MongoDB
- - Styled Components
- - Next Iron Session
-
-
-
-
-
-
-
- This was my first real personal website hosted on
- DigitalOcean. It was built using the following:
-
-
- - React
- - Redux for any state management
- - ReactStrap for CSS grid management
- - React Router for routing links in the page
-
-
-
-
-
-
Mark Shellnut Architect
-
-
- {#each shellnutArchitectWebsite as { src, format }}
-
- {/each}
-
-
-
-
- View Site
- {' '}
-
-
-
-
-
-
-
Company website for Mark Shellnut Architect.
-
Tech stack:
-
- - React 18
- - Gatsby 5
- -
-
- Radix UI
-
-
- - Styled Components
- - GraphQL
- - Lambda Functions
-
-
-
-
+
+
+ selected ? "tab-selected portfolio-tab" : "tab-unselected portfolio-tab"}>
+ Personal Sites
+
+ selected ? "tab-selected portfolio-tab" : "tab-unselected portfolio-tab"}>
+ Professional Sites
+
+
+
+
+
+
+
+
+
+
+ View Site
+
+
+ GitHub repository
+
+
+
+
+
+
+
+ Link to an archive snapshot
+
+
+
+
+
+
+
+
+
+
+
+
+
+