added empty images to shleep page

This commit is contained in:
Oliver Bryan
2025-10-05 15:41:34 +01:00
parent 4a06611929
commit ae2ed70887
2 changed files with 19 additions and 6 deletions

View File

@@ -32,10 +32,8 @@ export const metadata = {
leading a team and scaling a live application. leading a team and scaling a live application.
</p> </p>
<p>images here</p>
<div class="bg-ayu-highlight p-4 rounded mt-4"> <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"> <ul class="list-disc list-inside space-y-1">
<li>Node.js</li> <li>Node.js</li>
<li>TypeScript</li> <li>TypeScript</li>
@@ -45,4 +43,6 @@ export const metadata = {
<li>AWS S3</li> <li>AWS S3</li>
</ul> </ul>
</div> </div>
<p>images here</p>
</ProjectPage> </ProjectPage>

View File

@@ -1,5 +1,6 @@
--- ---
import ProjectPage from "../../components/ProjectPage.astro"; import ProjectPage from "../../components/ProjectPage.astro";
import Demo from "../../components/Demo.astro";
export const metadata = { export const metadata = {
title: "Shleep", title: "Shleep",
@@ -21,10 +22,8 @@ export const metadata = {
help aid you and your party to protect a sleeping child from nightmares. help aid you and your party to protect a sleeping child from nightmares.
</p> </p>
<p>images here</p>
<div class="bg-ayu-highlight p-4 rounded mt-4"> <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"> <ul class="list-disc list-inside space-y-1">
<li>Unity</li> <li>Unity</li>
<li>C#</li> <li>C#</li>
@@ -33,4 +32,18 @@ export const metadata = {
<li>Visual Effects Graph</li> <li>Visual Effects Graph</li>
</ul> </ul>
</div> </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> </ProjectPage>