From ae2ed70887a86119e39b2977289102fc5524c305 Mon Sep 17 00:00:00 2001
From: Oliver Bryan <04oliverbryan@gmail.com>
Date: Sun, 5 Oct 2025 15:41:34 +0100
Subject: [PATCH] added empty images to shleep page

---
 src/pages/projects/mizu.astro   |  6 +++---
 src/pages/projects/shleep.astro | 19 ++++++++++++++++---
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/src/pages/projects/mizu.astro b/src/pages/projects/mizu.astro
index 26bb3ab1..5c48a0f0 100644
--- a/src/pages/projects/mizu.astro
+++ b/src/pages/projects/mizu.astro
@@ -32,10 +32,8 @@ export const metadata = {
         leading a team and scaling a live application.
     </p>
 
-    <p>images here</p>
-
     <div class="bg-ayu-highlight p-4 rounded mt-4">
-        <h2 class="text-lg text-ayu-accent mb-2">Technologies</h2>
+        <h2 class="text-lg text-ayu-green-500 mb-2">Technologies</h2>
         <ul class="list-disc list-inside space-y-1">
             <li>Node.js</li>
             <li>TypeScript</li>
@@ -45,4 +43,6 @@ export const metadata = {
             <li>AWS S3</li>
         </ul>
     </div>
+
+    <p>images here</p>
 </ProjectPage>
diff --git a/src/pages/projects/shleep.astro b/src/pages/projects/shleep.astro
index 2ed2dfcb..a4b50ab7 100644
--- a/src/pages/projects/shleep.astro
+++ b/src/pages/projects/shleep.astro
@@ -1,5 +1,6 @@
 ---
 import ProjectPage from "../../components/ProjectPage.astro";
+import Demo from "../../components/Demo.astro";
 
 export const metadata = {
     title: "Shleep",
@@ -21,10 +22,8 @@ export const metadata = {
         help aid you and your party to protect a sleeping child from nightmares.
     </p>
 
-    <p>images here</p>
-
     <div class="bg-ayu-highlight p-4 rounded mt-4">
-        <h2 class="text-lg text-ayu-accent mb-2">Technologies</h2>
+        <h2 class="text-lg text-ayu-green-500 mb-2">Technologies</h2>
         <ul class="list-disc list-inside space-y-1">
             <li>Unity</li>
             <li>C#</li>
@@ -33,4 +32,18 @@ export const metadata = {
             <li>Visual Effects Graph</li>
         </ul>
     </div>
+
+    <div class="mt-4">
+        <h2 class="text-2xl text-ayu-accent mb-3">Screenshots</h2>
+        <div
+            class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"
+        >
+            <Demo image="/images/shleep/1.png" title="1" type="boxed" />
+            <Demo image="/images/shleep/2.png" title="2" type="boxed" />
+            <Demo image="/images/shleep/3.png" title="3" type="boxed" />
+            <Demo image="/images/shleep/4.png" title="4" type="boxed" />
+            <Demo image="/images/shleep/5.png" title="5" type="boxed" />
+            <Demo image="/images/shleep/6.png" title="6" type="boxed" />
+        </div>
+    </div>
 </ProjectPage>