1 files changed, 34 insertions, 0 deletions
diff --git a/examples/portfolio/src/pages/projects.astro b/examples/portfolio/src/pages/projects.astro
new file mode 100644
index 000000000..6da3b423f
--- /dev/null
+++ b/examples/portfolio/src/pages/projects.astro
@@ -0,0 +1,34 @@
+---
+import MainHead from '../components/MainHead.astro';
+import Footer from '../components/Footer/index.jsx';
+import Nav from '../components/Nav/index.jsx';
+import PortfolioPreview from '../components/PortfolioPreview/index.jsx';
+
+const projects = Astro.fetchContent('./project/*.md')
+  .filter(({ published_at }) => !!published_at)
+  .sort((a, b) => new Date(b.published_at) - new Date(a.published_at));
+---
+
+<html lang="en">
+  <head>
+    <MainHead title="All Projects | Jeanine White" />
+    <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>