From e5b532ed0ab8fec01d9bfd10fed5aaced8e834fe Mon Sep 17 00:00:00 2001
From: Oliver Bryan <04oliverbryan@gmail.com>
Date: Mon, 29 Sep 2025 02:35:51 +0100
Subject: [PATCH] demo-border css

---
 src/pages/projects/glimpse.astro | 24 ++++++++++++++----------
 src/styles/global.css            |  5 +++++
 2 files changed, 19 insertions(+), 10 deletions(-)

diff --git a/src/pages/projects/glimpse.astro b/src/pages/projects/glimpse.astro
index 74aa1597..bfc4347c 100644
--- a/src/pages/projects/glimpse.astro
+++ b/src/pages/projects/glimpse.astro
@@ -58,28 +58,32 @@ export const metadata = {
             <img
                 src="/images/glimpse/feed.png"
                 alt="Feed view"
-                class="w-full h-full object-cover rounded"
+                class="w-full h-full object-cover demo-border"
             />
             <img
                 src="/images/glimpse/crop.png"
                 alt="Composer + cropping"
-                class="w-full h-full object-cover rounded"
-            /><img
+                class="w-full h-full object-cover demo-border"
+            />
+            <img
                 src="/images/glimpse/profile.png"
                 alt="Profile (custom colours)"
-                class="w-full h-full object-cover rounded"
-            /><img
+                class="w-full h-full object-cover demo-border"
+            />
+            <img
                 src="/images/glimpse/settings.png"
                 alt="Settings"
-                class="w-full h-full object-cover rounded"
-            /><img
+                class="w-full h-full object-cover demo-border"
+            />
+            <img
                 src="/images/glimpse/comments.png"
                 alt="Comments & interactions"
-                class="w-full h-full object-cover rounded"
-            /><img
+                class="w-full h-full object-cover demo-border"
+            />
+            <img
                 src="/images/glimpse/search.png"
                 alt="User search/discovery"
-                class="w-full h-full object-cover rounded"
+                class="w-full h-full object-cover demo-border"
             />
         </div>
     </div>
diff --git a/src/styles/global.css b/src/styles/global.css
index 0586a56b..9a6a2da8 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -197,3 +197,8 @@ body {
 ::-webkit-scrollbar-thumb:hover {
     background: var(--ayu-accent);
 }
+
+.demo-border {
+    border: 2px dotted var(--ayu-gutter);
+    border-radius: 15px;
+}