-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathTimeline final.html
405 lines (372 loc) · 15.1 KB
/
Timeline final.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
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
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
<html>
<head>
<style>
h1{color:white; font-size:40px; text-align:center}
body {
background-image: url('Art.png');
background-attachment: fixed;
background-position: center;
background-size: cover;
}
.timeline {
list-style: none;
padding: 0;
position: relative;
}
.timeline:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 2px;
background: black;
left: 50%;
margin-left: -1px;
}
.timeline li {
position: relative;
min-height: 50px;
padding: 20px;
margin-bottom: 50px;
}
.timeline li:before,
.timeline li:after {
content: '';
display: table;
clear: both;
}
.timeline li:after {
clear: both;
}
.timeline li .timeline-panel {
position: relative;
float: right;
width: 45%;
padding: 20px;
background: #f5f5f5;
border-radius: 6px;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}
.timeline li .timeline-panel:before {
content: '';
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #f5f5f5;
border-right: 0 solid #f5f5f5;
border-bottom: 15px solid transparent;
}
.timeline li .timeline-panel:after {
content: '';
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
}
.timeline li .timeline-panel-2 {
position: relative;
float: right;
width: 45%;
padding: 20px;
background: #f5f5f5;
border-radius: 6px;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}
.timeline li .timeline-panel-2:before {
content: '';
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #f5f5f5;
border-right: 0 solid #f5f5f5;
border-bottom: 15px solid transparent;
}
.timeline li .timeline-panel-2:after {
content: '';
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
}
.timeline li .timeline-panel-3 {
position: relative;
float: right;
width: 45%;
padding: 20px;
background: #f5f5f5;
border-radius: 6px;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}
.timeline li .timeline-panel-3:before {
content: '';
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #f5f5f5;
border-right: 0 solid #f5f5f5;
border-bottom: 15px solid transparent;
}
.timeline li .timeline-panel-3:after {
content: '';
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #fff;
border-right: 0 solid #fff;
border-bottom: 14px solid transparent;
}
.timeline li .timeline-badge {
color: yellow;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 1.4em;
text-align: center;
position: absolute;
top: 30px;
left: 45.5%;
margin-left: -25px;
background-color: brown;
border-radius: 50%;
}
.timeline li .timeline-badge-2 {
color: yellow;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 1.4em;
text-align: center;
position: absolute;
top: 30px;
left: 53.5%;
margin-left: -25px;
background-color: brown;
border-radius: 50%;
}
.timeline li.timeline-inverted .timeline-panel {
float: left;
}
.timeline li.timeline-inverted-2 .timeline-panel-3 {
float: left;
}
.timeline li.timeline-inverted .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline li.timeline-inverted .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline-title {
margin-top: 0;
color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
margin-bottom: 0;
}
.timeline-body > p + p {
margin-top: 5px;
}
.timeline li:hover .timeline-panel {
background-color: #f2dca6;
}
.timeline li:hover .timeline-panel-2 {
background-color: #f2dca6;
}
.timeline li:hover .timeline-panel-3 {
background-color: #f2dca6;
}
.timeline li:hover .timeline-badge {
animation: expand 1s ease-out infinite;
}
.timeline li:hover .timeline-badge-2 {
animation: expand 1s ease-out infinite;
}
@keyframes expand {
0% {
box-shadow: 0 0 0 -5px;
}
100% {
box-shadow: 0 0 0 7px rgba(195, 233, 230, 0.1);
}
}
</style>
<h1 style ="font-family:georgia">The Day of Mourning</h1>
<div style="background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(1px); padding: 10px;">
<p style ="color:white; font-size:18px;"><b>The Day of Mourning was a culmination of all the discrimination, exclusion, and prejudice faced by the Aboriginals. Although the protest didn’t have a powerful short-term impact, it was significant in the long run. It inspired and paved the way for Aboriginal Civil Rights movements throughout Australia and all reconciliatory measures taken by the government are testimonies of its significance.</b></p>
</div>
</head>
<body>
<ul class="timeline">
<li>
<div class="timeline-badge">1</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">1788-1838</h3>
</div>
<div class="timeline-body">
<p>On the <i>26th of January 1788</i>, the First Fleet(a fleet of 11 ships hailing from Britain) disembarked at Sydney Cove and established a convict settlement. Although initial interactions between the Aboriginals(the indigenous inhabitants of the land) and the Britishers were peaceful, the outsiders brought disease to the land and desired to expand their settlements. The Aborigines disliked their intentions and soon violence erupted. Eventually, by <i>1838,</i>, due to the combined effects of massacres (such as the <i>Myall Creek massacre</i>) and widespread disease, the Aboriginal population was reduced by about 80% (from 300,000 to 58,000).</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-badge-2">2</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">1890</h3>
</div>
<div class="timeline-body">
<p>The <i>Australian Protection Board</i> (established in 1883 to manage ‘<i>reserves</i>’ and look after the welfare of the Aboriginals) developed a policy to remove Aboriginal children of mixed descent and place them in white families to merge them into the wider society. They did this to diminish the growth of the ‘<i>wild half-caste race</i>’(Aboriginals).</p>
</div>
</div>
</li>
<li>
<div class="timeline-badge">3</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">January 1, 1901</h3>
</div>
<div class="timeline-body">
<p>The six British colonies(New South Wales, Victoria, Western Australia, Tasmania, Queensland, and Southern Australia) federated to form Australia. Aboriginals were excluded from public referendums and discussions about drafting the constitution even though they were the first peoples of Australia.
</p>
<li class="timeline-inverted">
<div class="timeline-badge-2">4</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">December 23, 1901</h3>
</div>
<div class="timeline-body">
<p>The inception of the White Australia Policy. Although the policy was formed primarily to cease non-white (especially Asian) immigration to Australia, the Aboriginal population was also largely affected by this policy as they were thought to be an inferior ‘dying race’. It set a prejudiced belief against Aboriginals and was a precursor for the stolen generations.</p>
</div>
</div>
</li>
</div>
</div>
</li>
<li>
<div class="timeline-badge">5</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">15 February, 1915</h3>
</div>
<div class="timeline-body">
<p>The legislation of the <i>Aborigines Protection Amending Act 1915</i> granted full power to the Australian Protection Board to remove an Aborigine child from his/her family without having to prove a violation of the <i>Neglected Children and Juvenile Offenders Act 1905</i> in court. It overwote the <i>Aborigines Protection Act 1909</i> which stated that the Board could assume custody of a child <i>only</i> if the court found the child to be neglected. </p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-badge-2">6</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">August 1937</h3>
</div>
<div class="timeline-body">
<p>William Cooper, the founding member of the <i>Australian Aborigines’</i> League, sent a petition to the then Prime Minister Joseph Lyons requesting it to be forwarded to King George VI. The petition implored the government to improve Aboriginal wellbeing and ensure their representation in Parliament. The government acknowledged receipt of the petition but didn’t forward it to the king as requested.
</p>
</div>
</div>
</li>
<li>
<div class="timeline-badge">7</div>
<div class="timeline-panel-2">
<div class="timeline-heading">
<h3 class="timeline-title">26 January, 1938</h3>
</div>
<div class="timeline-body">
<p>The sesquicentenary(150th) anniversary of <i>Australia Day</i> was a joyous day for Australians marked by some spectacular celebrations - spirited parades, sporting competitions, and acts organised in Sydney. But for some groups of Aboriginals, it marked a day of retaliation against insensitive treatment. And so, as organised by the <i>Aborigines Progressive Association</i>, they gathered to protest. Some highlights were the symbolic funeral march (Aboriginals marched in silent protest from Town Hall to Australian Hall after the parade had passed to convene for the <i>Australian Aborigines Conference</i> chaired by <i>Jack Patten</i>), the placards declaring - <i>“Aboriginals Claim Citizens Rights”</i>, and powerful speeches that listed their grievances and their demand for <i>10 civil rights</i>.</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-badge-2">8</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">31 January, 1938</h3>
</div>
<div class="timeline-body">
<p>Prime Minister Joseph Lyons met <i>20 Aboriginal delegates</i> to hear a proposal for an <i>Aboriginal national policy</i>. The delegates proposed a separate ministry of Aboriginal Affairs, Commonwealth control, and application of fundamental rights for Aboriginals. Joseph Lyons rejected the proposal citing that Commonwealth control wasn’t possible under the Constitution.</p>
</div>
</div>
</li>
<li>
<div class="timeline-badge">9</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">April - September 1938</h3>
</div>
<div class="timeline-body">
<p>The issuing of - <i>The Australian ‘ABO CALL’</i>. It claimed to be a newspaper that was <i>‘The Voice of The Aborigines’</i>. Edited by Jack Patten, the paper restated some of the Aboriginal demands that were denied and reported their poor treatment.</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-badge-2">10</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">27 May, 1967</h3>
</div>
<div class="timeline-body">
<p>The <i>1967 referendum</i> victory granted the Australian federal government the power to legislate laws explicitly for Aboriginals and gave Aboriginals the <i>status of citizenship</i>.</p>
</div>
</div>
</li>
<li>
<div class="timeline-badge">11</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">16 December, 1976</h3>
</div>
<div class="timeline-body">
<p>The <i>Aboriginal Land Rights Act of 1976</i> enabled those in the Northern Territory to claim ownership of land based on traditional connections. It was the first time the Australian government officially recognised the Aboriginal land-ownership sytem.</p>
</div>
</div>
</li>
<li class="timeline-inverted">
<div class="timeline-badge-2">12</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">1992-1993</h3>
</div>
<div class="timeline-body">
<p>On June 3, 1992 the <i>Mabo Decision</i> recognised traditional ownership of Murray Island by a group of Torres Strait Islanders and in the latter half of 1993, the Native Title Act recognised native titles and established mechanisms to claim native entitlements.</p>
</div>
</div>
</li>
<li>
<div class="timeline-badge">13</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h3 class="timeline-title">2008</h3>
</div>
<div class="timeline-body">
<p>The inception of the <i>‘closing the gap’</i> initiative (an initiative that aimed at ameliorating the education and health of Aboriginals) and the formal <i>‘apology to the stolen generations’</i> by Prime Minister Kevin Rudd were some important reconciliatory measures taken by the Australian government.</p>
</div>
</div>
</li>
</ul>
</body>
</html>