1 files changed, 38 insertions, 0 deletions
diff --git a/examples/portfolio-svelte/src/pages/projects.astro b/examples/portfolio-svelte/src/pages/projects.astro
new file mode 100644
index 000000000..0c639a13d
--- /dev/null
+++ b/examples/portfolio-svelte/src/pages/projects.astro
@@ -0,0 +1,38 @@
+---
+import MainHead from '../components/MainHead.astro';
+import Footer from '../components/Footer.svelte';
+import Nav from '../components/Nav.svelte';
+import PortfolioPreview from '../components/PortfolioPreview.svelte';
+
+interface MarkdownFrontmatter {
+  publishDate: number;
+}
+
+const projects = Astro.fetchContent<MarkdownFrontmatter>('./project/**/*.md')
+  .filter(({ publishDate }) => !!publishDate)
+  .sort((a, b) => new Date(b.publishDate).valueOf() - new Date(a.publishDate).valueOf());
+---
+
+<html lang="en">
+  <head>
+    <MainHead title="All Projects | Jeanine White" description="Learn about Jenine White's most recent projects" />
+    <style lang="scss">
+      .grid {
+        display: grid;
+        grid-gap: 3rem;
+      }
+    </style>
+  </head>
+  <body>
+    <Nav />
+    <div class="wrapper">
+      <h1 class="title mt4 mb4">All Projects</h1>
+      <div class="grid">
+        {projects.map((project) => (
+          <PortfolioPreview project={project} />
+        ))}
+      </div>
+    </div>
+    <Footer />
+  </body>
+</html>