-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
312 lines (260 loc) · 12.7 KB
/
Copy pathindex.html
File metadata and controls
312 lines (260 loc) · 12.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset="UTF-8"/>
<title>Microaggressions</title>
<link href = "part.css" rel = "stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src = "part.js" type = "text/javascript"></script>
</head>
<body>
<section class = "background">
<h1 class = "main-title">#WeAreAllSpartans</h1>
<div class = "tab-links">
<a class = "links active" href = #>Letter</a>
<a class = "links" href = #>Our Goal</a>
<a class = "links" href = #>Why Microaggressions</a>
<a class = "links" href = #>Microaggressions Defined</a>
<a class = "links" href = #>Mental Health Effects</a>
<a class = "links" href = #>Taking Action</a>
<a class = "links" href = #>Sign-up</a>
<a class = "links" href = #>Resources</a>
<a class = "links" href = #>Posters</a>
</div>
<section class = "info-body">
<div class = "info letter">
<p class = "title-text">Letter</p>
<p class = "normal-text">College campuses serve many purposes, including the creation and maintenance of multicultural
and brave spaces for action and dialogue around social justice. Unfortunately, incidents such as
the ones that occurred at Yale University, and the University of Missouri disrupt that idea. In
response to these growing social justice issues, the Residence Halls Association (RHA) has
launched its Microaggression Macroimpact campaign.
<br>
<br>
This website is a resource for you and your organizations to get information on the impact
microaggressions have, as well as on campaign events and other campus resources. Together we
can work together to create more inclusive and aware campus. We look forward to working with
you all!
<br>
<br>
Thank you,
<br>
Residence Halls Association </p>
<img src = "pictures/eboard.jpg" class = "eboard-pic"/>
</div>
<div class = "info our-goal">
<p class = "title-text">Our Goal</p>
<p class = "normal-text">The primarily student-run initiative will focus to educate the campus community
on microaggressions, and encourage our fellow Spartans to create events, discussions, and
initiatives on the impact our words have on one another. The photo campaign will highlight the
faces and stories of students who deal with exclusion and prejudice on a daily basis. Other
aspects also include events, speakers, diversity training, and student led committees. </p>
<br><br>
</div>
<div class = "info why">
<p class = "title-text">Why Microaggressions</p>
<p class = "normal-text">
Our voices often go unheard and our experiences are devalued, this project is our way of
speaking back, of claiming this campus, of standing up to say: We are here. This place is ours.
<br>
<br>
Students, staff, and faculty will come together to raise awareness of
the impact of language on people at Michigan State through a series
of photoshoots. All of us use words that can harm or alienate others.
This occurs in classrooms, residence halls, student organizations,
and social gatherings. While the intent may not be to do harm to
another person, the impact adds up.
<br>
Take the time to understand the power of your words. What do your
statements really say? What about statements such as these:
</p>
<p class = "quote-text">
<br>
“That’s so gay”
<br>
“You’re pretty for a black girl”
<br>
“You’re dumb for an Asian”
<br>
“I always wanted a gay sassy friend”
<br>
“This building looks ghetto”
<br>
</p>
<p class = "normal-text">
These statements intend to be compliments but can work against building
a just campus environment and perpetuate violence against people of
color, women, queer and transgender people, people with disabilities,
and other marginalized communities. </p>
</div>
<div class = "info defined">
<p class = "title-text">Microaggressions Defined</p>
<div class = "video">
<iframe width="800" height="400" src="https://www.youtube.com/embed/xAIFGBlEsbQ" frameborder="0" allowfullscreen></iframe>
</div>
<p class = "normal-text">Microaggressions are everyday encounters of subtle discrimination that people of various
marginalized groups experience throughout their lives.</p>
<p class = "list-header-text bullets">Categories</p>
<ul class = "normal-text bullets">
<li>Microassault: explicit bias and intended harm at someone to make them feel unwelcomed</li>
<li>Microinvalidation: implicit bias and unintended harm to someone</li>
<li>Microinsult: implicit bias and unintended subtle harm at someone to make them feel unwelcomed</li>
</ul>
<p class = "list-header-text bullets">Incidents</p>
<ul class = "normal-text">
<li>Verbal: examples include face to face dialogue</li>
<li>Nonverbal/behavioral: examples include intentionally or unintentionally avoiding others</li>
<li>Environmental: examples include yikyak or a classroom</li>
</ul>
<br>
<p class = "normal-text">Microaggression manifestations can be from enduring institutional and systemic, imbalances of
privilege and power, an often committed unknowingly by well-intended people.
<br><br>
Subtle, stunning, often automatic, and nonverbal exchanges which are ‘put downs’ of people of
color by offenders, often automatically or unconsciously or unintended.
<br><br>
Microaggressions can occur to someone with more than one marginalized identity; one can be
simultaneously be privileged or oppressed</p>
</div>
<div class = "info effects">
<p class = "title-text">Mental Health Effects</p>
<div class = "video">
<iframe width="800" height="400" src="https://www.youtube.com/embed/8RfwnibEd3A" frameborder="0" allowfullscreen></iframe>
</div>
<p class = "normal-text">Many say that “you’re making a big deal out of nothing”, but it is a big deal and it goes deeper
than just words. Victims of microaggressions often feel unsafe and not included. It causes
significant long-term harm. Victims are affected physically, mentally, emotionally, and
behaviorally. <br><br>
Microaggressions can contribute to serious anxiety and depression to victims. It’s not good for
the perpetrators either, causing guilt, anxiety, and depression to those labeled as bullies and
someone who is acknowledging the problem.
<div class = "video">
<iframe width="800" height="400" src="https://www.youtube.com/embed/qaqBLZZd6Ns" frameborder="0" allowfullscreen></iframe>
</div>
<div class = "video">
<iframe width="560" height="315" src="https://www.youtube.com/embed/kttRPce2HEU" frameborder="0" allowfullscreen></iframe>
</div>
<p class = "list-header-text">
Additional Articles:
</p>
<p class = "normal-text">
<br><br>
<a href = "http://www.theatlantic.com/politics/archive/2015/09/microaggressions-matter/406090/?utm_source=SFFB">
http://www.theatlantic.com/politics/archive/2015/09/microaggressions-matter/406090/?utm_source=SFFB
</a>
<a href = "http://www.theatlantic.com/health/archive/2013/03/how-racism-is-bad-for-our-bodies/273911/">
http://www.theatlantic.com/health/archive/2013/03/how-racism-is-bad-for-our-bodies/273911/
</a>
<a href = "https://www.psychologytoday.com/blog/microaggressions-in-everyday-life/201010/racial-microaggressions-in-everyday-life">
https://www.psychologytoday.com/blog/microaggressions-in-everyday-life/201010/racial-microaggressions-in-everyday-life
</a>
<a href = "http://psychologybenefits.org/2013/07/31/is-it-you-or-is-it-racist-the-insidious-impact-of-microaggressions-on-mental-health/">
http://psychologybenefits.org/2013/07/31/is-it-you-or-is-it-racist-the-insidious-impact-of-microaggressions-on-mental-health/
</a>
</p>
</div>
<div class = "info take-action">
<p class = "title-text">Taking Action</p>
<p class = "normal-text">
The first step in taking action against injustice in your communities
is to increase your awareness of the issue. If there is a topic that
you are not familiar with then ask questions, learn, and engage others
in conversation. The first step to acknowledging there is a problem is
by understanding the history and impact of language. This is important
to creating a brave and just campus. Change starts with you. Check your
language and the environment around you. How often are you using terms
(intentionally or unintentionally) that could be harmful or triggering
to people of marginalized identities? Ask yourself how often you
encounter people that use the same language either in face to face
conversations, social media, residence halls, and class rooms. What
can you do to help?
</p>
<p class = "list-header-text">
Action Steps:
</p>
<ul class = "normal-text bullets">
<li>Acknowledge that there is a problem</li>
<li>Check yourself and your environment</li>
<li>Talk to others about issues facing your community and the power of words</li>
<li>When people use harmful language, ask them to
clarify what they mean or define the word: “What do you mean by _____?” </li>
<li>Ask the person to use a different word: “Instead of saying
_____ say _______.” </li>
<li>Share our website, resources, hashtag, etc. on social media to spread the word</li>
</ul>
<p class = "list-header-text">Reporting Biased Incidents:</p>
<br>
<a class = "normal-button" href = "https://liveon.msu.edu/content/Reporting-Bias">
https://liveon.msu.edu/content/Reporting-Bias</a>
<br>
<br>
<p class = "list-header-text">What helps Diminish Implicit Bias</p>
<ul class = "normal-text bullets">
<li>Understanding how the process operates</li>
<li>Insight into areas of potential personal bias </li>
<li>Attention to situations likely to “trigger” unintended bias </li>
<li>Frequent engagement with “others” in joint efforts</li>
<li>Bystander interventions</li>
</ul>
<p class = "list-header-text">B.A.R. Method</p>
<p class = "normal-text">Remember this method the next time you're in a hostile situation,
it will help with conflict resolution.</p>
<br>
<ol class = "normal">
<strong>B: </strong> Breathe when you get into stressful situations. <br>
<strong>A: </strong> Acknowledge what the other person is saying. <br>
<strong>R: </strong> Respond to the other person. <br>
</ol>
</div>
<div class = "info signup">
<p class = "title-text">Sign-Up</p>
<p class = "normal-text">Interested in helping out and receiving out weekly newsletter? Click below for campaign updates.</p>
<br>
<a class = "normal-button" href = "https://docs.google.com/forms/d/10HZ_LYAnbAJH70lRy2Gd8UmOLHVmDdljVye2D1reuWQ/viewform">Get updates!</a>
<br>
<br>
<br>
<p class = "attention-text">
If you have any questions or are interested in learning more,
please email
rhamacroimpact@gmail.com
</p>
</div>
<div class = "info resources">
<p class = "title-text">Resources</p>
<p class = "normal">
RHA:
<a href = "http://rha.msu.edu/">http://rha.msu.edu/</a> <br>
LGBT Resource Center:
<a href = "http://lbgtrc.msu.edu/">http://lbgtrc.msu.edu/</a> <br>
Resource Center for Persons with Disabilities:
<a href = "https://www.rcpd.msu.edu/">https://www.rcpd.msu.edu/</a> <br>
Women’s Resource Center:
<a href = "http://wrc.msu.edu/">http://wrc.msu.edu/</a> <br>
Office of Cultural Initiatives (OCAT):
<a href = "http://ocat.msu.edu/">http://ocat.msu.edu/</a> <br>
Project 60/50:
<a href = "http://project6050.msu.edu/">http://project6050.msu.edu/</a> <br>
CORES & COPS:
<a href = "https://www.facebook.com/MSUCORESCOPS/?fref=ts">
https://www.facebook.com/MSUCORESCOPS/?fref=ts</a> <br>
</p>
</div>
<div class = "info posters">
<div class = "poster-box">
<img src = "pictures/dr_stacey.png" class = "poster-size"/>
<img src = "pictures/nar_1.jpg" class = "poster-size"/>
<img src = "pictures/nar_2.jpg" class = "poster-size"/>
<img src = "pictures/nar_3.jpg" class = "poster-size"/>
<img src = "pictures/nar_4.jpg" class = "poster-size"/>
<img src = "pictures/nar_5.jpg" class = "poster-size"/>
<img src = "pictures/nar_6.jpg" class = "poster-size"/>
</div>
</div>
</section>
<div class = "footer">
<img src = "pictures/Micro_logo.png" class = "footer-image"/>
</div>
</section>
</body>
</html>