From 5bf677720feb2acd60f86459a912f3077d4f6973 Mon Sep 17 00:00:00 2001 From: Noah Kim Date: Tue, 29 Oct 2024 14:26:50 -0700 Subject: [PATCH] Add characters --- .../src/assets/images/resources-birds.svg | 10 ++ .../assets/images/resources-hammerhead.svg | 5 + .../images/resources-palm-tree-shade.png | Bin 0 -> 11119 bytes .../src/assets/images/resources-palm-tree.png | Bin 0 -> 16044 bytes apps/site/src/views/Resources/Resources.tsx | 2 + .../sections/Figures/Figures.module.scss | 95 ++++++++++++++++++ .../Resources/sections/Figures/Figures.tsx | 38 +++++++ .../sections/Landing/Landing.module.scss | 12 ++- 8 files changed, 160 insertions(+), 2 deletions(-) create mode 100644 apps/site/src/assets/images/resources-birds.svg create mode 100644 apps/site/src/assets/images/resources-hammerhead.svg create mode 100644 apps/site/src/assets/images/resources-palm-tree-shade.png create mode 100644 apps/site/src/assets/images/resources-palm-tree.png create mode 100644 apps/site/src/views/Resources/sections/Figures/Figures.module.scss create mode 100644 apps/site/src/views/Resources/sections/Figures/Figures.tsx diff --git a/apps/site/src/assets/images/resources-birds.svg b/apps/site/src/assets/images/resources-birds.svg new file mode 100644 index 00000000..b0637d13 --- /dev/null +++ b/apps/site/src/assets/images/resources-birds.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/apps/site/src/assets/images/resources-hammerhead.svg b/apps/site/src/assets/images/resources-hammerhead.svg new file mode 100644 index 00000000..9f6e8c41 --- /dev/null +++ b/apps/site/src/assets/images/resources-hammerhead.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/apps/site/src/assets/images/resources-palm-tree-shade.png b/apps/site/src/assets/images/resources-palm-tree-shade.png new file mode 100644 index 0000000000000000000000000000000000000000..e08c4146418441a30fc2a63881f136ee8dbfd8c7 GIT binary patch literal 11119 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 OLq$PTzEbv0=>G@oxQopI literal 0 HcmV?d00001 diff --git a/apps/site/src/views/Resources/Resources.tsx b/apps/site/src/views/Resources/Resources.tsx index 26980b28..6adf7cc5 100644 --- a/apps/site/src/views/Resources/Resources.tsx +++ b/apps/site/src/views/Resources/Resources.tsx @@ -1,4 +1,5 @@ import styles from "./Resources.module.scss"; +import Figures from "./sections/Figures/Figures" import Landing from "./sections/Landing/Landing"; import ApiResources from "./sections/ApiResources/ApiResources"; import BackendResources from "./sections/BackendResources/BackendResources"; @@ -8,6 +9,7 @@ import StarterPacks from "./sections/StarterPacks/StarterPacks"; export default function Resources() { return (
+ diff --git a/apps/site/src/views/Resources/sections/Figures/Figures.module.scss b/apps/site/src/views/Resources/sections/Figures/Figures.module.scss new file mode 100644 index 00000000..7894ca84 --- /dev/null +++ b/apps/site/src/views/Resources/sections/Figures/Figures.module.scss @@ -0,0 +1,95 @@ +@use "bootstrap-utils" as bootstrap; + +.hammerhead { + position: absolute; + visibility: hidden; + transform: translateY(10vh); +} + +.birds { + position: absolute; + visibility: hidden; + width: 275px; +} + +.palmTree { + position: absolute; + right: 0; + transform: translateY(90vh); + width: 30vw; + + z-index: 2; + visibility: hidden; + height: auto; +} + +.palmTreeShade { + position: absolute; + right: 0; + transform: translateY(calc(100vh + 50%)); + width: 30vw; + + z-index: 1; + visibility: hidden; + height: auto; +} + +@include bootstrap.media-breakpoint-up(md) { + .palmTree { + visibility: visible; + } + + .palmTreeShade { + visibility: visible; + } +} + +@include bootstrap.media-breakpoint-up(lg) { + .hammerhead { + visibility: visible; + left: 5vh; + } + + .birds { + visibility: visible; + right: 2vh; + } + + .palmTree { + visibility: visible; + } + + .palmTreeShade { + visibility: visible; + } +} + +@media (min-width: 1200px) { + .hammerhead { + left: 10vh; + } + + .birds { + right: 10vh; + } + + .palmTree { + transform: translateY(75vh); + width: 20vw; + } + + .palmTreeShade { + transform: translateY(calc(80vh + 50%)); + width: 20vw; + } +} + +@media (min-width: 1600px) { + .hammerhead { + left: 20vh; + } + + .birds { + right: 20vh; + } +} diff --git a/apps/site/src/views/Resources/sections/Figures/Figures.tsx b/apps/site/src/views/Resources/sections/Figures/Figures.tsx new file mode 100644 index 00000000..fa3c58d0 --- /dev/null +++ b/apps/site/src/views/Resources/sections/Figures/Figures.tsx @@ -0,0 +1,38 @@ +"use client"; + +import Image from "next/image"; + +import { motion } from "framer-motion"; + +import palmTree from "@/assets/images/resources-palm-tree.png"; +import palmTreeShade from "@/assets/images/resources-palm-tree-shade.png"; +import hammerhead from "@/assets/images/resources-hammerhead.svg"; +import birds from "@/assets/images/resources-birds.svg"; + +import styles from "./Figures.module.scss"; + +export default function Figures() { + return ( +
+ + Hammerhead shark swimming in water + + Birds flying above water + Palm tree shadow + Palm tree + +
+ ); +} diff --git a/apps/site/src/views/Resources/sections/Landing/Landing.module.scss b/apps/site/src/views/Resources/sections/Landing/Landing.module.scss index 51859126..cf978007 100644 --- a/apps/site/src/views/Resources/sections/Landing/Landing.module.scss +++ b/apps/site/src/views/Resources/sections/Landing/Landing.module.scss @@ -1,4 +1,4 @@ -@use "bootstrap-utils" as utils; +@use "bootstrap-utils" as bootstrap; .landing { display: flex; @@ -9,8 +9,16 @@ margin-top: 15vh; margin-bottom: 5vh; text-align: left; + } .title { - width: 75%; + width: 60%; } + +@include bootstrap.media-breakpoint-up(lg) { + .landing { + margin-top: 40vh; + margin-bottom: 40vh; + } +} \ No newline at end of file