emjose / model-minority-myth

A scratch reveal effect of the text "not your model minority" in regards to addressing anti-Asian hate and racism.

• 100 Days of Code
• Installation
• Issues
• Live Site
• Resources
• Copyright
• Say Hello

Day 26: April 5, 2021

• During the Covid-19 pandemic, there has been a marked increase in anti-Asian sentiment and racism in the United States.

• On March 16th, 2021, a mass shooting occured in three Atlanta spas and massage parlors. Eight people were killed, six of whom were Asian women.

• As an Asian and a Filipino-American, I've been at a loss for words with current events. As a way of beginning to articulate my thoughts, I worked on this mini project with a scratch effect revealing the myth of the "model minority."

• The "model minority" myth is the "one-size-fits-all" and stereotypical perception of Asians being a "polite, law-abiding group who have achieved a higher level of success than the general population through some combination of innate talent and pull-yourselves-up-by-your-bootstraps immigrant striving." Source: Learning for Justice.

1. Git clone and cd into the repo folder:

git clone [email protected]:emjose/model-minority-myth.git && cd model-minority-myth

2. Run the command:

open index.html

3. On your device, move the cursor around to see the reveal effect.

In the script.js file:

const bubbles = document.createElement("span");
bubbles.style.left = -75 + e.offsetX + "px";
bubbles.style.top = -75 + e.offsetY + "px";
body.appendChild(bubbles);

• The JavaScript function for the mousemove event creates a span element.

• For the span to exceed the browser's frame, offset values are added to the mouse coordinates.
  

• Due to the offset in pixel values, the span can appeared warped or rippled.

• This warping is most apparent at the bottom of the browser frame.

• Model Minority Myth is best viewed on a desktop or laptop computer browser.

• Model Minority Myth is a progressive web app.

• Stop AAPI Hate

• Unsplash Images

• Anti-Asian Violence Resources

• What is the Model Minority Myth?

• Stop Asian Hate: GoFundMe Organizations

• "Not Your Model Minority" poem by Rosa Kim

• Scratch Effect Tutorial by Online Tutorials

• The text was created with Adobe Photoshop

• My blog on how I created my Github READMEs

• Special thank you to Kimson Doan for her photo on Unsplash.

• Photo copyright of © Kimson Doan. All Rights Reserved.