More significant updates to the general layout and styling per module.

src/routes/idaa/(idaa)/archives/+layout.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
-/** @type {import('./$types').LayoutData} */
 let log_lvl: number = 0;
 if (log_lvl > 1) {
-    console.log(`ae_idaa_archives +layout.svelte`);
+    console.log(`ae_idaa_archives +layout.svelte`, data);
 }
 
 // *** Import Aether specific variables and functions
@@ -18,6 +17,8 @@ interface Props {
 let { data, children }: Props = $props();
 
 // *** Quickly pull out data from parent(s)
+$slct.account_id = data.account_id;
+
 let ae_acct = data[$slct.account_id];
 if (log_lvl) {
     console.log(`ae_acct = `, ae_acct);
@@ -27,15 +28,21 @@ $idaa_slct.archive_obj_li = ae_acct.slct.archive_obj_li;
 // $idaa_slct.archive_id = ae_acct.slct.archive_id; // Not set here yet.
 
 // *** Set initial variables
-// if (browser) {
-//     $idaa_loc.novi_uuid = data.params.uuid;
-//     $idaa_loc.novi_email = decodeURIComponent(data.params.email);
-//     $idaa_loc.novi_full_name = decodeURIComponent(data.params.full_name);
-//     // $idaa_loc.novi_admin_li = novi_admin_li;
-//     // $idaa_loc.novi_trusted_li = novi_trusted_li;
-//     console.log(`$idaa_loc.novi_uuid:`, $idaa_loc.novi_uuid);
-// }
 </script>
 
+<!-- <div
+    class="
+        ae_idaa__archives
+        container h-full mx-auto
+        flex flex-col gap-1
+        items-center
+        justify_center
+        py-1 px-2 pb-16
+        min-w-full
+        max-w-max
+        "
+    > -->
 
 {@render children?.()}
+
+<!-- </div> -->

src/routes/idaa/(idaa)/archives/+page.svelte

@@ -130,20 +130,6 @@ function add_activity_log(
     </title>
 </svelte:head>
 
-
-<section
-    class="
-        ae_idaa__archives
-        container h-full mx-auto
-        flex flex-col gap-1
-        items-center
-        justify_center
-        py-1 px-2 pb-16
-        min-w-full
-        max-w-max
-        "
-    >
-
 <!-- <h1>Archives {$lq__archive_obj_li?.length}</h1> -->
 
 {#if $lq__archive_obj_li && $lq__archive_obj_li?.length}
@@ -153,6 +139,3 @@ function add_activity_log(
 {:else}
     <p>No archives available to show.</p>
 {/if}
-
-
-</section>

src/routes/idaa/(idaa)/archives/[archive_id]/+page.svelte

@@ -156,7 +156,6 @@ if (browser) {
     let message = {'archive_id': $idaa_slct?.archive_id ?? null};
     window.parent.postMessage(message, "*");
 }
-
 </script>
 
 
@@ -168,8 +167,7 @@ if (browser) {
     </title>
 </svelte:head>
 
-
-<section
+<!-- <section
     class="
         ae_idaa__archives
         h-full mx-auto
@@ -182,7 +180,7 @@ if (browser) {
         text-center
         outline
         "
-    >
+    > -->
 
 <!-- <h1>Archives {$lq__archive_obj?.name} - {$lq__archive_content_obj_li?.length}</h1> -->
 
@@ -205,7 +203,7 @@ if (browser) {
     lq__archive_content_obj_li={lq__archive_content_obj_li}
     />
 
-</section>
+<!-- </section> -->
 
 
 <!-- Modal: Archive edit ID -->

src/routes/idaa/(idaa)/bb/+layout.svelte

@@ -1,23 +1,34 @@
 <script lang="ts">
-/** @type {import('./$types').LayoutData} */
-export let data: any;
 let log_lvl: number = 0;
 if (log_lvl > 1) {
-    console.log(`ae_idaa_bulletin_board  +layout.svelte data:`, data);
+    console.log(`ae_idaa_bulletin_board +layout.svelte`, data);
 }
 
+// *** Import Aether specific variables and functions
 import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$lib/ae_stores';
 import { idaa_loc, idaa_sess, idaa_slct } from '$lib/ae_idaa_stores';
 
-// Quickly save the data passed from the parent(s) to the Svelte stores, localStorage, and other.
+interface Props {
+    /** @type {import('./$types').LayoutData} */
+    data: any;
+    children?: import('svelte').Snippet;
+}
+
+let { data, children }: Props = $props();
+
+// *** Quickly pull out data from parent(s)
 $slct.account_id = data.account_id;
-// console.log(`$slct.account_id = `, $slct.account_id);
+
 let ae_acct = data[$slct.account_id];
-console.log(`ae_acct = `, ae_acct);
+if (log_lvl) {
+    console.log(`ae_acct = `, ae_acct);
+}
 
 $idaa_slct.post_obj_li = ae_acct.slct.post_obj_li;
+// $idaa_slct.post_id = ae_acct.slct.post_id; // Not set here yet.
 
+// *** Set initial variables
 </script>
 
 
-<slot />
+{@render children?.()}

src/routes/idaa/(idaa)/bb/+page.svelte

@@ -240,7 +240,6 @@ function add_activity_log(
 </script>
 
 
-
 <svelte:head>
 	<title>
         IDAA Bulletin Board:
@@ -248,8 +247,7 @@ function add_activity_log(
     </title>
 </svelte:head>
 
-
-<section
+<!-- <section
     class="
         ae_idaa__bb
         container h-full mx-auto
@@ -259,7 +257,7 @@ function add_activity_log(
         min-w-full
         max-w-max
         "
-    >
+    > -->
 
 
 <Comp__post_options
@@ -276,7 +274,7 @@ function add_activity_log(
 {/if}
 
 
-</section>
+<!-- </section> -->
 
 
 <!-- Modal: Post (Bulletin Board) view ID -->

src/routes/idaa/(idaa)/recovery_meetings/+layout.svelte

@@ -1,13 +1,10 @@
 <script lang="ts">
-/** @type {import('./$types').LayoutData} */
-export let data: any;
 let log_lvl: number = 0;
 if (log_lvl > 1) {
-    console.log(`ae_idaa_recovery_meetings +layout.svelte data:`, data);
+    console.log(`ae_idaa_recovery_meetings +layout.svelte`, data);
 }
 
-// import { browser } from '$app/environment';
-
+// *** Import Aether specific variables and functions
 // import type { key_val } from '$lib/ae_stores';
 // import { ae_util } from '$lib/ae_utils/ae_utils';
 
@@ -19,15 +16,27 @@ import { ae_snip, ae_loc, ae_sess, ae_api, ae_trig, slct, slct_trigger } from '$
 // import { events_func } from '$lib/ae_events_functions';
 import { idaa_loc, idaa_sess, idaa_slct } from '$lib/ae_idaa_stores';
 
-// Quickly save the data passed from the parent(s) to the Svelte stores, localStorage, and other.
+interface Props {
+    /** @type {import('./$types').LayoutData} */
+    data: any;
+    children?: import('svelte').Snippet;
+}
+
+let { data, children }: Props = $props();
+
+// *** Quickly pull out data from parent(s)
 $slct.account_id = data.account_id;
-// console.log(`$slct.account_id = `, $slct.account_id);
+
 let ae_acct = data[$slct.account_id];
-// console.log(`ae_acct = `, ae_acct);
+if (log_lvl) {
+    console.log(`ae_acct = `, ae_acct);
+}
 
 $idaa_slct.event_obj_li = ae_acct.slct.event_obj_li;
+// $idaa_slct.event_id = ae_acct.slct.event_id; // Not set here yet.
 
+// *** Set initial variables
 </script>
 
 
-<slot />
+{@render children?.()}

src/routes/idaa/(idaa)/recovery_meetings/+page.svelte

@@ -442,9 +442,7 @@ function add_activity_log(
     </title>
 </svelte:head>
 
-
-
-<div
+<!-- <div
     class="
         ae_idaa__recovery_meetings
         container h-full mx-auto
@@ -455,13 +453,12 @@ function add_activity_log(
         min-w-full
         max-w-max
         "
-    >
+    > -->
 
 <Comp__event_obj_qry
     bind:event_id_random_li={event_id_random_li}
     />
 
-
 <Element_data_store
     ds_code="recovery_meetings_info"
     ds_type="html"
@@ -469,7 +466,6 @@ function add_activity_log(
     show_edit_btn={true}
     />
 
-
 {#if $lq_new__event_obj_li && $lq_new__event_obj_li?.length}
     <Comp__event_obj_li
         lq__event_obj_li={lq_new__event_obj_li}
@@ -479,7 +475,7 @@ function add_activity_log(
 {/if}
 
 
-</div>
+<!-- </div> -->
 
 
 <!-- Modal: Event (Recovery Meeting) edit ID -->