ob/ob248.com
1
0
Fork 0
mirror of https://github.com/hex248/ob248.com.git synced 2026-02-08 02:33:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

use demo box component

Browse Source
This commit is contained in:
Oliver Bryan
2025-09-29 20:58:23 +01:00
parent c09ede18f8
commit 9281df3658
4 changed files with 55 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
src/pages/projects/watercooler.astro
View File

@@ -1,5 +1,6 @@
---
---
import ProjectPage from "../../components/ProjectPage.astro";
import Demo from "../../components/Demo.astro";
export const metadata = {
title: "Watercooler",
@@ -58,29 +59,13 @@ export const metadata = {
</div>
</div>
<div class="mt-4">
<h2 class="text-2xl text-ayu-accent mb-3">Screenshots</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<img
src="/images/watercooler/office.png"
alt="Office space"
class="w-full h-full object-cover demo-border"
/>
<img
src="/images/watercooler/idk.png"
alt="idk"
class="w-full h-full object-cover demo-border"
/>
<img
src="/images/watercooler/idk.png"
alt="idk"
class="w-full h-full object-cover demo-border"
/>
<img
src="/images/watercooler/idk.png"
alt="idk"
class="w-full h-full object-cover demo-border"
/>
</div>
</div>
<div class="mt-4">
<h2 class="text-2xl text-ayu-accent mb-3">Screenshots</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<Demo image="/images/watercooler/office.png" title="Office space" />
<Demo image="/images/watercooler/idk.png" title="idk" />
<Demo image="/images/watercooler/idk.png" title="idk" />
<Demo image="/images/watercooler/idk.png" title="idk" />
</div>
</div>
</ProjectPage>