2021-05-16 03:22:06 -04:00
|
|
|
import {
|
|
|
|
|
MiniEventCardDemo,
|
|
|
|
|
NewsCardDemo,
|
|
|
|
|
EventDescriptionCardDemo,
|
|
|
|
|
} from "../components/playground";
|
2021-04-26 19:16:55 -04:00
|
|
|
|
2021-05-19 14:10:22 -04:00
|
|
|
import { TeamMemberCard } from "../components/TeamMemberCard";
|
|
|
|
|
|
2021-04-26 19:16:55 -04:00
|
|
|
# Playground
|
|
|
|
|
|
2021-05-12 00:34:49 -04:00
|
|
|
## `<MiniEventCard />`
|
2021-04-26 19:16:55 -04:00
|
|
|
|
2021-05-19 14:10:22 -04:00
|
|
|
The `<MiniEventCard />` component has a collapsible description, and it is used
|
2021-05-16 03:22:06 -04:00
|
|
|
on the events page. It uses the `<details>` tag and works without JS!
|
2021-04-26 19:16:55 -04:00
|
|
|
|
2021-05-14 04:03:26 -04:00
|
|
|
<MiniEventCardDemo />
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
## `<NewsCard />`
|
|
|
|
|
|
|
|
|
|
unavailable
|
|
|
|
|
|
2021-05-16 03:22:06 -04:00
|
|
|
<NewsCardDemo />
|
|
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
## `<EventDescriptionCard />`
|
|
|
|
|
|
|
|
|
|
The `<EventDescriptionCard />` component is used on the home page, and uses the
|
|
|
|
|
`<Button />` and `<EventSetting />` components.
|
|
|
|
|
|
|
|
|
|
<EventDescriptionCardDemo />
|
|
|
|
|
|
|
|
|
|
---
|
2021-05-19 14:10:22 -04:00
|
|
|
|
|
|
|
|
## `<TeamMemberCard />`
|
|
|
|
|
|
|
|
|
|
The `<TeamMemberCard />` component is used on the "Meet the Team!" page to
|
|
|
|
|
display information about the execs: prez, VP, trez, AVP, and syscom overlord.
|
|
|
|
|
|
|
|
|
|
<TeamMemberCard name="Codey" role="Mascot">
|
|
|
|
|
The one, the only, Codey! Codey is ecstatic to be your mascot for this term.
|
|
|
|
|
Codey loves programming and playing on their laptop. You can often find Codey
|
|
|
|
|
posing for event promo graphics, or chilling in the CSC discord.
|
|
|
|
|
</TeamMemberCard>
|
|
|
|
|
|
|
|
|
|
---
|
