diff --git a/src/components/Schedule.astro b/src/components/Schedule.astro index 780aafe..46ec828 100644 --- a/src/components/Schedule.astro +++ b/src/components/Schedule.astro @@ -1,4 +1,13 @@ +--- +import { Image } from 'astro:assets'; +import shapesLeft from '../graphics/shapes_twirl_1.svg'; +import shapesRight from '../graphics/shapes_sparkle_1.svg'; +--- +
+ + +

SCHEDULE

1 day, but countless possibilities

@@ -135,4 +144,34 @@ border-collapse: collapse; } } + + .shape-left { + $offset: 200px; + + position: absolute; + top: 100px; + left: -$offset; + z-index: -1; + display: none; + transform: translateX(clamp(0px, 15vw, $offset)); + + @media (min-width: breakpoints.$tablet) { + display: block; + } + } + + .shape-right { + $offset: 100px; + + position: absolute; + top: 150px; + right: -$offset; + z-index: -1; + display: none; + transform: translateX(clamp(#{-$offset}, -15vw, 0px)); + + @media (min-width: breakpoints.$tablet) { + display: block; + } + }