Update pages to use new layout

web/src/pages/copyright.astro

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

web/src/pages/index.astro

@@ -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 class="content-panel">
-			content
+	<div slot="sidebar">
+		sidebar stuff
 	</div>
+
+	<div slot="content">
+		ya
 	</div>
 </Base>

web/src/pages/photos/index.astro

@@ -18,13 +18,12 @@ const getImageLink = async (record: RecordModel) => {
 ---
 
 <Base>
-    <div class="flex flex-row">
-        <Sidebar>
+    <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
-        </Sidebar>
+    </div>
     
-        <div class="content-panel">
+    <div slot="content">
         {
             photos.map(photo => (
             <div class="max-w-md  overflow-hidden md:max-w-2xl md:my-2">
@@ -44,7 +43,6 @@ const getImageLink = async (record: RecordModel) => {
             </div>
             ))
         }
+    </div>
     
-        </div>
-    </div>
 </Base>