breadone/BreadnetV3
Archived
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update pages to use new layout

Browse Source
This commit is contained in:
June
2025-11-14 12:26:46 +13:00
parent d657d88e94
commit 4c4679725b
3 changed files with 31 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/pages/copyright.astro
View File

@@ -4,11 +4,8 @@ import Sidebar from "src/components/sidebar.astro"
---
<Base>
<div class="flex flex-row">
<Sidebar/>
<div class="content-panel">
<p class="text-xl">Copyright & License</p>
<div slot="content">
<p class="text-xl">Copyright & License</p>
<p>© 2023-{new Date().getFullYear()} breadone.net. All Rights Reserved.</p>
@@ -22,6 +19,5 @@ import Sidebar from "src/components/sidebar.astro"
<p>
For permission requests, please <a href="mailto:contact@breadone.net">email</a> me.
</p>
</div>
</div>
</div>
</Base>

11
web/src/pages/index.astro
View File

@@ -1,14 +1,13 @@
---
import Base from "src/layout/Base.astro"
import Sidebar from "src/components/sidebar.astro"
---
<Base>
<div class="flex flex-row">
<Sidebar/>
<div slot="sidebar">
sidebar stuff
</div>
<div class="content-panel">
content
</div>
<div slot="content">
ya
</div>
</Base>

48
web/src/pages/photos/index.astro
View File

@@ -18,33 +18,31 @@ const getImageLink = async (record: RecordModel) => {
---
<Base>
<div class="flex flex-row">
<Sidebar>
<p class="text-2xl">Photography :)</p>
Chuck me an email if you'd like a print of these, I'll see what I can do
</Sidebar>
<div class="content-panel">
{
photos.map(photo => (
<div class="max-w-md overflow-hidden md:max-w-2xl md:my-2">
<div class="md:flex">
<div class="md:shrink-0">
<img class="h-full w-full object-cover md:h-full md:w-96" src={ pb.files.getURL(photo, photo.image, {'thumb': '1080x0'}) } alt={photo.alt}>
</div>
<div class="md:pl-4 md:mt-2 mb-8 mt-3">
<div class="bold text-xl">{photo.title === "" ? "Untitled" : photo.title}</div>
<div class="pt-2">
<p>📌 {photo.location}</p>
<p>📷 {photo.camera}</p>
</div>
<div slot="sidebar">
<p class="text-2xl">Photography :)</p>
Chuck me an email if you'd like a print of these, I'll see what I can do
</div>
<div slot="content">
{
photos.map(photo => (
<div class="max-w-md overflow-hidden md:max-w-2xl md:my-2">
<div class="md:flex">
<div class="md:shrink-0">
<img class="h-full w-full object-cover md:h-full md:w-96" src={ pb.files.getURL(photo, photo.image, {'thumb': '1080x0'}) } alt={photo.alt}>
</div>
<div class="md:pl-4 md:mt-2 mb-8 mt-3">
<div class="bold text-xl">{photo.title === "" ? "Untitled" : photo.title}</div>
<div class="pt-2">
<p>📌 {photo.location}</p>
<p>📷 {photo.camera}</p>
</div>
</div>
</div>
))
}
</div>
</div>
))
}
</div>
</Base>