From fa4ec12a04721eb0594028dbf8f73900f92f3985 Mon Sep 17 00:00:00 2001 From: elisejakob Date: Mon, 13 May 2024 00:13:54 +0200 Subject: [PATCH] mooore pigs --- web/src/components/events/EventHeader.tsx | 2 +- .../components/events/eventHeader.module.scss | 7 +- web/src/components/general/Pig.tsx | 32 +++++++- web/src/components/general/pigs/ChillPig.tsx | 62 ++++++++++++++ web/src/components/general/pigs/DancePig.tsx | 46 +++++++++++ web/src/components/general/pigs/DrinkPig.tsx | 50 +++++++++++ web/src/components/general/pigs/GuardPig.tsx | 82 +++++++++++++++++++ web/src/components/general/pigs/KeyPig.tsx | 50 +++++++++++ web/src/components/general/pigs/ListenPig.tsx | 50 +++++++++++ web/src/components/general/pigs/MusicPig.tsx | 62 ++++++++++++++ web/src/components/general/pigs/PeekPig.tsx | 42 ++++++++++ web/src/components/general/pigs/PointPig.tsx | 62 ++++++++++++++ .../components/general/pigs/StudentPig.tsx | 54 ++++++++++++ 13 files changed, 596 insertions(+), 5 deletions(-) create mode 100644 web/src/components/general/pigs/ChillPig.tsx create mode 100644 web/src/components/general/pigs/DancePig.tsx create mode 100644 web/src/components/general/pigs/DrinkPig.tsx create mode 100644 web/src/components/general/pigs/GuardPig.tsx create mode 100644 web/src/components/general/pigs/KeyPig.tsx create mode 100644 web/src/components/general/pigs/ListenPig.tsx create mode 100644 web/src/components/general/pigs/MusicPig.tsx create mode 100644 web/src/components/general/pigs/PeekPig.tsx create mode 100644 web/src/components/general/pigs/PointPig.tsx create mode 100644 web/src/components/general/pigs/StudentPig.tsx diff --git a/web/src/components/events/EventHeader.tsx b/web/src/components/events/EventHeader.tsx index bf3faff..b091181 100644 --- a/web/src/components/events/EventHeader.tsx +++ b/web/src/components/events/EventHeader.tsx @@ -27,7 +27,7 @@ export const EventHeader = ({ event }: { event: EventFragment }) => { /> )}
- +
diff --git a/web/src/components/events/eventHeader.module.scss b/web/src/components/events/eventHeader.module.scss index a709789..fa8e5a9 100644 --- a/web/src/components/events/eventHeader.module.scss +++ b/web/src/components/events/eventHeader.module.scss @@ -26,7 +26,12 @@ .pig { position: absolute; - bottom: -30%; + bottom: 0; right: -2.5rem; + transform: translateY(50%); color: var(--color-white); + + >div { + width: 30vw; + } } \ No newline at end of file diff --git a/web/src/components/general/Pig.tsx b/web/src/components/general/Pig.tsx index f8b9230..12543ad 100644 --- a/web/src/components/general/Pig.tsx +++ b/web/src/components/general/Pig.tsx @@ -1,5 +1,15 @@ import styles from "./pig.module.scss"; +import { ChillPig } from "./pigs/ChillPig"; +import { DancePig } from "./pigs/DancePig"; +import { DrinkPig } from "./pigs/DrinkPig"; +import { GuardPig } from "./pigs/GuardPig"; +import { KeyPig } from "./pigs/KeyPig"; +import { ListenPig } from "./pigs/ListenPig"; import { LogoPig } from "./pigs/LogoPig"; +import { MusicPig } from "./pigs/MusicPig"; +import { PeekPig } from "./pigs/PeekPig"; +import { PointPig } from "./pigs/PointPig"; +import { StudentPig } from "./pigs/StudentPig"; export const Pig = ({ type, @@ -7,13 +17,29 @@ export const Pig = ({ type: | "logo" | "music" + | "drink" + | "dance" | "point" | "student" - | "dance" | "listen" - | "drink" | "guard" + | "key" + | "chill" | "peek"; }) => { - return
{type === "logo" && }
; + return ( +
+ {type === "logo" && } + {type === "music" && } + {type === "drink" && } + {type === "dance" && } + {type === "point" && } + {type === "student" && } + {type === "listen" && } + {type === "guard" && } + {type === "key" && } + {type === "chill" && } + {type === "peek" && } +
+ ); }; diff --git a/web/src/components/general/pigs/ChillPig.tsx b/web/src/components/general/pigs/ChillPig.tsx new file mode 100644 index 0000000..1bd1ea2 --- /dev/null +++ b/web/src/components/general/pigs/ChillPig.tsx @@ -0,0 +1,62 @@ +export const ChillPig = () => { + return ( + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/web/src/components/general/pigs/DancePig.tsx b/web/src/components/general/pigs/DancePig.tsx new file mode 100644 index 0000000..6263f80 --- /dev/null +++ b/web/src/components/general/pigs/DancePig.tsx @@ -0,0 +1,46 @@ +export const DancePig = () => { + return ( + + + + + + + + + + + + + + + + + ); +}; diff --git a/web/src/components/general/pigs/DrinkPig.tsx b/web/src/components/general/pigs/DrinkPig.tsx new file mode 100644 index 0000000..382e49b --- /dev/null +++ b/web/src/components/general/pigs/DrinkPig.tsx @@ -0,0 +1,50 @@ +export const DrinkPig = () => { + return ( + + + + + + + + + + + + + + + + + + ); +}; diff --git a/web/src/components/general/pigs/GuardPig.tsx b/web/src/components/general/pigs/GuardPig.tsx new file mode 100644 index 0000000..3fe4df3 --- /dev/null +++ b/web/src/components/general/pigs/GuardPig.tsx @@ -0,0 +1,82 @@ +export const GuardPig = () => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/web/src/components/general/pigs/KeyPig.tsx b/web/src/components/general/pigs/KeyPig.tsx new file mode 100644 index 0000000..6cb96aa --- /dev/null +++ b/web/src/components/general/pigs/KeyPig.tsx @@ -0,0 +1,50 @@ +export const KeyPig = () => { + return ( + + + + + + + + + + + + + + + + + + ); +}; diff --git a/web/src/components/general/pigs/ListenPig.tsx b/web/src/components/general/pigs/ListenPig.tsx new file mode 100644 index 0000000..0d7354b --- /dev/null +++ b/web/src/components/general/pigs/ListenPig.tsx @@ -0,0 +1,50 @@ +export const ListenPig = () => { + return ( + + + + + + + + + + + + + + + + + + ); +}; diff --git a/web/src/components/general/pigs/MusicPig.tsx b/web/src/components/general/pigs/MusicPig.tsx new file mode 100644 index 0000000..641acc2 --- /dev/null +++ b/web/src/components/general/pigs/MusicPig.tsx @@ -0,0 +1,62 @@ +export const MusicPig = () => { + return ( + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/web/src/components/general/pigs/PeekPig.tsx b/web/src/components/general/pigs/PeekPig.tsx new file mode 100644 index 0000000..363d5b6 --- /dev/null +++ b/web/src/components/general/pigs/PeekPig.tsx @@ -0,0 +1,42 @@ +export const PeekPig = () => { + return ( + + + + + + + + + + + + + + + + ); +}; diff --git a/web/src/components/general/pigs/PointPig.tsx b/web/src/components/general/pigs/PointPig.tsx new file mode 100644 index 0000000..65f694a --- /dev/null +++ b/web/src/components/general/pigs/PointPig.tsx @@ -0,0 +1,62 @@ +export const PointPig = () => { + return ( + + + + + + + + + + + + + + + + + + + + + ); +}; diff --git a/web/src/components/general/pigs/StudentPig.tsx b/web/src/components/general/pigs/StudentPig.tsx new file mode 100644 index 0000000..4d47185 --- /dev/null +++ b/web/src/components/general/pigs/StudentPig.tsx @@ -0,0 +1,54 @@ +export const StudentPig = () => { + return ( + + + + + + + + + + + + + + + + + + + ); +};