Skip to content

emjose/model-minority-myth

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

42 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

previous 100 days of code next

Model Minority Myth


Model Minority Myth

Table of Contents


#100DaysOfCode

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.


Installation

1. Git clone and cd into the repo folder:

git clone git@github.com: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.


Issues

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.

Live Site

  • 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.


Live Site

Live Site

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

Model Minority Myth is a progressive web app.


Resources


Copyright


Say Hello

Twitter badge Linkedin badge Medium badge Instagram badge Gmail badge Portfolio badge Github badge

Back to Top

About

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

Topics

Resources

Stars

Watchers

Forks