www
/
cs-2022-class-profile
16
0
Fork 0
Code Issues 11 Pull Requests 1 Projects Releases Wiki Activity

Add Intimacy and Drugs page (Closes #57) #103

Merged
e26chiu merged 19 commits from intimacy-drugs-page into main 2022-12-15 20:38:59 -05:00
Conversation 0 Commits 19 Files Changed 16 +725 -28
16 changed files with 725 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/BottomNav.module.css
View File

@ -10,6 +10,10 @@
display: inline-block;
}
.leftItem {
text-align: right;
}
.item {
color: var(--primary-text);
font-size: calc(28rem / 16);

4
components/BottomNav.tsx
View File

@ -31,7 +31,9 @@ export function BottomNav(props: PagesInfo) {
</a>
</Link>
<Link href={props.leftPage.url}>
<a className={styles.item}>{props.leftPage.name}</a>
<a className={styles.item + " " + styles.leftItem}>
{props.leftPage.name}
</a>
</Link>
</div>
) : null}

10
components/ComponentWrapper.module.css
View File

@ -32,6 +32,7 @@
}
.wrapperCenter {
composes: sideWrapperCommon;
flex-direction: column;
text-align: center;
gap: calc(25rem / 16);
@ -40,9 +41,14 @@
0px top margin, since h3 contributes 45px and internal wrapper contributes 20px for the center component
*/
margin: 0 0 calc(45rem / 16) 0;
align-self: center;
padding: 0 15%;
}
.wrapperCenter .internalWrapper {
margin: auto;
}
.wrapperNoBodyText {
flex-direction: column;
}
@ -61,6 +67,10 @@
width: 100%;
}
.wrapperCenter .internalWrapper {
margin: initial;
}
.wrapperCenter {
padding: 0;
}

1
components/QuotationCarousel.module.css
View File

@ -4,6 +4,7 @@
justify-content: space-between;
align-items: center;
gap: calc(8rem / 16);
margin: auto;
}
.circle {

10
components/QuotationCarousel.tsx
View File

@ -12,6 +12,8 @@ interface QuotationCarouselProps {
/** Diameter of the background circles, in px. Set to 0 for no circles. */
circleDiameter?: number;
className?: string;
/** Minimum width of the graph. */
minWidth?: number;
}
interface CarouselButtonProps {
@ -25,9 +27,10 @@ export function QuotationCarousel(props: QuotationCarouselProps) {
width = 600,
height = 100,
circleDiameter = 120,
minWidth = 600,
className,
} = props;
const actualWidth = width < minWidth ? minWidth : width;
const [activeIdx, setActiveIdx] = useState(0);
function showNextCard() {
@ -43,7 +46,10 @@ export function QuotationCarousel(props: QuotationCarouselProps) {
className={
className ? `${className} ${styles.carousel}` : styles.carousel
}
style={{ width: `${width / 16}rem`, minHeight: `${height / 16}rem` }}
style={{
width: `${actualWidth / 16}rem`,
minHeight: `${height / 16}rem`,
}}
>
<Circle className={styles.circle} diameter={circleDiameter} />
<Circle

2
components/SectionHeader.module.css
View File

@ -10,7 +10,7 @@
color: var(--primary-accent-light);
font-size: calc(70rem / 16);
margin: calc(40rem / 16) auto;
word-break: break-all;
word-break: break-word;
}
.subTitle {

7
components/SectionWrapper.module.css
View File

@ -2,3 +2,10 @@
color: var(--primary-heading);
padding-left: 4rem;
}
@media screen and (max-width: 900px) {
.sectionWrapper h2 {
text-align: center;
padding-left: 0;
}
}

30
data/friends.ts
View File

@ -44,7 +44,7 @@ export const F1 = [
export const F2 = [
{
category: "Introvert",
value: 53,
value: 51,
},
{
category: "Extrovert",
@ -52,7 +52,7 @@ export const F2 = [
},
{
category: "Ambivert",
value: 39,
value: 38,
},
];
@ -82,15 +82,15 @@ export const F3 = [
export const F4 = [
{
category: "Rarely",
value: 21,
value: 20,
},
{
category: "Sometimes",
value: 33,
value: 32,
},
{
category: "Often",
value: 34,
value: 33,
},
{
category: "Always",
@ -136,7 +136,7 @@ export const F6 = [
},
{
category: "Rarely",
value: 38,
value: 37,
},
{
category: "Never",
@ -151,11 +151,11 @@ export const F6 = [
export const F7 = [
{
category: "Often",
value: 36,
value: 35,
},
{
category: "Sometimes",
value: 35,
value: 34,
},
{
category: "Rarely",
@ -304,6 +304,10 @@ export const F11 = [
];
export const F12 = [
{
category: "All",
value: 4,
},
{
category: "Most",
value: 41,
@ -312,10 +316,6 @@ export const F12 = [
category: "Some",
value: 49,
},
{
category: "All",
value: 4,
},
{
category: "Barely",
value: 8,
@ -466,11 +466,11 @@ export const F15 = [
export const F16 = [
{
category: "Most",
value: 49,
value: 48,
},
{
category: "Some",
value: 36,
value: 35,
},
{
category: "All",
@ -484,4 +484,4 @@ export const F16 = [
category: "No",
value: 2,
},
];
];

430
data/intimacy-and-drugs.ts Normal file
View File

@ -0,0 +1,430 @@
export const I1 = [
{
category: "Held hands romantically",
values: {
"Experienced first before university": 55,
"Experienced first during university": 21,
},
},
{
category: "Been on a date",
values: {
"Experienced first before university": 50,
"Experienced first during university": 30,
},
},
{
category: "Kissed someone romantically",
values: {
"Experienced first before university": 47,
"Experienced first during university": 27,
},
},
{
category: "Been in a committed relationship",
values: {
"Experienced first before university": 41,
"Experienced first during university": 29,
},
},
{
category: "Been in a long distance relationship",
values: {
"Experienced first before university": 14,
"Experienced first during university": 42,
},
},
{
category: "Had friends with benefits",
values: {
"Experienced first before university": 12,
"Experienced first during university": 20,
},
},
{
category: "Sent/received nudes",
values: {
"Experienced first before university": 23,
"Experienced first during university": 17,
},
},
{
category: "Given/received oral sex",
values: {
"Experienced first before university": 30,
"Experienced first during university": 29,
},
},
{
category: "Engaged in sexual intercourse",
values: {
"Experienced first before university": 20,
"Experienced first during university": 33,
},
},
{
category: "Engaged in casual sex",
values: {
"Experienced first before university": 21,
"Experienced first during university": 8,
},
},
{
category: "Had sex with 2+ people at same time",
values: {
"Experienced first before university": 1,
"Experienced first during university": 3,
},
},
];
export const I2 = [
{
category: "Caffeine",
values: {
"Tried/used first before university": 80,
"Tried/used first during university": 9,
},
},
{
category: "Alcohol",
values: {
"Tried/used first before university": 63,
"Tried/used first during university": 22,
},
},
{
category: "Marijuana",
values: {
"Tried/used first before university": 43,
"Tried/used first during university": 15,
},
},
{
category: "Nicotine (Vaping)",
values: {
"Tried/used first before university": 16,
"Tried/used first during university": 7,
},
},
{
category: "Nicotine (Other)",
values: {
"Tried/used first before university": 12,
"Tried/used first during university": 1,
},
},
{
category: "Cigarettes",
values: {
"Tried/used first before university": 12,
"Tried/used first during university": 5,
},
},
{
category: "Adderall/Ritalin",
values: {
"Tried/used first before university": 5,
"Tried/used first during university": 1,
},
},
{
category: "Mushrooms",
values: {
"Tried/used first before university": 0,
"Tried/used first during university": 10,
},
},
{
category: "LSD",
values: {
"Tried/used first before university": 0,
"Tried/used first during university": 6,
},
},
{
category: "Cocaine",
values: {
"Tried/used first before university": 0,
"Tried/used first during university": 5,
},
},
{
category: "Ecstasy",
values: {
"Tried/used first before university": 0,
"Tried/used first during university": 5,
},
},
{
category: "Other",
values: {
"Tried/used first before university": 1,
"Tried/used first during university": 4,
},
},
];
export const I3 = [
{
category: "0",
value: 29,
},
{
category: "1",
value: 39,
},
{
category: "2",
value: 16,
},
{
category: "3",
value: 7,
},
{
category: "4",
value: 1,
},
{
category: "5",
value: 3,
},
];
export const I4 = [
{
category: "0",
value: 29,
},
{
category: "1",
value: 29,
},
{
category: "2",
value: 14,
},
{
category: "3",
value: 8,
},
{
category: "4",
value: 3,
},
{
category: "5",
value: 1,
},
{
category: "6",
value: 2,
},
{
category: "8",
value: 2,
},
{
category: "11",
value: 1,
},
{
category: "20",
value: 1,
},
{
category: "50",
value: 1,
},
{
category: "120",
value: 1,
},
];
export const I5 = [
{
category: "No",
value: 85,
},
{
category: "Yes",
value: 15,
},
];
export const I6 = [
{
category: "No",
value: 73,
},
{
category: "Yes",
value: 27,
},
];
export const I6i = [
{
category: "No",
value: 60,
},
{
category: "Yes",
value: 40,
},
];
export const I7 = [
{
category: "No",
value: 37,
},
{
category: "Yes",
value: 36,
},
{
category: "N/A",
value: 24,
},
];
export const I8 = [
{
category: "No",
value: 51,
},
{
category: "Yes",
value: 44,
},
{
category: "It's complicated",
value: 3,
},
];
export const I8i = [
{
category: "No",
value: 15,
},
{
category: "Yes",
value: 25,
},
{
category: "Unsure",
value: 9,
},
];
export const I9 = [
"Talk to one another. Communication is the one thing that makes or breaks your relationship and you have to learn how to properly get to the root of your problems. Sometimes resolving a problem means really understanding what your partner is worried about. Also, learn each others' core values. This is very important for long term relationships",
"It's drastically changed. I feel like when I was first entering university, I was really obsessed with the idea of being in a relationship it felt like if I couldn't get in one, then that meant that I was undesirable/unlovable. This is obviously not the case. Being in a relationship just means you have a higher degree of dedication and commitment to someone, and you don't always have to date with the intention to marry them/be with them forever. If it's fun now, and you're being responsible, go for it!",
"Communication is key! Minor inconveniences to help the other can go a very long way.",
"I took a course on dating but am failing the course",
"they're a part-time job",
"Relationships take a lot of work, but they're worth it with the right people.",
"Umm",
"It takes a lot of work and patience",
"My understanding of dating and relationships got a lot more detailed. The reality takes a lot more work and emotional maturity.",
"I stopped simping",
"I didn't know that soul mates exist, but I guess I do now.",
"Learning to co-exist intimately with (an)other human being(s) is almost always difficult. However, if you can make it work, it is absolutely worth it.",
"I have become lost in the sauce",
"nill",
"Co-dependency is bad",
"Relationships are very difficult to maintain, and are a lottttt of work",
"Relationships do not solve all your problems",
"Much deeper understanding ",
"Communication is the most important things in a relationship. You gotta figure out how to get to the root of a problem in order to truly tackle it. Sometimes what people say isn't what they're actually concerned about. Also, people often don't understand you and they don't understand themselves.",
"I know I am not yet wanting to be in a relationship.",
"Hasnt",
"I've changed. ",
"tbh it hasnt",
"I've become more understanding/open to long-distance relationships, especially after graduation since me and my partner are not living in the same city",
"I now understand relationships are different for everyone, and that there isn't a particular way to be in a relationship. As long as you are happy in your relationship, it is good for you and works for you.",
"Communication is very important",
"I'm still a mega virgin",
"Completely",
"I asked a girl out for the first time! I feel like I know more about what I don't know when it comes to relationships and dating, and feel more confident than before about social situations in general.",
"As someone who's been rejected and rejected, it's fine to just be single",
"dfgdfgdfg",
"People change",
"More casual now polyamorous.",
"How others treat me, how I treat others.",
"yes",
"I've developed a more realistic expectation and now value someone I am comfortable with and can depend on more.",
"You shouldn't depend on it to make you happy, your worth should come from other places too",
"I'm more indifferent now",
"a lot",
"lots of people are very immature/inexperienced/not self aware",
"It's not like the movies.",
"Didn't change",
"Having compatible lifestyles and interests is very important.",
"I'd really like to be in a relationship",
"Communication and honesty are so important!!",
"I thought I would hold out on the 'no sex before marriage' thing. I did not.",
"Relationships are really hard and don't get into one unless you are ready for the work",
"A lot ",
];
export const I10 = [
"Work on yourself, make sure you know yourself pretty well and know what you want to get into. Confidence is attractive. Learn to be better texters and try to be more emotionally, socially intelligent. Try to be genuine.",
"Just be yourself and don't rush it. If you love who you are and are proud of that, then people you're compatible with will start to present themselves. Get out there, meet new people and have fun!",
"Work on yourself! The rest will follow (don't quote me on this).",
"just pick one, work out the kinks when they happen",
"just b urself :)",
"Shoot your shot",
"You have time :) Take it easy.",
"Why you askin' me",
"Be yourself, you don't want to be spending all that time with someone while putting up a front.",
"Don’t rush yourself. Wait until you find someone you’re really attracted to and then ask them out. Also, be ready to be rejected. Anyone who hasn’t been rejected is someone who has gotten very lucky or has simply never made the first move.",
"Work on your looks (fitness, sleep/diet, grooming, plastic surgery if its bad). Improve your status (high ranking job, involvement in social activities, interesting hobbies). Work on your social skills (practice talking to random people, public speaking). Learn how to read others' body language. Work on your mental state (meditation, therapy, close friends). Acquire confidence after doing all this and go approach in social settings. Be honest, upfront, and vulnerable. Don't be overly needy (and if you are, go back to improving yourself). Avoid TheRedPill, incel forums, MGTOW. Profit!!",
"Be forthcoming and don't be afraid to ask :)",
"simping does not help you get girls",
"Just be yourself?",
"Take a risk and make the first move. Be yourself",
"Become a well rounded confident person",
"nope",
"Don't",
"Don't be afraid to explore, not everything needs to be serious.",
"Focus on yourself first! Then read a lot of attachment theory and put yourself out there and hope for the best. ",
"Don’t force it, but once you’re in it, be intentional ",
"Try to better yourself first, make sure you're the best version of yourself. Know your strengths and weaknesses and take every opportunity to talk to people. Figure out what type of people you vibe with and don't force anything, or you'll be in a world of hurt.",
"Don't lower your standards.",
"Don't look too hard",
"Dont be in one",
"Don't come to loo =). ",
"Relationships are a two way street, try all you might but if the other person puts in no effort, it won’t work",
"Go to clubs/events and talk to people with just making friends as your intention! This is the most natural way that relationships start.",
"Let it brew organically. My relationship started off as a friendship, where we spent a lot of our time talking and it made way for a relationship wherein we care deeply about each other and our interests.",
"Figure yourself out first",
"Don't listen to what I say",
"It's tough",
"Confidence comes not from knowing whether you'll succeed, but from knowing you'll be okay no matter the outcome. Stay true to yourself, and find someone such that you can make each other better.",
"5 years later and still don't have any to give sorry xD",
"rewgdhdhd",
"without sexual more love no cheat",
"I hope you'll come earlier",
"It’ll happen when it does :)",
"Reciprocity",
"just talk to girls irl sometime holy fucking shit",
"Good luck :p",
"Improve yourself, get self esteem, and put yourself out there! It's really not this big, super hard thing to attain for the average person. Don't get into a bad one though",
"am unqualified, idk",
"idfk",
"good luck :)",
"Enjoy your life. ",
"Surround yourself with the people you want to attract. Ie. If you're looking for something long term, don't hang out with the party crowd. Start by making some friends, who preferably have other friends, and you'll see your pool of possibilities grow. Most importantly, know what you're after, and if you don't know, figure it out, and be open minded to the people who you meet.",
"Just don't, better off on your own",
"Consider me, I'm alright",
"Be open minded and meet new people in clubs, residence and orientation",
"LDR is hard but possible. It depends on your priorities.",
"Be confident!",
"Date casually till you know what you want",
"It's a lot of work. Must be open-minded.",
];

1
pages/coop.tsx
View File

@ -110,6 +110,7 @@ export default function CoopPage() {
heading="What company did you work for?"
bodyText="There are lots of companies that people have worked at! It just goes to show that the software world is HUGE. Most people have worked at Google, Meta, Jane Street, and HRT!"
align="center"
noBackground
>
<WordCloud
data={C7i}

12
pages/demographics.tsx
View File

@ -85,7 +85,11 @@ export default function Demographics() {
heading="What was your high school admissions average?"
bodyText="With a mean average of roughly 95.5%, getting into any of these programs is no easy feat. That makes everyone special from the day they were admitted into the school! :)"
>
<BarGraphVertical data={D5} {...barGraphProps(isMobile, pageWidth)} />
<BarGraphVertical
data={D5}
{...barGraphProps(isMobile, pageWidth)}
lowerLabelDy="0"
/>
</ComponentWrapper>
<ComponentWrapper
@ -142,7 +146,11 @@ export default function Demographics() {
align="left"
noBackground
>
<BarGraphVertical data={D10} {...barGraphProps(isMobile, pageWidth)} />
<BarGraphVertical
data={D10}
{...barGraphProps(isMobile, pageWidth)}
lowerLabelDy="0"
/>
</ComponentWrapper>
<ComponentWrapper

8
pages/friends.tsx
View File

@ -173,9 +173,11 @@ export default function Demographics() {
bodyText="For a lot of people, most or at least some friendships are made during university. This goes to show how university is an important point in life where people form their most valuable relationships!"
align="right"
>
<div className={styles.graphContainer}>
<PieChart data={F12} {...pieChartProps(isMobile, pageWidth)} />
</div>
<BarGraphVertical
data={F12}
{...barGraphProps(isMobile, pageWidth)}
lowerLabelDy="0"
/>
</ComponentWrapper>
<ComponentWrapper

222
pages/intimacy-and-drugs.tsx Normal file
View File

@ -0,0 +1,222 @@
import {
I1,
I2,
I3,
I4,
I5,
I6,
I6i,
I7,
I8,
I8i,
I9,
I10,
} from "data/intimacy-and-drugs";
import { pageRoutes } from "data/routes";
import React from "react";
import {
barGraphProps,
DefaultProp,
pieChartProps,
barGraphMargin,
barGraphWidth,
} from "utils/defaultProps";
import { useWindowDimensions } from "utils/getWindowDimensions";
import { useIsMobile } from "utils/isMobile";
import { BarGraphVertical, BarGraphHorizontal } from "@/components/BarGraph";
import { BottomNav } from "@/components/BottomNav";
import { ComponentWrapper } from "@/components/ComponentWrapper";
import {
GroupedBarGraphVertical,
GroupedBarGraphHorizontal,
} from "@/components/GroupedBarGraph";
import { Header } from "@/components/Header";
import { PieChart } from "@/components/PieChart";
import { QuotationCarousel } from "@/components/QuotationCarousel";
import { SectionHeader } from "@/components/SectionHeader";
import { Color } from "../utils/Color";
import styles from "./samplePage.module.css";
export default function Demographics() {
const pageWidth = useWindowDimensions().width;
const isMobile = useIsMobile();
return (
<div className={styles.page}>
<Header />
<SectionHeader
title="Intimacy and Drugs"
subtitle="What have people tried/already done during university?👀"
/>
<ComponentWrapper
heading="Which drugs have you tried/used?"
bodyText="A lot of students also experiment with substances during university. However, we can see that most students have not tried drugs that are more harsh than Marijuana, such as nicotine, cigarettes, or mushrooms."
>
<GroupedBarGraphHorizontal
className={styles.barGraphDemo}
data={I2}
barColors={[Color.primaryAccentLight, Color.secondaryAccentLight]}
barHoverColorsMap={{
[Color.primaryAccentLight]: Color.primaryAccent,
[Color.secondaryAccentLight]: Color.secondaryAccent,
}}
width={barGraphWidth(isMobile, pageWidth)}
minWidth={700}
height={DefaultProp.graphHeight}
margin={{ ...barGraphMargin, ...{ left: 200, bottom: 60 } }}
/>
</ComponentWrapper>
<ComponentWrapper
heading="What level of intimacy have you reached?"
bodyText="Undergrad is a time when we are surrounded by mostly people of our age and given more freedom to seek out relationships. This is reflected in our data by how many respondents first experienced different levels of intimacy during university. But, it is also worth noting that a large chunk of people did not respond for all of the intimacy levels, showing how they have not yet reached there or are uncomfortable sharing."
align="center"
noBackground
>
<GroupedBarGraphVertical
className={styles.barGraphDemo}
data={I1}
barColors={[Color.primaryAccentLight, Color.secondaryAccentLight]}
barHoverColorsMap={{
[Color.primaryAccentLight]: Color.primaryAccent,
[Color.secondaryAccentLight]: Color.secondaryAccent,
}}
width={barGraphWidth(isMobile, pageWidth)}
height={700}
margin={{ ...barGraphMargin, ...{ bottom: 200 } }}
minWidth={800}
alternatingLabelSpace={40}
widthAlternatingLabel={1000}
lowerLabelDy="100px"
/>
</ComponentWrapper>
<ComponentWrapper
heading="How many committed relationships have you been in during university?"
bodyText="Our respondents most commonly have been in either 0 or 1 committed relationship during their undergrad. On the other end, 5 is the most number of committed relationships indicated."
>
<BarGraphVertical
data={I3}
{...barGraphProps(isMobile, pageWidth)}
lowerLabelDy="0"
/>
</ComponentWrapper>
<ComponentWrapper
heading="How many sexual partners have you had during university?"
bodyText="Similar to the relationships question, most people responded with having 0 or 1 sexual partner during univeristy. However, one individual wrote 20, another wrote 50, and most impressively (or not depending on how you want to look at it) another wrote 120."
align="left"
noBackground
>
<BarGraphVertical
data={I4}
{...barGraphProps(isMobile, pageWidth)}
lowerLabelDy="0"
/>
</ComponentWrapper>
<ComponentWrapper
heading="Have you ever cheated on someone, been cheated on, or helped someone cheat?"
bodyText="14 out of 96 people have selected yes to having been involved in cheating."
>
<div className={styles.graphContainer}>
<PieChart data={I5} {...pieChartProps(isMobile, pageWidth)} />
</div>
</ComponentWrapper>
<ComponentWrapper
heading="Did you ever date another CS / CS/BBA / CFM student?"
bodyText="27 people have dated another CS/CSBBA/CFM student. That’s about 1 in 4 students."
align="right"
noBackground
>
<div className={styles.graphContainer}>
<PieChart data={I6} {...pieChartProps(isMobile, pageWidth)} />
</div>
</ComponentWrapper>
<ComponentWrapper
heading="If you answered no to the previous question, did you want to?"
bodyText="Out of everyone who answered no to the last question, 28 people out of 70 did want to date someone in their program. That’s a little more than 1 in 4 students, meaning a little less than half of CS/CSBBA/CFA students did not want to date one another."
align="right"
>
<div className={styles.graphContainer}>
<PieChart data={I6i} {...pieChartProps(isMobile, pageWidth)} />
</div>
</ComponentWrapper>
<ComponentWrapper
heading="If you've had a significant other, have you ever roomed together for a term?"
bodyText="Out of people who have had a relationship, around half of them have roomed together and the other half have not."
align="right"
noBackground
>
<BarGraphVertical
data={I7}
{...barGraphProps(isMobile, pageWidth)}
lowerLabelDy="0"
/>
</ComponentWrapper>
<ComponentWrapper
heading="Are you currently in a relationship?"
bodyText="A little less than half of our respondents are in a relationship as of the time they filled out this survey."
align="left"
>
<BarGraphVertical
data={I8}
{...barGraphProps(isMobile, pageWidth)}
lowerLabelDy="0"
/>
</ComponentWrapper>
<ComponentWrapper
heading="If you answered yes to the previous question, will you be living in the same city/region post-grad?"
bodyText="For those who are currently in a relationship, 25 of them will be in the same city post-grad. The rest are will either be in a long-distance relationship or are currently unsure."
align="right"
noBackground
>
<BarGraphHorizontal
data={I8i}
width={barGraphWidth(isMobile, pageWidth)}
height={DefaultProp.graphHeight}
margin={{ ...barGraphMargin, ...{ left: 100 } }}
/>
</ComponentWrapper>
<ComponentWrapper heading="How has your understanding of relationships changed in the past 5 years?">
<div className={styles.quotationCarouselContainer}>
<QuotationCarousel
data={I9}
circleDiameter={0}
width={barGraphWidth(isMobile, pageWidth)}
height={isMobile ? 600 : 500}
/>
</div>
</ComponentWrapper>
<ComponentWrapper
heading="Any advice for people looking for a relationship?"
noBackground
>
<div className={styles.quotationCarouselContainer}>
<QuotationCarousel
data={I10}
circleDiameter={0}
width={barGraphWidth(isMobile, pageWidth)}
height={600}
/>
</div>
</ComponentWrapper>
<BottomNav
leftPage={pageRoutes.lifestyleAndInterests}
rightPage={pageRoutes.postGrad}
></BottomNav>
</div>
);
}

10
pages/lifestyle-and-interests.tsx
View File

@ -157,7 +157,11 @@ export default function Demographics() {
bodyText="Waterloo’s campus is surrounded by great food places. We have a plaza filled with restaurants that serve all sorts of food such as Mexican, East Asian, Persian, Indian, etc. Although most students have learned to cook, we still enjoy eating out ever so often."
align="right"
>
<BarGraphVertical data={L11} {...barGraphProps(isMobile, pageWidth)} />
<BarGraphVertical
data={L11}
{...barGraphProps(isMobile, pageWidth)}
lowerLabelDy="0"
/>
</ComponentWrapper>
<ComponentWrapper
@ -247,8 +251,8 @@ export default function Demographics() {
</ComponentWrapper>
<BottomNav
leftPage={pageRoutes.intimacyAndDrugs}
rightPage={pageRoutes.mentalHealth}
leftPage={pageRoutes.coop}
rightPage={pageRoutes.intimacyAndDrugs}
></BottomNav>
</div>
);

1
pages/post-grad.tsx
View File

@ -38,6 +38,7 @@ export default function Demographics() {
heading="Do you plan on pursuing post-graduate education?"
bodyText="There are a total of 103 respondents. Interestingly, there is a huge number of students not pursuring post-grad learning. Post-graduate education is not necessarly for everyone!"
align="center"
noBackground
>
<div className={styles.graphContainer}>
<PieChart data={P1} {...pieChartProps(isMobile, pageWidth)} />

1
pages/samplePage.module.css
View File

@ -11,7 +11,6 @@
.quotationCarouselContainer {
display: flex;
flex-direction: column;
align-items: center;
gap: calc(48rem / 16);
margin: calc(32rem / 16);
}