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

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

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

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

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