-
Notifications
You must be signed in to change notification settings - Fork 0
/
timeline.html
167 lines (144 loc) · 7.83 KB
/
timeline.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
<!--#**********************************************************
#Program auhtour: Jessie Cao
#Revision Date:June, 20th, 2020
#Program name:timeline.html
#Description: This program is designed to educate and inform about racism and antiracism
#**********************************************************-->
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Bootstrap JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- Customized bootstrap css -->
<link href="bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="style.css" rel="stylesheet">
<!--Google fonts-->
<link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet'>
<title>Racism and Antiracism</title>
</head>
<!--Timeline body -->
<body>
<div class="site-wrapper" id="site-wrapper-none-home">
<div class="site-wrapper-inner">
<div class="container">
<!-- Navigation bar -->
<nav class="masthead clearfix">
<div class="container inner">
<div class="navbar-header timeline">
<h3 class="masthead-brand" id="logo">Racism and Antiracism</h3>
</div>
<nav>
<ul class="nav masthead-nav">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="timeline.html">Timeline</a></li>
<li><a href="systemic_racism.html">Systemic Racism</a></li>
<li><a href="coping_with_traumas.html">Coping with Traumas</a></li>
<li><a href="reference.html">Reference</a></li>
</ul>
</nav>
</div>
<hr>
</nav>
<!-- Content -->
<!--Title image-->
<img class="title-image" id="image-effect" src="img/bg2.jpg" alt="George Floyd">
<div class="text-block quote">
<p>On May 25th, in Minneapolis, Minnesota, the U.S., George Floyd, a 46-year-old African American man was killed by a police officer named Derek Chauvin, who kneeled on Floyd’s neck for nearly nine minutes despite pleadings: ”I can’t breathe.”</p>
<p>This incident had quickly flared-up many protests around the world. Some protests are peaceful, while looting, vandalism, and fires exist in others. Police in the U.S. have been using tear gas, rubber bullets, beanbag rounds on the protesters.</p>
</div>
<!--Timeline-->
<iframe src="https://www.youtube.com/embed/zaGmz4DPlJw"></iframe>
<p class="text-block">Recording of George Floyd's death <i>(This video contains violence that is unsuitable for some viewers. Viewer discretion is advised.)</i></p>
<div class="container mt-5 mb-5" >
<div class="row image-container">
<div class="col-md-6 offset-md-3" id="container">
<h1>Timeline</h1>
<h4 class="quote">Click on events for more info.</h4>
<ul class="timeline">
<li>
<a href="https://www.peoplesworld.org/article/i-cant-breathe-minneapolis-erupts-in-protest-after-murder-of-george-floyd/">George Floyd is killed </a>
<p class="float-right">May 25</p>
</li>
<li>
<a href="https://www.theguardian.com/us-news/2020/may/26/george-floyd-killing-minneapolis-protest-police">Protests start</a>
<p class="float-right">May 26</p>
<img class="image zoom-in" src="img/timeline1.jpg" alt="May 26th">
<img class="image zoom-in" src="img/timeline1a.jpg" alt="May 26th">
</li>
<li>
<a href="https://fox8.com/news/protesters-assemble-across-us-in-name-of-george-floyd/">Protests spread across the U.S.</a>
<p class="float-right">May 27</p>
</li>
<li>
<a href="https://www.nytimes.com/2020/05/28/us/george-floyd-minneapolis-protests.html">The National Guard is deployed to Minneapolis </a>
<p class="float-right">May 28</p>
</li>
<li>
<a href="https://www.ctvnews.ca/world/minneapolis-cop-who-knelt-on-handcuffed-black-man-charged-with-murder-1.4960608">Derek Chauvin is charged, protests rage</a>
<p class="float-right">May 29</p>
<img class="image zoom-in" src="img/timeline2.jpg" alt="May 29th">
<img class="image zoom-in" src="img/timeline2a.jpg" alt="May 29th">
</li>
<li>
<a href="https://www.freep.com/story/news/local/michigan/detroit/2020/05/31/mayor-mike-duggan-police-chief-james-craig-protests/5299422002/">Mayors impose curfews</a>
<p class="float-right">May 31</p>
</li>
<li>
<a href="https://www.theguardian.com/us-news/2020/jun/01/george-floyd-protests-monday-curfews-autopsy">Protests unaffected by the U.S. curfews</a>
<p class="float-right">June 1</p>
</li>
<li>
<a href="https://www.ft.com/content/232d3133-f077-4e52-8263-c6fd80763d54">Fears over coronavirus increase as protests continue</a>
<p class="float-right">June 2</p>
</li>
<li>
<a href="https://www.nbcnews.com/news/us-news/3-more-minneapolis-officers-charged-george-floyd-death-derek-chauvin-n1222796">Three other officers involved in Floyd's death charged</a>
<p class="float-right">June 3</p>
<img class="image zoom-in" src="img/timeline3.jpg" alt="June 3rd">
</li>
<li>
<a href="https://www.cbc.ca/news/world/america-protests-george-floyd-1.5597922">First memorial planned for Floyd is held</a>
<p class="float-right">June 4</p>
</li>
<li>
<a href="https://secretnyc.co/nyc-vigils-breonna-taylor/">Vigils held for Breonna Taylor, who was killed by white police months earlier</a>
<p class="float-right">June 5</p>
<img class="image zoom-in" src="img/timeline4.jpg" alt="June 5th">
</li>
<li>
<a href="https://www.richmond.com/news/local/watch-now-confederate-statue-removed-from-monroe-park-after-protesters-tore-it-down-saturday-night/article_d440d8b2-48a2-54d1-823c-773b51bf233d.html">Confederate and other statues fall; Minneapolis council members announce intention to disband the police department</a>
<p class="float-right">June 7</p>
<img class="image zoom-in" src="img/timeline5.jpg" alt="June 7th">
</li>
<li>
<a href="https://www.cbc.ca/news/world/houston-george-floyd-funeral-1.5604263">Funeral service for George Floyd held</a>
<p class="float-right">June 9</p>
</li>
<li>
<a href="https://globalnews.ca/news/7048479/george-floyd-brother-police-reforms/">Floyd's brother calls for police reforms</a>
<p class="float-right">June 10</p>
</li>
<li>
<p><i><b>To be continued...</b></i></p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery-slim.min.js"><\/script>')</script>
</body>
</html>