-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
221 lines (177 loc) · 7.92 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
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="wilih=device-wilih, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Chinua Achebe Tribute Page</title>
<link rel="stylesheet" href="tribute-page.css">
</head>
<body>
<!--Coded by Arinze Chianumba-->
<!-- Last updated on 02/01/2019-->
<!-- Updates to paragraphs (captions) in lower sections and nav toggle button coming up...
The lorem text will be expunged this soon.
-->
<main id="main">
<header id="site-header">
<h3 id="site-name">Tribute Page</h3>
<nav id="site-nav">
<!-- Menu icon in dev -->
<!-- <svg id="site-nav-button" xmlns="https://www.w3.org/2000/svg" viewBox="0 0 448 512">
<path d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z"/>
</svg> -->
<div>
<a href="#tribute-info" class="site-nav-link">Jump to summary</a>
<a href="#" class="site-nav-link">Learn More</a>
</div>
</nav>
</header>
<div id="intro">
<div id="title">
<h1>Chinua Achebe</h1>
<p>
<span>Author, Professor, and Social Critic</span>
<br /> Often hailed as <em>The Patriach of African Literature</em>, Achebe was best known for his unsentimental literary works which depict the psychological and social challenges that traditional and modern Africans had to contend with as a result
of the imposition of western culture on traditional African societies.
</p>
<hr />
</div>
<figure id="img-div">
<div id="image-wrapper">
<img id="image" src="https://www.dropbox.com/s/l6jc5gtiih2d49h/Achebe-00.jpg?raw=1" alt="">
</div>
<figcaption id="img-caption">
<h4>1930 - 2013</h4>
</figcaption>
</figure>
</div>
<div id="tribute-info">
<!-- <h2>Achebe's Life at Glance</h2> -->
<ul>
<li>
<strong>1930</strong> - Born Albert Chinualumogu Achebe in Ogidi, Anambra.
</li>
<li>
<strong>1936</strong> - School begins. Achebe enrolls at St. Philips' Central School, Ogidi.
</li>
<li>
<strong>1942</strong> - Achebe leaves home to study at the Central School in Nekede.
</li>
<li>
<strong>1944</strong> - Gains admission to study at Government College, Umuahia.
</li>
<li>
<strong>1948</strong> - Beings to study medicine at University College, Ibadan (now University of Ibadan) on scholarship. He later abandons medicine to study English, History, and Theology.
</li>
<li>
<strong>1954</strong> - Achebe joins the Nigerian Broadcasting service.
</li>
<li>
<strong>1958</strong> - Heinemann publishes Achebe’s most famous novel <em>–Things Fall Apart</em>.
</li>
<li>
<strong>1961</strong> - Marries Christiana Chinwe Okolie.
</li>
<li>
<strong>1967</strong> - Co-founds Citadel Press at Enugu with Christopher Okigbo as co-founder.
</li>
<li>
<strong>1967</strong> - Becomes an ambassador of the now defunct Republic of Biafra.
</li>
<li>
<strong>1990</strong> - Begins 18-year tenure as the Charles P. Stevenson Professor of Languages and Literature.
</li>
<li>
<strong>2004</strong> - Declines national honour from the Nigerian government.
</li>
<li>
<strong> 2007</strong> - Awarded the Man Booker International Prize.
</li>
<li>
<strong>2009</strong> - Starts serving as a Professor of Africana Studies at Brown University and David and Marianna Fisher University.
</li>
<li>
<strong>2010</strong> - Wins the Dorothy and Lillian Gish Prize (2010).
</li>
<li>
<strong>2011</strong> - Rejects national honour from the Nigerian government, again.
</li>
<li>
<strong>2012</strong> - Publishes his biography <em>–There was a Country: A personal History of Biafra.</em>
</li>
<li>
<strong>2013</strong> - Dies in Boston, Massachusetts.
</li>
</ul>
</div>
<section class="section">
<div class="section-img-container">
<img class="section-img" src="https://www.dropbox.com/s/hyj74q3mstl3bkt/Achebe-01.jpg?raw=1" alt="" class="section-img">
</div>
<div class="section-caption">
<h1>The Pressman</h1>
<blockquote>
If you don't like my story, write your own.
</blockquote>
<hr>
</div>
</section>
<section class="section">
<div class="section-caption">
<h1>The Author</h1>
<blockquote>
Storytellers are a threat. They threaten all champions of control, they frighten usurpers of the right-to-freedom of the human spirit -- in state, in church or mosque, in party congress, in the university or wherever.
</blockquote>
<hr>
</div>
<div class="section-img-container">
<img class="section-img" src="https://www.dropbox.com/s/kyd58mc5kf2q5f9/Achebe.jpg?raw=1" alt="" class="section-img">
</div>
</section>
<section class="section">
<div class="section-img-container">
<img class="section-img" src="https://www.dropbox.com/s/t039bqjdrosgzcu/Achebe-02.jpg?raw=1" alt="" class="section-img">
</div>
<div class="section-caption">
<h1>The Statesman</h1>
<blockquote>
There is a moral obligation, I think, not to ally oneself with power against the powerless.
</blockquote>
<hr>
</div>
</section>
<section class="section">
<div class="section-caption">
<h1>The Social Critic</h1>
<blockquote>
We cannot trample upon the humanity of others without devaluing our own.
</blockquote>
<hr>
</div>
<div class="section-img-container">
<img class="section-img" src="https://www.dropbox.com/s/jfhox00zx36efnd/Achebe-06.jpg?raw=1" alt="" class="section-img">
</div>
</section>
<section class="section">
<div class="section-img-container">
<img class="section-img" src="https://www.dropbox.com/s/qy12ilovni814x8/Achebe-04.jpg?raw=1" alt="" class="section-img">
</div>
<div class="section-caption">
<h1>The Professor</h1>
<blockquote>
To me, being an intellectual doesn't mean knowing about intellectual issues; it means taking pleasure in them.
</blockquote>
<hr>
</div>
</section>
<footer>
<p>
<a id="tribute-link" href="https://www.wikipedia.org/wiki/Chinua_Achebe" target="_blank">Click here</a> to learn more about about Achebe.
</p>
</footer>
</main>
<script src="tribute-page.js"></script>
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
</body>
</html>