General clean up for CHOW.

This commit is contained in:
Scott Idem
2024-03-04 10:59:15 -05:00
parent 04a8b49177
commit a0947e349a
10 changed files with 125 additions and 53 deletions

View File

@@ -21,6 +21,6 @@
%sveltekit.head% %sveltekit.head%
</head> </head>
<body data-sveltekit-preload-data="hover" data-theme=""> <body data-sveltekit-preload-data="hover" data-theme="">
<div style="display: contents" class="h-full overflow-hidden">%sveltekit.body%</div> <div style="display: contents" class="h-full w-full overflow-hidden">%sveltekit.body%</div>
</body> </body>
</html> </html>

View File

@@ -82,6 +82,40 @@ body[data-theme] {
body[data-theme]:has(#page.iframe) { body[data-theme]:has(#page.iframe) {
background: none; background: none;
background-image: none; background-image: none;
background-image: url('https://static.oneskyit.com/c/CHOW/images/CHOW_2024_yellow_background.png');
background-size: cover;
}
main {
/* background: none;
background-color: hsla(0, 0%, 100%, 0.92); */
}
main>section {
background: none;
background-color: hsla(0, 0%, 100%, 0.92);
padding: .5em;
}
/* @media (min-width: 640px) {
main>div, main>section {
padding: 0;
max-width: 100%;
}
} */
/* @media (min-width: 768px) {
main>div, main>section {
padding: 0;
max-width: 100%;
}
} */
.ae_sponsorships {
/* background: none; */
/* background-color: hsla(0, 0%, 100%, 0.92); */
/* background-image: url('https://static.oneskyit.com/c/CHOW/images/CHOW_2024_yellow_background.png'); */
/* background-size: cover; */
} }
pre.pre_wrap { pre.pre_wrap {

View File

@@ -36,9 +36,10 @@ export type key_val = {
// *** BEGIN *** Longer-term app data. This should be stored to local storage. // *** BEGIN *** Longer-term app data. This should be stored to local storage.
export let ae_app_local_data_struct: key_val = { export let ae_app_local_data_struct: key_val = {
'ver': '2024-02-27_13', 'ver': '2024-03-04_10',
'name': 'Aether App Template', 'name': 'Aether App Template',
'theme': 'light', 'theme': 'light',
'iframe': false,
'account_id': ae_account_id, // OSIT Demo _XY7DXtc9MY 'account_id': ae_account_id, // OSIT Demo _XY7DXtc9MY
'site_domain': null, // https://example.com, https://dev.example.com, etc. 'site_domain': null, // https://example.com, https://dev.example.com, etc.
@@ -98,12 +99,13 @@ export let ae_app_local_data_struct: key_val = {
level_guest_max_li: { level_guest_max_li: {
0: 0, 0: 0,
1: 4, 1: 4, // CHOW 2024 - Friend
2: 8, 2: 8, // CHOW 2024 - Supporter
3: 8, 3: 8, // CHOW 2024 - Advocate
4: 8, 4: 8, // CHOW 2024 - Champion
5: 16, // This is a guess for CHOW 2024!!! 5: 8, // CHOW 2024 - Presenting Partner
6: 16, // This is a guess for CHOW 2024!!! 6: 16, // CHOW 2024 - Signature Partner
7: 16, // CHOW 2024 - Premier Partner
}, },
show_edit__sponsorship_obj: false, show_edit__sponsorship_obj: false,

View File

@@ -73,9 +73,12 @@ onMount(() => {
$ae_loc.hub.show_element__access_type = false; $ae_loc.hub.show_element__access_type = false;
$ae_loc.hub.show_element__cfg = false; $ae_loc.hub.show_element__cfg = false;
} else { } else if ($ae_loc.trusted_access) {
$ae_loc.hub.show_element__access_type = true; $ae_loc.hub.show_element__access_type = true;
$ae_loc.hub.show_element__cfg = true; $ae_loc.hub.show_element__cfg = true;
} else {
$ae_loc.hub.show_element__access_type = true;
$ae_loc.hub.show_element__cfg = false;
} }
}); });

View File

@@ -23,32 +23,66 @@ onMount(() => {
</script> </script>
<div class="container h-full mx-auto flex justify-center p-5"> <section class="ae_root md:container h-full mx-auto flex flex-col items-center p-5 space-y-16">
{#if $ae_loc.ds['hub__site__root_page_content']}
{@html $ae_loc.ds['hub__site__root_page_content']}
{:else}
<div class="space-y-10 text-center flex flex-col items-center">
<h1 class="h1">One Sky IT's new Aether App Template</h1>
<h2 class="h2">Development using: Svelte, SvelteKit, Tailwind, Skeleton</h2>
<div class="flex justify-center space-x-2"> {#if $ae_loc.ds['hub__site__root_page_content']}
<a {@html $ae_loc.ds['hub__site__root_page_content']}
class="btn variant-filled" {:else}
href="/sponsorships" <div class="space-y-10 text-center flex flex-col items-center">
> <h1 class="h1">One Sky IT's new Aether App Template</h1>
Open Sponsorships <h2 class="h2">Development using: Svelte, SvelteKit, Tailwind, Skeleton</h2>
</a>
<a <div class="flex justify-center space-x-2">
class="btn variant-filled" <a
href="/events_speakers" class="btn variant-filled"
> href="/sponsorships"
Open Speakers >
</a> Open Sponsorships
</div> </a>
<a
class="btn variant-filled"
href="/events_speakers"
>
Open Speakers
</a>
</div> </div>
{/if}
</div> </div>
{/if}
<div data-sveltekit-preload-data="false" class="">
{#if $ae_loc.iframe}
<a
class="btn btn-sm variant-soft"
href="/?iframe=false"
>
<span class="fas fa-code mx-1"></span>
Exit iframe Mode
</a>
{:else}
<a
class="btn btn-sm variant-soft"
href="/?iframe=true"
>
<span class="fas fa-code mx-1"></span>
Use iframe Mode
</a>
{/if}
<button
class="btn btn-sm variant-soft"
title="Reload and clear the page cache"
on:click={() => {
// $ae_loc.
window.location.reload(true);
}}
>
<span class="fas fa-sync mx-1"></span>
Reload and Clear Cache
</button>
</div>
</section>
<style lang="postcss"> <style lang="postcss">

View File

@@ -279,7 +279,7 @@ async function handle_load_ae_obj_id__event_presenter({event_presenter_id, try_c
</script> </script>
<div class="container h-full mx-auto items-center"> <div class="ae_events_speakers md:container h-full mx-auto">
<div class="space-y-10 flex flex-col"> <div class="space-y-10 flex flex-col">
<h1 class="h1 text-center"> <h1 class="h1 text-center">

View File

@@ -265,7 +265,7 @@ function handle_url_and_message(name: string, value: null|string) {
<section <section
class="container h-full mx-auto flex flex-col items-center space-y-4" class="ae_events_speakers md:container h-full mx-auto flex flex-col items-center space-y-4"
> >
{#if $ae_loc.ds.hub__page__events__create_info_header} {#if $ae_loc.ds.hub__page__events__create_info_header}

View File

@@ -326,12 +326,12 @@ async function handle_load_ae_obj_id__sponsorship({sponsorship_id, try_cache=fal
</script> </script>
<section class="container h-full mx-auto items-center"> <section class="ae_sponsorships md:container h-full mx-auto">
<div class="space-y-10 flex flex-col"> <div class="space-y-10 flex flex-col">
<h1 class="h1 text-center"> <h1 class="h1 text-center">
<!-- &AElig; - Sponsorships --> <!-- &AElig; - Sponsorships -->
Sponsor Hub Sponsors Hub
</h1> </h1>
<section> <section>
<button <button

View File

@@ -1468,7 +1468,7 @@ async function handle_update__sponsorship({
</div> </div>
<div class="space-y-2"> <div class="space-y-2">
<span class="input_required">Would you like a table top exhibit at CHOW?</span> <div class="font-bold input_required">Would you like a table top exhibit at CHOW?</div>
<label class="flex items-center space-x-2"> <label class="flex items-center space-x-2">
<input <input
class="radio variant-glass-warning" class="radio variant-glass-warning"
@@ -1495,7 +1495,7 @@ async function handle_update__sponsorship({
</div> </div>
<div class="space-y-2"> <div class="space-y-2">
Do you require power for your table top booth? <div class="font-bold">Do you require power for your table top booth?</div>
<label class="flex items-center space-x-2"> <label class="flex items-center space-x-2">
<input <input
class="radio" class="radio"
@@ -1546,7 +1546,7 @@ async function handle_update__sponsorship({
<h2 class="h3">Session Information</h2> <h2 class="h3">Session Information</h2>
<fieldset <fieldset
class="mb-8" class="mb-8 space-y-4"
class:hidden={$slct.sponsorship_obj.level_num < 4} class:hidden={$slct.sponsorship_obj.level_num < 4}
> >
<legend class="legend">Plenary Session</legend> <legend class="legend">Plenary Session</legend>
@@ -1554,9 +1554,9 @@ async function handle_update__sponsorship({
<div class="text-sm space-y-4"> <div class="text-sm space-y-4">
<p>Plenary sessions are available on a limited basis.</p> <p>Plenary sessions are available on a limited basis.</p>
<p>If you select "Yes", our CHOW Manager, TBD will review your selection and be in touch with more details.</p> <p>If you select "Yes", our CHOW Manager, Shannon Colbert will review your selection and be in touch with more details.</p>
</div> </div>
<div>Are you interested in hosting a CHOW plenary session?</div> <div class="font-bold">Are you interested in hosting a CHOW plenary session?</div>
<div class="space-y-2"> <div class="space-y-2">
<label class="flex items-center space-x-2"> <label class="flex items-center space-x-2">
<input <input
@@ -1583,14 +1583,13 @@ async function handle_update__sponsorship({
</label> </label>
</div> </div>
<div> <div class="space-y-4">
<div class="text-sm space-y-4"> <div class="text-sm space-y-4">
<p>As a Plenary Session Sponsor, you will have the opportunity to provide opening remarks during a CHOW plenary session. Opening remarks are typically between 3-5 minutes. Please contact TBD to confirm your plenary session and discuss logistics.</p> <p>As a Plenary Session Sponsor, you will have the opportunity to provide opening remarks during a CHOW plenary session. Opening remarks are typically between 3-5 minutes. Please contact Shannon Colbert to confirm your plenary session and discuss logistics.</p>
<p class="text-sm">If you select "Yes", our CHOW Manager, TBD will review your selection and be in touch with more details.</p> <p class="text-sm">If you select "Yes", our CHOW Manager, Shannon Colbert will review your selection and be in touch with more details.</p>
</div> </div>
<div class="font-bold">Are you interested in hosting the CHOW 2024 Opening Remarks at a Plenary Session?</div>
<div>Are you interested in hosting the CHOW 2024 Opening Plenary Session?</div>
<div class="space-y-2"> <div class="space-y-2">
<label class="flex items-center space-x-2"> <label class="flex items-center space-x-2">
<input <input
@@ -1620,7 +1619,7 @@ async function handle_update__sponsorship({
</fieldset> </fieldset>
<fieldset class="mb-8"> <fieldset class="mb-8 space-y-2">
<legend class="legend">Virtual Session</legend> <legend class="legend">Virtual Session</legend>
<div class="text-sm space-y-4"> <div class="text-sm space-y-4">
@@ -1628,9 +1627,9 @@ async function handle_update__sponsorship({
<p>Virtual sessions are available on a limited basis.</p> <p>Virtual sessions are available on a limited basis.</p>
<p>If you select "Yes", our CHOW Manager, TBD will review your selection and be in touch with more details. Once confirmed, a draft session form must be submitted by TBD DATE and a final session form must be submitted no later than TBD DATE.</p> <p>If you select "Yes", our CHOW Manager, Shannon Colbert will review your selection and be in touch with more details. Once confirmed, a draft session form must be submitted by Thursday, April 13 and a final session form must be submitted no later than Thursday, May 4.</p>
</div> </div>
<div>Are you interested in hosting a CHOW virtual session?</div> <div class="font-bold">Are you interested in hosting a CHOW virtual session?</div>
<div class="space-y-2"> <div class="space-y-2">
<label class="flex items-center space-x-2"> <label class="flex items-center space-x-2">
<input <input
@@ -1857,9 +1856,9 @@ async function handle_update__sponsorship({
<section class="gala_guests"> <section class="gala_guests">
<h2 class="h3">Gala Guests</h2> <h2 class="h3">Ocean Awards Gala Guests</h2>
<div class="text-sm space-y-4"> <div class="text-sm space-y-4">
<p>These are the guests that will be attending the gala. The maximum number is based on your currently selected sponsorship level.</p> <p>These are the guests that will be attending the Ocean Awards Gala. The maximum number is based on your currently selected sponsorship level.</p>
{#if $slct.sponsorship_obj.level_num == 0} {#if $slct.sponsorship_obj.level_num == 0}
<p class="variant-ghost-warning">Please select a sponsorship level before adding guests.</p> <p class="variant-ghost-warning">Please select a sponsorship level before adding guests.</p>
{:else} {:else}
@@ -1993,7 +1992,7 @@ async function handle_update__sponsorship({
</select> </select>
</label> </label>
<label for="guest_{index}_dietary" class="label max-w-64"> <label for="guest_{index}_dietary" class="label max-w-64">
<span class="text-sm">Dietary Restrictions</span> <span class="text-sm">Dietary Requirements</span>
<select <select
class="select text-xs" class="select text-xs"
id="guest_{index}_dietary" id="guest_{index}_dietary"
@@ -2008,7 +2007,7 @@ async function handle_update__sponsorship({
</select> </select>
</label> </label>
<label for="guest_{index}_comments" class="label max-w-64"> <label for="guest_{index}_comments" class="label max-w-64">
Additional information <span class="text-sm">Additional information</span>
<input <input
type="text" type="text"
class="input text-xs" class="input text-xs"

View File

@@ -265,7 +265,7 @@ function handle_url_and_message(name: string, value: null|string) {
<section <section
class="container h-full mx-auto flex flex-col items-center space-y-4" class="ae_sponsorships md:container h-full mx-auto flex flex-col items-center space-y-4"
> >
{#if $ae_loc.ds.hub__page__sponsorships__create_info_header} {#if $ae_loc.ds.hub__page__sponsorships__create_info_header}