From d3bdd210b11bbb27229ad6caf9c399ac83147229 Mon Sep 17 00:00:00 2001 From: SamuelmdLow Date: Tue, 3 Sep 2024 03:03:29 +0000 Subject: [PATCH] Styling changes to queer substance abuse article (I think it looks epic now?) --- .../src/styles/queer-substance-abuse.scss | 53 ++++++++++++++++--- .../article/queer-substance-abuse.html | 36 +++++++++---- 2 files changed, 72 insertions(+), 17 deletions(-) diff --git a/ubyssey/static_src/src/styles/queer-substance-abuse.scss b/ubyssey/static_src/src/styles/queer-substance-abuse.scss index 5e397eafc..18b03ff01 100644 --- a/ubyssey/static_src/src/styles/queer-substance-abuse.scss +++ b/ubyssey/static_src/src/styles/queer-substance-abuse.scss @@ -1,5 +1,5 @@ //$accent-colour: #995fd3; -$accent-colour: #0071c9; +$accent-colour: #b7b7b7; body { background-color: black; @@ -29,19 +29,48 @@ article > div > * { } } -header { +.cover { h1 { - max-width: 1000px; - margin: 1em auto; - border-bottom: $accent-colour 0.1em solid; - font-size: 2em; - line-height: 1em; + padding-inline: 1em; + max-width: 600px; + font-size: 1.75em; font-weight: 500; + line-height: 1.2em; } p { max-width: 800px; margin: 1em auto; font-family: "Montserrat", sans-serif; + background-color: black; + } + .byline { + margin: 1em auto 1em 10%; + } + header { + margin: 0; + text-align: left; + max-width: none; + padding: 0; + @media only screen and (max-width: 800px) { + background-size: cover; + background-image: url("https://storage.googleapis.com/ubyssey/media/renditions/i_janmohamed_elena_cover.original.jpg"); + background-position: center; + background-repeat: no-repeat; + } + } + @media only screen and (min-width: 800px) { + background-size: contain; + background-image: url('https://storage.googleapis.com/ubyssey/media/renditions/i_janmohamed_elena_cover.original.jpg'); + background-position: top; + background-repeat: no-repeat; + h1 { + margin: 1em 40% 1em 10%; + font-size: 2em; + } + .lede { + margin: 0 auto 2em 35%; + transform: rotate(-1deg); + } } } @@ -94,6 +123,10 @@ a { } } +.footer-logo { + padding-right: 7%; +} + .warning { margin-top: 2em; @media only screen and (min-width: 800px) { @@ -138,7 +171,7 @@ div.quote { opacity: 1; } -.side-quote { +.pull-quote { margin: 0.5em; margin-left: calc(50vw - 600px); padding: 1em; @@ -152,6 +185,10 @@ div.quote { @media only screen and (max-width: 1200px) { display: none; } + + .attribution { + font-size: 0.8em; + } } span.quote { diff --git a/ubyssey/templates/article/queer-substance-abuse.html b/ubyssey/templates/article/queer-substance-abuse.html index 55a75459e..47bc02aa7 100644 --- a/ubyssey/templates/article/queer-substance-abuse.html +++ b/ubyssey/templates/article/queer-substance-abuse.html @@ -59,7 +59,7 @@ - + @@ -80,15 +80,20 @@ -
+
+

Substance use disproportionately impacts Queer communities. What does that mean for UBC students?

-

+

+

With high rates of substance use in Queer communities and BC’s ongoing toxic drug crisis, many Queer youth are left to navigate substance use and recovery on their own.

-

Words by Iman Janmohamed, Webdesign by Sam Low

-

This article contains mention of substance use, suicide and violence against 2SLGBTQIA+ communities.

-
+

Words by Iman Janmohamed, Webdesign by Sam Low

+ +
+

This article contains mention of substance use, suicide and violence against 2SLGBTQIA+ communities.

+
+
“No. I’m a teenager.
Teenagers are allowed to do this.”
@@ -160,8 +165,9 @@

Substance use disproportionately impacts Queer communities. What does tha

Goodyear, whose research explores the implications of substance use among 2SLGBTQIA+ youth, said these structural inequities like sexism, homophobia and transphobia, intersect individual concerns like familial rejection, domestic violence and mental illness to create circumstances that can lead to substance misuse.

-
+
“I wasn't sitting there drinking because I was gay. It's just because there was something different [about me], and I didn't know what it was exactly.” +
— Sylvie

Both Sylvie and Goodyear said their Queer peers can sometimes turn to substance use as a coping mechanism because of the hardships they face. For UBC psychology student Rory Mills, that was the case — they used substances to self-medicate their anxiety and depression. @@ -239,6 +245,10 @@

Substance use disproportionately impacts Queer communities. What does tha

“If you're already in a space where you know everyone else in it is there for the same reason — that removes so much small talk that you need to do in order to get to know someone better … That was really pivotal as well in just forming a community,” said Sylvie.

+
+ “Being in recovery can be very challenging because there aren't a lot of spaces that cater to Queerness and recovery.” +
— Sylvie
+

Sylvie said many Queer spaces are “very defined by substances or substance use.”

@@ -278,6 +288,10 @@

Substance use disproportionately impacts Queer communities. What does tha

Goodyear said the prevalence of overdose-related deaths in BC means that many people “know of someone, has loved someone or knows a friend of a friend who has overdosed or … died of overdose.”

+
+ “"If we're making spaces safer for Queer people, chances are we're also making them safer for everyone.” +
— Trevor Goodyear
+

When it comes to advocating for better harm reduction policies, Goodyear said looking to the rich histories of 2SLGBTQIA+ activism is important.

@@ -308,6 +322,10 @@

Substance use disproportionately impacts Queer communities. What does tha

Like Sylvie, Mills also uses their lived experiences to inform harm reduction initiatives in Vancouver. Mills works at The Birdhouse, a Queer and Trans-run events space, as a buddy. Buddies are naloxone-trained and carry supplies like bottled water, condoms, lube, snacks and tampons to support people in a nightclub environment.

+
+ “Immersing myself in the harm reduction world ... was really awesome to … integrate myself in the community, but also see how it positively affected my recovery.” +
— Rory Mills
+

“I view [the buddy system] as our entrance to someone … not feeling good.” said Mills. “They're not just going to get kicked out by security. We're there to help and figure out things, help their friends get organized, but also respond to emergencies.”

@@ -332,9 +350,9 @@

Substance use disproportionately impacts Queer communities. What does tha

- +

More from Features?