-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
201 lines (197 loc) · 13 KB
/
index.html
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
<!DOCTYPE html>
<!--REMEMBER TO STYLE HEADER-->
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>bismillah | Home</title>
<link href="./style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
/>
<link rel="icon" type="image/x-icon" href="./bismillah.ico">
</head>
<body>
<header class="nav-header">
<a href="./index.html"><img id="logo" src="https://live.staticflickr.com/65535/52317010122_6695785935_m.jpg" alt="logo"/></a>
<nav class="navbar">
<a href="./index.html">Home</a>
<div class="dropdown">
<button class="dropbtn">Learn
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="./history.html">History</a>
<a href="./stereotypes.html">Stereotypes & Misconceptions</a>
<a href="./vocabulary.html">Vocabulary</a>
<a href="./representation.html">Representation</a>
<a href="./muslim_voices.html">Muslim Voices</a>
</div>
</div>
<a href="./resources.html">Resources</a>
<a href="./about.html">Contact</a>
</nav>
</header>
<div id="top" class="home-header header">
<p>introducing . . . bismillah</p>
</div>
<div class="wrapper-home">
<div id="home-magazine">
<div>
<section class="maga-heading">
<h1>Combatting Islamophobia</h1>
<p class="subtitle">Why we need good Muslim representation</p>
<div class="maga-details">
<!--separate p tags for author and date-->
<p>By Wardiyah Rammazy</p>
<p><time datetime="2022-09-11 00:00">Sept. 11 2022</time></p>
</div>
</section>
<section class="maga-text">
<p class="firstpara">According to a <a href="https://www.pewresearch.org/fact-tank/2021/09/01/muslims-are-a-growing-presence-in-u-s-but-still-face-negative-views-from-the-public/">Pew Research Study</a> published in 2021, many Americans held negative views of Muslims and Islam. This, even though 52% of Americans did not know a Muslim personally.
</p>
<blockquote>
<hr/>
<p><span class="quote">I think Islam hates us.</span>
<br/>
<span class="speaker">- Donald Trump, interview with CNN</span>
</p>
<hr/>
</blockquote>
<p>
Over 20 years after 9/11, Muslims still fear a rise in islamophobia, sadly not without cause. Globally, islamophobia is occurring in many forms, from the large scale detention of <a href="https://www.bbc.com/news/world-asia-china-22278037" target="_blank">Uyghur Muslims in China</a> to hijab (headscarf) bans around the world, including France’s infamous <a href="https://time.com/6049226/france-hijab-ban/" target="_blank">hijab ban</a>.
</p>
<p>
Negative beliefs of Muslims leading to islamophobia often stem from negative portrayals of Muslims in media, stretching back centuries. Even today, unfavorable coverage of Muslims continues to contribute to stereotypes plaguing the Muslim community. Radical. Oppressed. <em>Terrorist.</em> These are only some of the biased views many hold about Muslims.
</p>
<p>
Unsurprisingly, press coverage in the U.S. has been proven to add to this problem, as found in a <a href="https://news.ua.edu/2019/02/researcher-disparities-exist-in-news-coverage-of-terror-attacks/" target="_blank">University of Alabama study</a>) published in 2019. The study found that terror attacks conducted by Muslims received 357% more media coverage on average. This, despite the fact that Muslims were only responsible for 12.5% of attacks over the span of 10 years. <em>Translation: most terrorists aren’t even Muslim.</em> Verses from the Quran, the Muslim’s holy book, are often cherry picked for the sake of sensationalism, painting an inaccurate picture of one of the world’s most popular religions. The disproportionate coverage of these attacks worsens Islamophobia, reinforcing to the public that Muslims are dangerous and Islam a religion of violence and hatred. In turn, this increases support for acts against Muslims such as unnecessary surveillance and lack of aid.
</p>
<p>
Muslims are also missing from the film industry. According to a report by the USC Annenberg Inclusion Initiative titled <a href="https://assets.uscannenberg.org/docs/aii-muslim-rep-global-film-2021-06-09.pdf" target="_blank">“Missing and Maligned: The Reality of Muslims in Popular Global Movies”</a>, Muslims are barely present on the silver screen. That is, if they’re even given speaking roles. Merely 1.1% of characters in top 100 US films were Muslim, only a fourth of that being Muslim women. Muslim characters overwhelmingly occur in stories set in the past, making modern Muslim representation rare. Muslims are portrayed as foreign and other, speaking accented English (if at all), presented as refugees, and having their identity overly tied to their religious clothing. Muslims in film serve white leads, unless of course depicted as violent. Muslim women are pigeonholed into being romantic interests and family members. More often than not, Muslims characters are also met with discriminatory speech, including, “Terrorist,” “Paki,” and “Send them back.” All this only serves to further the narrative that Muslims don’t belong.
</p>
<p>
While the media and films depict Muslims in unsavory ways, the truth is that the vast majority of Muslims mean no harm. Nearly 2 billion Muslims worldwide, in over 50 countries, lead normal lives as regular people. Not as dangerous individuals planning the next extremist attack on unsuspecting citizens.
</p>
<p>
Claims of Islam teaching its followers to be violent are also wildly untrue. Muslims extremists, like those who continue to paint Islam in a negative light, misinterpret the Quran, only listening to the few verses that mention violence. Despite wild claims that Islam teaches Muslims to fight against non-Muslims, the truth is that of the 6236 verses in the Quran, those mentioning violence make up a measly 0.02%. With proper context, many these verses talk of past conflicts and are not commands from God to strike down upon non-Muslim people.
</p>
<blockquote>
<hr/>
<p><span class="quote">The truth is that of the 6236 verses in the Quran, those mentioning violence make up a measly 0.02%.</span>
<br/>
<span class="speaker">- Wardiyah Rammazy</span>
</p>
<hr/>
</blockquote>
<p>
The true teachings of Islam are overwhelmingly based on peace, compassion, and fairness. Muslims are taught to live in peace with non-Muslims, even prohibited from insulting the gods of others. Killing in Islam is one of the major sins, as shown by one of many Quranic verses, such as this one saying, “whoever takes a life…it will be as if they killed all of humanity; and whoever saves a life, it will be as if they saved all of humanity.” (Chapter 5, Verse 32) Muslims are taught not to fight injustice with injustice, and instead to keep a fair mindset. They are taught to be generous, honest, to smile often, and be good to neighbors. To stay connected to relatives and treat everyone with equity. To be kind. Islam does not teach Muslims violence. The truth: any violence in the name of Islam is the fault of misguided people calling themselves “Muslims.”
</p>
<p>
Islamophobia is based on lies about Islam and Muslims. The unsavory actions of a few Muslims terrorists or Islamic governments should not be used against billions of Muslims; to do so is simply unfair and small-minded. Just as the world would not condemn all Christians for the actions of a few bad apples, it should not stir up hate against Muslims based on keeping others safe from an imagined danger.
</p>
<p>
Bismillah.com is dedicated to combating Islamophobia through educating users on the true nature of Muslims and Islam. It is also dedicated to uplifting Muslims voices and stories and calling for better representation of Muslims across the board.
</p>
</section>
</div>
</div>
<div id="home-about">
<h1>About  <em>bismillah</em></h1>
<p><em>bismillah.com</em>, a resource hub advocating for Muslim representation, is named after the Arabic term <span class="non-english">bismillah</span> meaning “in the name of God." Fun fact, nearly all Quranic chapters start with <span class="non-english">bismillah</span>!
</p>
<p>Many scholars of Islam agree that is highly recommended to start matters of importance with <span class="non-english">bismillah</span>. Doing so helps to ensure continued benefit and success. Because the term is actually an incomplete sentence in Arabic, it implies that something should come after it to complete it. In the name of God I eat. In the name of God I begin to teach.
</p>
<p>In the name of God, let’s learn together🖤.</p>
</div>
<!--heading-->
<!--learn more flip cards-->
<div id="learn-more">
<!--add in 5 flip cards-->
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img class="flip-icon" src="https://cdn-icons-png.flaticon.com/512/2234/2234651.png" alt="history icon" >
<h2>History</h2>
</div>
<div class="flip-card-back">
<h2>History</h2>
<p>
Throughout history, Muslims have been misrepresented as barbaric and backwards. But the truth? Muslims have contributed greatly to technology and sciences still in use today. In fact, when Europe was in it's dark ages, Muslim lands were at their peak.
</p>
<a href="./history.html
">Learn More</a>
</div>
</div>
</div>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img class="flip-icon" src="https://cdn-icons-png.flaticon.com/512/2159/2159306.png" alt="stereotypes icon" >
<h2>Stereotypes</h2>
</div>
<div class="flip-card-back">
<h2>Stereotypes</h2>
<p>
Debunk common Muslim stereotypes by learning more about Muslims and Islam.
</p>
<a href="./stereotypes.html">Learn More</a>
</div>
</div>
</div>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img class="flip-icon" src="https://cdn-icons-png.flaticon.com/512/5221/5221495.png" alt="vocabulary icon" >
<h2>Vocabulary</h2>
</div>
<div class="flip-card-back">
<h2>Vocabulary</h2>
<p>
Explore some common Islamic vocabulary.
</p>
<a href="./vocabulary.html">Learn More</a>
</div>
</div>
</div>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img class="flip-icon" src="https://cdn-icons-png.flaticon.com/512/14/14598.png" alt="rep icon" >
<h2>Representation</h2>
</div>
<div class="flip-card-back">
<h2>Representation</h2>
<p>
What qualifies good Muslim representation? Learn about different tests for films and explore good examples of Muslim representation.
</p>
<a href="./representation.html">Learn More</a>
</div>
</div>
</div>
<div class="flip-card">
<div class="flip-card-inner">
<div class="flip-card-front">
<img class="flip-icon" src="https://cdn-icons-png.flaticon.com/512/1051/1051465.png" alt="voices icon" >
<h2>Muslim Voices</h2>
</div>
<div class="flip-card-back">
<h2>Muslim Voices</h2>
<p>
Explore and enjoy media about Muslims by Muslims. There's something across different genres and mediums for all ages.
</p>
<a href="./muslim_voices.html">Learn More</a>
</div>
</div>
</div>
</div>
<a class="topButton" href="#top"><i class="fa fa-caret-up"></i></a>
<footer class="homeftr">
<!--do copyright and disclaimer-->
<p class="copyright">©2022 <a href="./index.html">bismillah</a></p>
<p>Logo made on Canva. Icons from flaticon.</p>
<p class="disclaimer">Disclaimer: While the creator of this site has tried their best to be well-informed and unbiased, due to the time constraints and human error, it is entirely possible that there are mistakes. The creator does not claim to be an expert on any subjects discussed within this site and does not intend to speak for any other than themselves.</p>
</footer>
</div>
<script src="script.js"></script>
</body>
</html>