-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
307 lines (304 loc) · 19.3 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="main.css">
<title>A Tribute to William Gibson</title>
</head>
<body>
<div id="main">
<header class="header">
<h1 id="title" class="header__title">William Gibson</h1>
<figure id="img-div">
<img id="image" class="header__image" src="img/william-gibson-square-150x150.jpg"
alt="William Gibson poses for a photo taken during his promotional tour for Spook Country in 2007." />
<figcaption id="img-caption" class="header__image-caption">
"The future is there... looking back at us. Trying to make sense of the fiction we will have become."
— William Gibson<br />
Photo by:
<a href="https://www.flickr.com/photos/fredarmitage/1057613629">Frederic Poirot</a>,
<a href="https://creativecommons.org/licenses/by-sa/2.0">CC BY-SA</a>
</figcaption>
</figure>
<nav>
<ul>
<li><a href="#about">About The Author</a></li>
<li><a href="#sprawl-trilogy">Sprawl Trilogy</a></li>
<li><a href="#bridge-trilogy">Bridge Trilogy</a></li>
<li><a href="#blue-ant-trilogy">Blue Ant Trilogy</a></li>
<li><a href="#more">More Info</a></li>
<li><a href="#credits">Attribution</a></li>
</ul>
</nav>
</header>
<main id="tribute-info" class="content">
<section id="about" class="section">
<h2 class="section__title">About</h2>
<p>
William Ford Gibson (born March 17, 1948) is an American-Canadian speculative fiction writer and
essayist widely credited with pioneering the science fiction subgenre known as <em>cyberpunk</em>. Beginning
his writing career in the late 1970s, his early works were noir, near-future stories that explored the effects
of technology, cybernetics, and computer networks on humans—a "combination of lowlife and high tech"—and
helped to create an iconography for the information age before the ubiquity of the Internet in the 1990s.
Gibson notably coined the term "cyberspace" for "widespread, interconnected digital technology" in his short
story "Burning Chrome" (1982), and later popularized the concept in his acclaimed debut novel
Neuromancer (1984). These early works of Gibson's have been credited with "renovating" science fiction
literature in the 1980s.
</p>
</section>
<section id="sprawl-trilogy" class="section">
<div class="trilogy-info">
<h2 class="section__title">Sprawl Trilogy</h2>
<p>The Sprawl trilogy (also known as the Neuromancer, Cyberspace, or Matrix
trilogy)
is William Gibson's first set of novels, composed of Neuromancer (1984), Count Zero (1986), and Mona Lisa
Overdrive (1988).
</p>
<p>The novels are all set in the same fictional future, and are subtly interlinked by shared characters and
themes (which are not always readily apparent). The Sprawl trilogy shares this setting with Gibson's short
stories "Johnny Mnemonic", "New Rose Hotel", and "Burning Chrome", and events and characters from the
stories
appear in or are mentioned at points in the trilogy.
</p>
</div>
<div class="books">
<!-- Book 1 -->
<section class="book">
<h3 class="book__title">Neuromancer</h3>
<img class="book__cover" srcset="img/neuromancer-180.jpg 180w,
img/neuromancer-270.jpg 270w,
img/neuromancer-540.jpg 540w" sizes="(min-width: 1200px) 540px, (min-width: 540px) 270px, 180px"
src="img/neuromancer-180.jpg" alt="" />
<div class="book__synopsis">
<blockquote>"Before the Internet was commonplace, William Gibson showed us the Matrix—a world within the
world, the representation of every byte of data in cyberspace. Henry Dorsett Case was the sharpest
data-thief in the Matrix, until an ex-employer crippled his nervous system. Now a new employer has
recruited him for a last-chance run against an unthinkably powerful artificial intelligence. With a
mirror-eyed girl street-samurai riding shotgun, he’s ready for the silicon-quick, bleakly prophetic
adventure that upped the ante on an entire genre of fiction."</blockquote>
</div>
</section>
<!-- Book 2 -->
<section class="book">
<h3 class="book__title">Count Zero</h3>
<img class="book__cover" srcset="img/count-zero-180.jpg 180w,
img/count-zero-270.jpg 270w,
img/count-zero-540.jpg 540w" sizes="(min-width: 1200px) 540px, (min-width: 540px) 270px, 180px"
src="img/count-zero-180.jpg" alt="" />
<div class="book__synopsis">
<blockquote>"A corporate mercenary wakes in a reconstructed body, a beautiful woman by his side. Then
Hosaka Corporation reactivates him, for a mission more dangerous than the one he’s recovering from: to
get a defecting chief of R&D—and the biochip he’s perfected—out intact. But this proves to be of supreme
interest to certain other parties—some of whom aren’t remotely human..."</blockquote>
</div>
</section>
<!-- Book 3 -->
<section class="book">
<h3 class="book__title">Mona Lisa Overdrive</h3>
<img class="book__cover" srcset="img/mona-lisa-overdrive-180.jpg 180w,
img/mona-lisa-overdrive-270.jpg 270w,
img/mona-lisa-overdrive-540.jpg 540w" sizes="(min-width: 1200px) 540px, (min-width: 540px) 270px, 180px"
src="img/mona-lisa-overdrive-180.jpg" alt="" />
<div class="book__synopsis">
<blockquote>"Enter Gibson's unique world—lyric and mechanical, sensual and violent, sobering and
exciting—where multinational corporations and high tech outlaws vie for power, traveling into the
computer-generated universe known as cyberspace. Into this world comes Mona, a young girl with a murky
past and an uncertain future whose life is on a collision course with internationally famous Sense/Net
star Angie Mitchell. Since childhood, Angie has been able to tap into cyberspace without a computer.
Now, from inside cyberspace, a kidnapping plot is masterminded by a phantom entity who has plans for
Mona, Angie, and all humanity, plans that cannot be controlled . . . or even known. And behind the
intrigue lurks the shadowy Yazuka, the powerful Japanese underworld, whose leaders ruthlessly manipulate
people and events to suit their own purposes . . . or so they think."</blockquote>
</div>
</section>
</div>
</section>
<section id="bridge-trilogy" class="section">
<h2 class="section__title">Bridge Trilogy</h2>
<p>The Bridge trilogy comprises the novels Virtual Light (1993), Idoru, (1996) and All Tomorrow's Parties
(1999). A short story, "Skinner's Room", was originally composed for Visionary San Francisco, a 1990 museum
exhibition exploring the future of San Francisco.</p>
<div class="books">
<!-- Book 1 -->
<section class="book">
<h3 class="book__title">Virtual Light</h3>
<img class="book__cover" srcset="img/virtual-light-180.jpg 180w,
img/virtual-light-270.jpg 270w,
img/virtual-light-540.jpg 540w" sizes="(min-width: 1200px) 540px, (min-width: 540px) 270px, 180px"
src="img/01-01-sprawl-virtual-light-orig-180x303.jpg" alt="" />
<div class="book__synopsis">
<blockquote>"The millennium has come and gone, leaving in its wake only stunned survivors. In Los Angeles,
Berry Rydell is a former armed-response rentacop now working for a bounty hunter. Chevette Washington is
a bicycle messenger turned pickpocket who impulsively snatches a pair of innocent-looking sunglasses.
But these are no ordinary shades. What you can see through these high-tech specs can make you rich—or
get you killed. Now Berry and Chevette are on the run, zeroing in on the digitalized heart of
DatAmerica, where pure information is the greatest high. And a mind can be a terrible thing to crash..."
</blockquote>
</div>
</section>
<!-- Book 2 -->
<section class="book">
<h3 class="book__title">Idoru</h3>
<img class="book__cover" srcset="img/idoru-180.jpg 180w,
img/idoru-270.jpg 270w,
img/idoru-540.jpg 540w" sizes="(min-width: 1200px) 540px, (min-width: 540px) 270px, 180px"
src="img/idoru-180.jpg" alt="" />
<div class="book__synopsis">
<blockquote>"21st century Tokyo, after the millennial quake. Neon rain. Light everywhere blowing under any
door you might try to close. Where the New Buildings, the largest in the world, erect themselves
unaided, their slow rippling movements like the contractions of a sea-creature...</blockquote>
<blockquote>Colin Laney is here looking for work. He is an intuitive fisher for patterns of information,
the “signature” an individual creates simply by going about the business of living. But Laney knows how
to sift for the dangerous bits. Which makes him useful—to certain people.</blockquote>
<blockquote>Chia McKenzie is here on a rescue mission. She’s fourteen. Her idol is the singer Rez, of the
band Lo/Rez. When the Seattle chapter of the Lo/Rez fan club decided that he might be in trouble in
Tokyo, they sent Chia to check it out.</blockquote>
<blockquote>Rei Toei is the idoru—the beautiful, entirely virtual media star adored by all Japan. Rez has
declared that he will marry her. This is the rumor that has brought Chia to Tokyo. True or not, the
idoru and the powerful interests surrounding her are enough to put all their lives in danger..."
</blockquote>
</div>
</section>
<!-- Book 3 -->
<section class="book">
<h3 class="book__title">All Tomorrow's Parties</h3>
<img class="book__cover" srcset="img/all-tomorrows-parties-180.jpg 180w,
img/all-tomorrows-parties-270.jpg 270w,
img/all-tomorrows-parties-540.jpg 540w"
sizes="(min-width: 1200px) 540px, (min-width: 540px) 270px, 180px" src="img/all-tomorrows-parties-180.jpg"
alt="" />
<div class="book__synopsis">
<blockquote>"Colin Laney, sensitive to patterns of information like no one else on earth, currently
resides in a cardboard box in Tokyo. His body shakes with fever dreams, but his mind roams free as
always, and he knows something is about to happen. Not in Tokyo; he will not see this thing himself.
Something is about to happen in San Francisco.</blockquote>
<blockquote>The mists make it easy to hide, if hiding is what you want, and even at the best of times
reality there seems to shift. A gray man moves elegantly through the mists, leaving bodies in his wake,
so that a tide of absences alerts Laney to his presence. A boy named Silencio does not speak, but flies
through webs of cyber-information in search of the one object that has seized his imagination. And Rei
Toi, the Japanese Idoru, continues her study of all things human. She herself is not human, not quite,
but she’s working on it. And in the mists of San Francisco, at this rare moment in history, who is to
say what is or is not impossible..."</blockquote>
</div>
</section>
</div>
</section>
<section id="blue-ant-trilogy" class="section">
<h2 class="section__title">Blue Ant Trilogy</h2>
<p>Following the turn of the century and the events of 9/11, Gibson emerged with a string of increasingly
realist novels—Pattern Recognition (2003), Spook Country (2007), and Zero History (2010)—set in a roughly
contemporary world. These works saw his name reach mainstream bestseller lists for the first time.</p>
<div class="books">
<!-- Book 1 -->
<section class="book">
<h3 class="book__title">Pattern Recognition</h3>
<img class="book__cover" srcset="img/pattern-recognition-180.jpg 180w,
img/pattern-recognition-270.jpg 270w,
img/pattern-recognition-540.jpg 540w" sizes="(min-width: 1200px) 540px, (min-width: 540px) 270px, 180px"
src="img/pattern-recognition-180.jpg" alt="" />
<div class="book__synopsis">
<blockquote>"Cayce Pollard is a new kind of prophet—a world-renowned “coolhunter” who predicts the hottest
trends. While in London to evaluate the redesign of a famous corporate logo, she’s offered a different
assignment: find the creator of the obscure, enigmatic video clips being uploaded to the
internet—footage that is generating massive underground buzz worldwide.</blockquote>
<blockquote>Still haunted by the memory of her missing father—a Cold War security guru who disappeared in
downtown Manhattan on the morning of September 11, 2001—Cayce is soon traveling through parallel
universes of marketing, globalization, and terror, heading always for the still point where the three
converge. From London to Tokyo to Moscow, she follows the implications of a secret as disturbing—and
compelling—as the twenty-first century promises to be..."</blockquote>
</div>
</section>
<!-- Book 2 -->
<section class="book">
<h3 class="book__title">Spook Country</h3>
<img class=" book__cover" srcset="img/spook-country-180.jpg 180w,
img/spook-country-270.jpg 270w,
img/spook-country-540.jpg 540w" sizes="(min-width: 1200px) 540px, (min-width: 540px) 270px, 180px"
src="img/spook-country-180.jpg" alt="" />
<div class="book__synopsis">
<blockquote>"spook (spo͞ok) n.: A specter; a ghost. Slang for “intelligence agent.”</blockquote>
<blockquote>country (ˈkən-trē) n.: In the mind or in reality. The World. The United States of America, New
Improved Edition. What lies before you. What lies behind.</blockquote>
<blockquote>spook country (spo͞ok ˈkən-trē) n.: The place where we all have landed, few by choice. The
place we are learning to live.</blockquote>
<blockquote>Hollis Henry is a journalist, on investigative assignment for a magazine called Node, which
doesn’t exist yet. Bobby Chombo apparently does exist, as a producer. But in his day job, Bobby is a
troubleshooter for military navigation equipment. He refuses to sleep in the same place twice. He meets
no one. And Hollis Henry has been told to find him..."</blockquote>
</div>
</section>
<!-- Book 3 -->
<section class="book">
<h3 class="book__title">Zero History</h3>
<img class=" book__cover" srcset="img/zero-history-180.jpg 180w,
img/zero-history-270.jpg 270w,
img/zero-history-540.jpg 540w" sizes="(min-width: 1200px) 540px, (min-width: 540px) 270px, 180px"
src="img/zero-history-180.jpg" alt="" />
<div class="book__synopsis">
<blockquote>"Hollis Henry never intended to work for global marketing magnate Hubertus Bigend again. But
now she’s broke, and Bigend has just the thing to get her back in the game...</blockquote>
<blockquote>Milgrim can disappear in almost any setting, and his Russian is perfectly idiomatic—so much so
that he spoke it with his therapist in the secret Swiss clinic where Bigend paid for him to be cured of
his addiction...</blockquote>
<blockquote>Garreth doesn't owe Bigend a thing. But he does have friends from whom he can call in the
kinds of favors powerful people need when things go sideways...</blockquote>
<blockquote>They all have something Bigend wants as he finds himself outmaneuvered and adrift, after a
Department of Defense contract for combat-wear turns out to be the gateway drug for arms dealers so
shadowy they can out-Bigend Bigend himself."</blockquote>
</div>
</section>
</div>
</section>
<section id="more" class="section">
<h2 class="section__title">More Info</h2>
<p>
For the latest information on William Gibson, visit the official <a id="tribute-link"
href="https://williamgibsonbooks.com/" target="_blank" rel="noopener noreferrer">William Gibson
website</a>.
</p>
<img id="static" src="img/tv-static.gif" alt="" />
</section>
<section id="credits" class="section">
<h2 class="section__title">Attribution</h2>
<p>
This page uses material from the Wikipedia articles listed below, all of which have been released under the
<a href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank" rel="noopener noreferrer">
Creative Commons Attribution-Share-Alike License 3.0</a>:
</p>
<ul>
<li>
<a href="https://en.wikipedia.org/w/index.php?title=William_Gibson&oldid=944195802" target="_blank"
rel="noopener noreferrer">
"William Gibson"
</a>
</li>
<li>
<a href="https://en.wikipedia.org/w/index.php?title=Sprawl_trilogy&oldid=928356674" target="_blank"
rel="noopener noreferrer">
"Sprawl trilogy"
</a>
</li>
<li>
<a href="https://en.wikipedia.org/w/index.php?title=Bridge_trilogy&oldid=928356834" target="_blank"
rel="noopener noreferrer">
"Bridge trilogy"
</a>
</li>
</ul>
<p>
The book synopses provided above are copyright of the publisher,
<a href="https://www.penguinrandomhouse.com/">Penguin Random House</a>.
</p>
</section>
</main>
<footer class="footer">
<p>Page design by <a href="https://twitter.com/RobertGroves">Robert Groves</a>.</p>
<p>A <a href="https://www.freecodecamp.org/" target="_blank" rel="noopener noreferrer">freeCodeCamp.org</a>
Responsive Web Design curriculum project.</p>
<p class="flatline">No console cowboys flatlined during the making of this page.</p>
</footer>
</div>
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
</body>
</html>