From 7c0ce8278c73c9637c645a4e4ea78d31d8db69e6 Mon Sep 17 00:00:00 2001 From: 99TheDark <99TheDark@gmail.com> Date: Fri, 22 Sep 2023 11:18:20 -0700 Subject: [PATCH] Moved "Day in the Life" to programs --- about/index.html | 77 -------------------------------------------- about/style.css | 72 ----------------------------------------- programs/index.html | 78 +++++++++++++++++++++++++++++++++++++++++++++ programs/script.js | 26 +++++++-------- programs/style.css | 61 +++++++++++++++++++++++++++++++++-- 5 files changed, 149 insertions(+), 165 deletions(-) diff --git a/about/index.html b/about/index.html index f74928f..0c13cd5 100755 --- a/about/index.html +++ b/about/index.html @@ -91,83 +91,6 @@

How?

-

A Day in the Life of a Renegade

-
-

-     Each week of STEM camp will focus on a theme and each day our campers will explore this theme through a series of hands-on projects and guest speakers. There are also multiple recess times for active bodies, and opportunities for reflection. -

-

-     From the moment our club members arrive, they are surrounded by successful, smart, trailblazing role models who encourage them to pursue their love of science, exploration and building. We create a nurturing environment that focuses on building community. -

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
9:00AM - 10:00AM - Each day begins with a morning meeting and team building/social-emotional activities. It's an opportunity to build community by welcoming each other, discuss the daily projects and set goals. The first day, we get to know each other, set club rules, and become a team. -
10:00AM - 10:30AM - Campers begin their first project. -
10:30AM - 11:00AM - Morning recess. -
11:00AM - 12:00PM - Campers continue their first project, including extension activities for early finishers to take the learning deeper. -
12:00PM - 1:00PM - Lunch and midday recess. -
1:00PM - 2:30PM - Campers begin their second project. -
2:30PM - 3:00PM - Afternoon recess. -
3:00PM - 4:00PM - Independent project or project completion time, to give all campers an opportunity to finish what they started and explore any extension activities that interest them. Shorter projects, small and large group games, and open-workshop project time are available to adapt to each camper's individual interests and needs. -
4:00PM - 4:15PM - Clean up time. An important part of creating is keeping your workspace clean. All kids will be involved in creating a space welcoming and respectful of their fellow creators. -
4:15PM - 4:45PM - Closing Circle/Reflections. A time for Renegades who haven't been picked up yet to come together and ease into the end of the day. It's an opportunity to discuss challenges, support each other, and look to the next day together. -
4:45PM - 5:00PM - Pick up. -
-
diff --git a/about/style.css b/about/style.css index a8916f7..d9ac373 100755 --- a/about/style.css +++ b/about/style.css @@ -45,78 +45,6 @@ position: relative; } -#aditl { - display: block; - text-align: center; - font-size: 2.7em; - font-family: "Poppins", sans-serif; - margin-top: 8rem; -} - -#aditl::before { - content: ""; - position: absolute; - left: 5vw; - padding: 0px; - margin: 0px; - width: 90vw; - height: 0px; - text-align: center; - border: 2px solid var(--i); - border-radius: 5px; - margin-top: -5rem; -} - -#day { - font-family: "Comme", sans-serif; - margin-left: 12rem; - margin-right: 12rem; - font-size: 1.1em; -} - -#schedule { - margin-top: 3rem; - border-spacing: 0px; - border-radius: 10px; -} - -table { - border: 1px solid black; -} - -.timing { - width: 20%; - padding-left: 30px; - margin: 0px; - height: 80px; - border-right: 1px solid black; -} - -.activity { - padding-left: 20px; - padding-right: 40px; -} - -tr:first-child > td:first-child { - border-top-left-radius: 10px; -} - -tr:first-child > td:last-child { - border-top-right-radius: 10px; -} - -tr:last-child > td:first-child { - border-bottom-left-radius: 10px; -} - -tr:last-child > td:last-child { - border-bottom-right-radius: 10px; -} - -tr:nth-child(odd) { - background-color: var(--l); -} - @media (max-width: 900px) { .question { font-size: 11px; diff --git a/programs/index.html b/programs/index.html index ba8494d..58bcc14 100755 --- a/programs/index.html +++ b/programs/index.html @@ -40,6 +40,84 @@
+ +

A Day in the Life of a Renegade

+
+

+     Each week of STEM camp will focus on a theme and each day our campers will explore this theme through a series of hands-on projects and guest speakers. There are also multiple recess times for active bodies, and opportunities for reflection. +

+

+     From the moment our club members arrive, they are surrounded by successful, smart, trailblazing role models who encourage them to pursue their love of science, exploration and building. We create a nurturing environment that focuses on building community. +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
9:00AM - 10:00AM + Each day begins with a morning meeting and team building/social-emotional activities. It's an opportunity to build community by welcoming each other, discuss the daily projects and set goals. The first day, we get to know each other, set club rules, and become a team. +
10:00AM - 10:30AM + Campers begin their first project. +
10:30AM - 11:00AM + Morning recess. +
11:00AM - 12:00PM + Campers continue their first project, including extension activities for early finishers to take the learning deeper. +
12:00PM - 1:00PM + Lunch and midday recess. +
1:00PM - 2:30PM + Campers begin their second project. +
2:30PM - 3:00PM + Afternoon recess. +
3:00PM - 4:00PM + Independent project or project completion time, to give all campers an opportunity to finish what they started and explore any extension activities that interest them. Shorter projects, small and large group games, and open-workshop project time are available to adapt to each camper's individual interests and needs. +
4:00PM - 4:15PM + Clean up time. An important part of creating is keeping your workspace clean. All kids will be involved in creating a space welcoming and respectful of their fellow creators. +
4:15PM - 4:45PM + Closing Circle/Reflections. A time for Renegades who haven't been picked up yet to come together and ease into the end of the day. It's an opportunity to discuss challenges, support each other, and look to the next day together. +
4:45PM - 5:00PM + Pick up. +
+
diff --git a/programs/script.js b/programs/script.js index 8381983..4feff23 100755 --- a/programs/script.js +++ b/programs/script.js @@ -1,9 +1,9 @@ -fetch(`${location.origin}/api/programs/`) +fetch(`${ location.origin }/api/programs/`) .then(data => data.json()) .then(json => generatePrograms(json)) -const displayMonths = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]; -const displayDays = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]; +const displayMonths = [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ]; +const displayDays = [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ]; const dateSettings = { timeZone: "America/Los_Angeles", @@ -21,7 +21,7 @@ function spotText(spots) { if(spots == 0) { return "Sold out!"; } else if(spots <= 3) { - return `Only ${spots} spot${spots == 1 ? "" : "s"} left!`; + return `Only ${ spots } spot${ spots == 1 ? "" : "s" } left!`; } else { return ""; } @@ -31,8 +31,6 @@ function generatePrograms(json) { const programs = document.getElementById("programs"); if(json.series.length != 0) programs.hidden = false; - console.log(json.series); - json.series.forEach(program => { const location = program.location_series.location.name; const neighborhood = program.location_series.location.neighborhood; @@ -53,28 +51,28 @@ function generatePrograms(json) { programs.innerHTML += `

  • - ${displayMonths[startTime.getMonth()]} ${startTime.getDate()}–${endTime.getDate()} + ${ displayMonths[ startTime.getMonth() ] } ${ startTime.getDate() }–${ endTime.getDate() }

    - ${displayDays[startTime.getDay()]}–${displayDays[endTime.getDay()]}, ${time(startTime)}–${time(endTime)} + ${ displayDays[ startTime.getDay() ] }–${ displayDays[ endTime.getDay() ] }, ${ time(startTime) }–${ time(endTime) }

    - ${ageMin} to ${ageMax} years olds + ${ ageMin } to ${ ageMax } years olds

    - - ${title} + + ${ title }

    - @ ${location} (${neighborhood}) + @ ${ location } (${ neighborhood })

    - $${price} + $${ price }

    - ${spotText(spots)} + ${ spotText(spots) }

    • `; }); diff --git a/programs/style.css b/programs/style.css index ea79754..50ceabc 100755 --- a/programs/style.css +++ b/programs/style.css @@ -4,7 +4,7 @@ } #programs { - margin: 4rem 10rem 4rem 10rem; + margin: 4rem 10rem 2rem 10rem; padding: 3rem 0px 0px 0px; border-radius: 7px; filter: drop-shadow(0px 3px 3px #00000037); @@ -13,7 +13,6 @@ .program { list-style-type: none; - border-top: 2px solid var(--i); display: flex; flex-direction: row; padding-top: 1.5rem; @@ -79,4 +78,62 @@ margin-left: auto; margin-right: 5rem; color: var(--m); +} + +#aditl { + display: block; + text-align: center; + font-size: 2.7em; + margin-top: 4rem; + font-family: "Poppins", sans-serif; +} + +#day { + font-family: "Comme", sans-serif; + margin-left: 12rem; + margin-right: 12rem; + font-size: 1.1em; +} + +#schedule { + margin-top: 3rem; + border-spacing: 0px; + border-radius: 10px; +} + +table { + border: 1px solid black; +} + +.timing { + width: 20%; + padding-left: 30px; + margin: 0px; + height: 80px; + border-right: 1px solid black; +} + +.activity { + padding-left: 20px; + padding-right: 40px; +} + +tr:first-child > td:first-child { + border-top-left-radius: 10px; +} + +tr:first-child > td:last-child { + border-top-right-radius: 10px; +} + +tr:last-child > td:first-child { + border-bottom-left-radius: 10px; +} + +tr:last-child > td:last-child { + border-bottom-right-radius: 10px; +} + +tr:nth-child(odd) { + background-color: var(--l); } \ No newline at end of file