-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
284 lines (278 loc) · 38.7 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
<!DOCTYPE html>
<html lang="en" prefix="og: https://ogp.me/ns#">
<head>
<meta charset="UTF-8" />
<meta name="description" content="My very own personal website.">
<meta name="robots" content="index,follow">
<meta name="subject" content="This is just a résumé.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="white">
<meta property="og:description" content="My name is Barry Allen, and I am the fastest man alive. To the outside world, I’m an ordinary forensic scientist, but secretly, with the help of my friend at S.T.A.R Labs, I fight crime and find other meta-humans like me. I am the Flash.">
<meta property="og:image:alt" content="Screenshot of the homepage">
<meta property="og:image:height" content="1800">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="2880">
<meta property="og:image" content="https://vadymkolesnyk.github.io/homepage/assets/images/og-image.en_US.png">
<meta property="og:locale" content="en_US">
<meta property="og:title" content="The Flash — Résumé">
<meta property="og:type" content="website">
<meta property="og:url" content="https://vadymkolesnyk.github.io/homepage/">
<title>The Flash — Résumé</title>
<link rel="shortcut icon" href="./assets/images/avatar.svg" type="image/svg">
<link rel="stylesheet" href="https://binary-studio-academy.github.io/stage-2/assets/stylesheets/base.css">
<link rel="stylesheet" href="./assets/stylesheet/styles.css">
</head>
<body>
<dialog id="arrowverse">
<a href="#resume" title="Hide arrowverse timeline" class="close-button"><svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.76 511.76" style="enable-background:new 0 0 511.76 511.76;" xml:space="preserve"> <g><path d="M436.896,74.869c-99.84-99.819-262.208-99.819-362.048,0c-99.797,99.819-99.797,262.229,0,362.048 c49.92,49.899,115.477,74.837,181.035,74.837s131.093-24.939,181.013-74.837C536.715,337.099,536.715,174.688,436.896,74.869z M361.461,331.317c8.341,8.341,8.341,21.824,0,30.165c-4.16,4.16-9.621,6.251-15.083,6.251c-5.461,0-10.923-2.091-15.083-6.251 l-75.413-75.435l-75.392,75.413c-4.181,4.16-9.643,6.251-15.083,6.251c-5.461,0-10.923-2.091-15.083-6.251 c-8.341-8.341-8.341-21.845,0-30.165l75.392-75.413l-75.413-75.413c-8.341-8.341-8.341-21.845,0-30.165 c8.32-8.341,21.824-8.341,30.165,0l75.413,75.413l75.413-75.413c8.341-8.341,21.824-8.341,30.165,0 c8.341,8.32,8.341,21.824,0,30.165l-75.413,75.413L361.461,331.317z"/></g> </svg></a>
<div class="photos">
<img src="./assets/images/flash-arrowverve-timeline.jpg" alt="flash-arrowverve-timeline">
</div>
</dialog>
<main>
<canvas id="canvas"></canvas>
<article>
<div class="page main-page" style="border-color: #F43735;">
<div class="stackable grid">
<div class="row">
<div class="three wide center aligned column">
<div class="avatar-wrapper">
<object class="avatar" data="./assets/images/avatar.svg" role="img" aria-label="My profile picture"></object>
</div>
</div>
<div class="thirteen wide column">
<div class="stackable grid">
<div class="sixteen wide column">
<h1 class="name">The Flash<strong style="margin-left: 0.0625em;">*</strong></h1>
<div class="job">Superhero🦸</div>
<ul class="contacts">
<li>
<a href="https://en.wikipedia.org/wiki/Justice_League" rel="contact">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><path d="M418.8,523.6c113,0,152-83.8,152-83.8l104.8-199.1H534.1L413.5,465.9H203.9l41.9-83.8c-103.1-9.2-183.4,54-183.4,94.3c0,45.2,73.4,47.2,73.4,47.2S305.8,523.6,418.8,523.6z M235.3,445H403l120.5-225.4h188.7l-89.1,162.5c0,0,123.5-11.4,125.8,68.1c-0.8,20.1-83.9,157.2-83.9,157.2h188.6c0,0,15.9-56.7,15.7-120.5c0-90.7-89.5-356.4-361.6-356.4c-242.8,0-337.8,189.4-345.9,235.8l120.5-5.3L235.3,445z M843.3,455.5c5.6,99.2-10.5,131-10.5,131s-79.1,0.2-131,0c55.6-93.9,68.1-113.8,68.1-141.5c-1.7-76.6-110-83.9-110-83.9l62.9-115.3C759.3,263.3,831.1,346.5,843.3,455.5z M193.4,340.1c85.5-153.9,199.5-183.4,319.7-183.4c120.2,0,167.7,41.9,167.7,41.9H507.9L392.6,418.8H277.3l36.7-78.6L193.4,340.1L193.4,340.1z M628.4,628.4l89.1-152c0,0,11.6-16,10.5-31.4c-1.2-15.4-24-41.9-83.9-41.9c-24.8,0-26.2,0-26.2,0L497.4,612.7c0,0-49.2,73.4,68.1,73.4c117.3,0,214.9,0,214.9,0s100.9-7.2,131-57.6H628.4z M500,10C229.4,10,10,229.4,10,500c0,270.6,219.4,490,490,490c270.6,0,490-219.4,490-490C990,229.4,770.6,10,500,10z M497.4,942.8c-246,0-445.5-199.4-445.5-445.5c0-246,199.4-445.5,445.5-445.5c246,0,445.5,199.4,445.5,445.5S743.4,942.8,497.4,942.8z M560.3,707c-89.1,0-94.3-52.7-94.3-73.4c0-20.7,68.1-125.8,68.1-125.8c-33.9,32.7-125.8,36.7-125.8,36.7H135.8c44,310.2,335.4,319.7,335.4,319.7h57.6c187.2,0,277.8-162.4,277.8-162.4C774.8,709.3,649.4,707,560.3,707z M523.6,843.2h-57.6c0,0-244.1-7.8-309.2-283l246.3,5.2c0,0,55.1,1,73.4-10.5c0,0-31.5,47.4-31.4,78.6c0.1,31.3,6.5,99.6,120.5,99.6c114,0,193.9,0,193.9,0S664,843.2,523.6,843.2z"/></svg>
<span>Justice League</span>
</a>
</li>
<li>
<a href="https://en.wikipedia.org/wiki/S.T.A.R._Labs" rel="contact">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="40 0 270 150"><polygon class="cls-2" points="187.83 121.69 187.83 36.17 200.17 36.17 200.17 26.5 165.82 26.5 165.82 36.17 178.16 36.17 178.16 121.69 187.83 121.69"/><path class="cls-2" d="M237.92,30.13a16.73,16.73,0,0,0-21.83,0c-3.54,2.81-5.57,6.42-5.57,9.9v81.66h9.66v-36h13.65v36h9.67V40C243.5,36.55,241.47,32.94,237.92,30.13ZM220.18,76.05v-36c.2-1.23,3.58-4.32,6.83-4.32s6.62,3.09,6.82,4.32v36Z"/><path class="cls-2" d="M292,121.69V87.29a12.36,12.36,0,0,0-4.87-9.41c3.11-3,4.87-6.84,4.87-10V41.81c0-10.44-9.8-15.31-16.42-15.31H258.7v95.19h9.67v-39h3.71c6.66,0,10.25,3.3,10.25,4.64v34.4ZM268.37,73V36.17h7.21a8.72,8.72,0,0,1,4.56,1.56,4.67,4.67,0,0,1,2.19,4.08V67.87a7.47,7.47,0,0,1-7,5.12Z"/><path class="cls-2" d="M157.19,109.33V87.66l-23.9-32.28V40.46a6.66,6.66,0,0,1,1-2.17c1.22-1.71,3.22-2.54,6.11-2.54s4.71.75,5.94,2.31a6.49,6.49,0,0,1,1.17,2.42V52.32h9.67V39.75l0-.29c-.55-4.63-4.77-13.38-16.74-13.38s-16.19,8.75-16.75,13.38l0,.29V58.56l23.9,32.29v17.79a7.17,7.17,0,0,1-1,2.31c-1.23,1.75-3.21,2.6-6.08,2.6s-4.69-.78-5.92-2.38a7,7,0,0,1-1.2-2.55V96.76h-9.67v12.57l0,.28c.55,4.71,4.76,13.61,16.75,13.61s16.19-8.9,16.75-13.61Z"/><rect class="cls-2" x="157.19" y="117.02" width="4.67" height="4.67"/><rect class="cls-2" x="191.27" y="117.02" width="4.67" height="4.67"/><rect class="cls-2" x="246.05" y="117.02" width="4.67" height="4.67"/><rect class="cls-2" x="294.55" y="117.02" width="4.67" height="4.67"/><polygon class="cls-2" points="125.76 128.85 123.86 128.85 123.86 143.17 128.95 143.17 128.95 141.52 125.76 141.52 125.76 128.85"/><path class="cls-2" d="M139.78,128.85l-3.12,14.32h1.86l.54-2.79h2.85l.53,2.79h1.91l-3.07-14.32Zm-.44,10.05,1.14-7.28h0l.72,5.21.38,2.07Z"/><path class="cls-2" d="M158.69,137.17a2.39,2.39,0,0,0-.62-.76,2.72,2.72,0,0,0-1-.51v0a2.15,2.15,0,0,0,1.47-1.21,3,3,0,0,0,.26-.93,6.94,6.94,0,0,0,.07-1,8,8,0,0,0-.15-1.63,3,3,0,0,0-.53-1.2,2.37,2.37,0,0,0-1-.75,4.32,4.32,0,0,0-1.6-.26H153.2v14.32h2.28a3.49,3.49,0,0,0,2.79-1,4.46,4.46,0,0,0,.82-2.94,6.81,6.81,0,0,0-.09-1.13A3,3,0,0,0,158.69,137.17Zm-3.7-6.71h.32a1.7,1.7,0,0,1,.83.18,1.41,1.41,0,0,1,.53.47,1.92,1.92,0,0,1,.27.69,4.28,4.28,0,0,1,.08.81,6.85,6.85,0,0,1-.07,1,2,2,0,0,1-.27.83,1.38,1.38,0,0,1-.62.52,2.26,2.26,0,0,1-1.07.14Zm2,9.78a1.72,1.72,0,0,1-.32.75,1.43,1.43,0,0,1-.64.45,2.45,2.45,0,0,1-1,.11v-4.88a2.52,2.52,0,0,1,1.06.16,1.35,1.35,0,0,1,.64.5,1.84,1.84,0,0,1,.31.8,7,7,0,0,1,.08,1.07A5.32,5.32,0,0,1,157,140.24Z"/><path class="cls-2" d="M175.68,133a10.3,10.3,0,0,0-.33-1.58,5,5,0,0,0-.65-1.38,3.32,3.32,0,0,0-1-1,3.13,3.13,0,0,0-4.16,1,4.74,4.74,0,0,0-.65,1.38,10.3,10.3,0,0,0-.33,1.58,15.08,15.08,0,0,0-.12,1.62c0,.53,0,1,0,1.44s0,.91,0,1.44a15.08,15.08,0,0,0,.12,1.62,10.3,10.3,0,0,0,.33,1.58,4.87,4.87,0,0,0,.65,1.38,3.3,3.3,0,0,0,4.15,1,3.24,3.24,0,0,0,1-1,5.16,5.16,0,0,0,.65-1.38,10.3,10.3,0,0,0,.33-1.58,15.08,15.08,0,0,0,.12-1.62c0-.53,0-1,0-1.44s0-.91,0-1.44A15.08,15.08,0,0,0,175.68,133Zm-1.93,5.21a10.25,10.25,0,0,1-.24,1.77,3.34,3.34,0,0,1-.51,1.2,1.14,1.14,0,0,1-1.8,0,3.34,3.34,0,0,1-.52-1.2,9.42,9.42,0,0,1-.23-1.77c0-.67-.06-1.39-.06-2.15s0-1.48.06-2.16a9.42,9.42,0,0,1,.23-1.76,3.34,3.34,0,0,1,.52-1.2,1.14,1.14,0,0,1,1.8,0,3.34,3.34,0,0,1,.51,1.2,10.26,10.26,0,0,1,.24,1.76q.06,1,.06,2.16C173.81,136.77,173.79,137.49,173.75,138.16Z"/><path class="cls-2" d="M190.2,135.69a3.23,3.23,0,0,0,.6-.93,4.31,4.31,0,0,0,.32-1.13,9.05,9.05,0,0,0,.08-1.11,4.88,4.88,0,0,0-.36-2.09,2.61,2.61,0,0,0-.89-1.09,2.47,2.47,0,0,0-1.16-.42,9.64,9.64,0,0,0-1.14-.07h-2.28v14.32h1.9v-7h0l2.58,7h2l-2.64-7A1.86,1.86,0,0,0,190.2,135.69Zm-1.44-1.05a1.52,1.52,0,0,1-1.49.55v-4.73h.31a1.56,1.56,0,0,1,.85.18,1.2,1.2,0,0,1,.49.53,2.14,2.14,0,0,1,.22.8,9.61,9.61,0,0,1,.05,1A2.94,2.94,0,0,1,188.76,134.64Z"/><path class="cls-2" d="M202.9,128.85l-3.11,14.32h1.86l.53-2.79H205l.53,2.79h1.92l-3.08-14.32Zm-.44,10.05,1.14-7.28h0l.72,5.21.38,2.07Z"/><polygon class="cls-2" points="214.39 130.5 216.63 130.5 216.63 143.17 218.53 143.17 218.53 130.5 220.68 130.5 220.68 128.85 214.39 128.85 214.39 130.5"/><path class="cls-2" d="M236.29,133a10.3,10.3,0,0,0-.33-1.58,5,5,0,0,0-.64-1.38,3.24,3.24,0,0,0-1-1,3.1,3.1,0,0,0-1.56-.36,3.06,3.06,0,0,0-1.55.36,3.24,3.24,0,0,0-1,1,4.73,4.73,0,0,0-.64,1.38,8.37,8.37,0,0,0-.33,1.58,12.93,12.93,0,0,0-.13,1.62c0,.53,0,1,0,1.44s0,.91,0,1.44a12.93,12.93,0,0,0,.13,1.62,8.37,8.37,0,0,0,.33,1.58,4.85,4.85,0,0,0,.64,1.38,3.18,3.18,0,0,0,1.06,1,3.5,3.5,0,0,0,3.09,0,3.18,3.18,0,0,0,1.06-1,5.14,5.14,0,0,0,.64-1.38,10.3,10.3,0,0,0,.33-1.58c.07-.55.11-1.09.13-1.62s0-1,0-1.44,0-.91,0-1.44S236.36,133.5,236.29,133Zm-1.92,5.21a10.25,10.25,0,0,1-.24,1.77,3.34,3.34,0,0,1-.51,1.2,1.1,1.1,0,0,1-.91.44,1.07,1.07,0,0,1-.9-.44,3.34,3.34,0,0,1-.51-1.2,10.25,10.25,0,0,1-.24-1.77c0-.67-.06-1.39-.06-2.15s0-1.48.06-2.16a10.26,10.26,0,0,1,.24-1.76,3.34,3.34,0,0,1,.51-1.2,1,1,0,0,1,.9-.44,1.08,1.08,0,0,1,.91.44,3.34,3.34,0,0,1,.51,1.2,10.26,10.26,0,0,1,.24,1.76c0,.68,0,1.4,0,2.16S234.4,137.49,234.37,138.16Z"/><path class="cls-2" d="M250.81,135.69a3.26,3.26,0,0,0,.61-.93,4.72,4.72,0,0,0,.31-1.13,7.52,7.52,0,0,0,.09-1.11,4.88,4.88,0,0,0-.36-2.09,2.56,2.56,0,0,0-.9-1.09,2.44,2.44,0,0,0-1.15-.42,9.64,9.64,0,0,0-1.14-.07H246v14.32h1.9v-7h0l2.59,7h2l-2.64-7A1.79,1.79,0,0,0,250.81,135.69Zm-1.43-1.05a1.53,1.53,0,0,1-1.49.55v-4.73h.3a1.53,1.53,0,0,1,.85.18,1.22,1.22,0,0,1,.5.53,2.35,2.35,0,0,1,.22.8,9.61,9.61,0,0,1,.05,1A3,3,0,0,1,249.38,134.64Z"/><rect class="cls-2" x="261.48" y="128.85" width="1.9" height="14.32"/><polygon class="cls-2" points="273.3 143.17 278.4 143.17 278.4 141.52 275.19 141.52 275.19 136.65 278.06 136.65 278.06 135 275.19 135 275.19 130.5 278.4 130.5 278.4 128.85 273.3 128.85 273.3 143.17"/><path class="cls-2" d="M292.06,137.29a5.58,5.58,0,0,0-.65-.93c-.25-.3-.54-.61-.85-.94l-1.45-1.58a2.53,2.53,0,0,1-.4-.73,2.24,2.24,0,0,1-.13-.82A2,2,0,0,1,289,131a1.5,1.5,0,0,1,1.24-.55,2,2,0,0,1,.87.17,5.92,5.92,0,0,1,.75.43l0-1.91a3.26,3.26,0,0,0-1-.38,6.05,6.05,0,0,0-1.06-.1,3.1,3.1,0,0,0-1.4.3,2.8,2.8,0,0,0-1,.78,3.65,3.65,0,0,0-.6,1.16,5,5,0,0,0-.2,1.43A4.1,4.1,0,0,0,287,134a5,5,0,0,0,.74,1.25,8.66,8.66,0,0,0,1,1,12.33,12.33,0,0,1,1,1,5.51,5.51,0,0,1,.75,1,2.66,2.66,0,0,1,.29,1.26,2.45,2.45,0,0,1-.4,1.4,1.41,1.41,0,0,1-1.27.6,2.33,2.33,0,0,1-1-.21,5.41,5.41,0,0,1-.88-.53v1.91a2.79,2.79,0,0,0,1,.53,4.12,4.12,0,0,0,1.1.16,3,3,0,0,0,1.41-.31,3.26,3.26,0,0,0,1.06-.81,3.54,3.54,0,0,0,.66-1.19,4.51,4.51,0,0,0,.23-1.43,6.25,6.25,0,0,0-.13-1.29A4.49,4.49,0,0,0,292.06,137.29Z"/><polygon class="cls-2" points="60.11 28.27 60.11 76.78 70.29 87.89 60.11 28.27"/><polygon class="cls-2" points="60.11 98.54 60.11 111.67 69.69 99.81 60.11 98.54"/><polygon class="cls-2" points="60.11 79.43 60.11 91.61 70.07 90.3 60.11 79.43"/><polygon class="cls-2" points="60.11 114.53 60.11 142.2 70.5 101.66 60.11 114.53"/><polygon class="cls-2" points="87.29 26.34 60.63 26.34 76.28 86.19 87.29 26.34"/><polygon class="cls-2" points="114.44 26.34 88.2 26.34 77.24 85.92 114.44 26.34"/><polygon class="cls-2" points="115.21 92.7 115.21 26.68 82.7 89.72 115.21 92.7"/><polygon class="cls-2" points="115.21 143.11 115.21 94.67 82.28 98.6 115.21 143.11"/><polygon class="cls-2" points="85.88 143.17 114.09 143.17 77.29 103.34 85.88 143.17"/><polygon class="cls-2" points="60.87 143.17 84.81 143.17 76.31 103.8 60.87 143.17"/><rect class="cls-2" x="71.35" y="90.15" width="4.52" height="4.52"/></svg>
<span>S.T.A.R. Labs</span>
</a>
</li>
<li>
<a href="https://en.wikipedia.org/wiki/Central_City_Police_Department" rel="contact">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><g transform="translate(0.000000,511.000000) scale(0.100000,-0.100000)"><path d="M4718.3,4929.8c-214.6-393-369.8-514.6-664.5-514.6c-276.7,0-413.7,59.5-612.8,261.2l-175.8,175.8l-155.1-95.7c-124.1-75-155.1-106-144.8-147.4c5.2-28.4,25.9-103.4,41.4-168.1c82.7-323.2-126.7-708.5-462.8-861.1c-165.5-75-437-75-605.1,2.6c-67.2,31-199.1,126.7-289.6,214.6L1483.5,3955l-67.2-217.2c-162.9-530.1-98.3-998.1,204.3-1442.8c121.5-181,144.8-230.1,144.8-328.4c0-248.2-103.4-506.8-444.8-1119.6C979.3,231.5,865.5-102,806-655.4C733.6-1338,950.8-1909.5,1480.9-2437c400.8-400.8,824.9-680,1965.2-1292.9c739.5-398.2,1155.8-664.5,1391.1-894.6l168.1-165.5l191.4,183.6c237.9,225,555.9,434.4,1158.4,760.2c1132.5,615.4,1450.6,806.8,1810,1086c522.3,408.6,855.9,855.9,985.2,1318.7c64.6,240.5,77.6,685.2,23.3,1000.7c-80.1,475.8-206.9,788.7-628.3,1538.5c-199.1,354.2-289.6,594.7-307.7,822.3c-12.9,152.6-10.3,157.7,129.3,369.8c80.2,116.4,168.1,274.1,196.5,351.7c129.3,346.5,134.4,726.6,15.5,1096.4l-67.2,214.6L8351.2,3805c-214.6-199.1-369.8-268.9-602.5-268.9c-312.9,0-587,175.8-716.3,462.8c-67.2,147.4-72.4,437-12.9,574l41.4,93.1l-183.6,87.9c-139.6,67.2-183.6,80.2-193.9,51.7c-25.9-77.6-201.7-243.1-325.8-305.1c-100.8-51.7-183.6-69.8-341.3-80.1c-380.1-20.7-563.7,87.9-721.4,429.2l-75,160.3h-227.6h-230.1L4718.3,4929.8z M4764.8,3086.2v-346.5l214.6,2.6c209.5,5.2,212,5.2,219.8-62.1l7.8-67.2l-289.6-15.5c-160.3-7.8-299.9-10.4-312.9-2.6c-10.3,7.7-20.7,199.1-20.7,426.6v411.1h90.5h90.5V3086.2z M5553.5,3406.8c12.9-23.3-54.3-749.9-75-817.1c-12.9-36.2-170.7-12.9-170.7,25.9c0,15.5,20.7,206.9,44,424.1l41.4,393h72.4C5504.3,3432.7,5545.7,3422.3,5553.5,3406.8z M4183,3200c93.1-90.5,168.1-266.3,168.1-395.6c0-209.4-193.9-380.1-431.8-380.1c-232.7,0-393,175.8-413.7,449.9c-12.9,173.3,49.1,292.2,201.7,372.3C3875.3,3337,4061.5,3318.9,4183,3200z M6300.8,3241.3c108.6-46.5,196.5-157.7,196.5-253.4c0-69.8-7.8-75-82.8-67.2c-64.6,5.2-87.9,23.3-98.3,72.4c-20.7,90.5-131.9,147.4-222.4,116.4c-116.4-41.4-178.4-150-178.4-315.5c0-126.7,7.7-150,69.8-196.5c69.8-51.7,75-51.7,162.9-10.4c49.1,23.3,90.5,56.9,90.5,69.8c0,15.5,33.6,7.8,77.6-18.1c44-23.3,77.6-51.7,77.6-62.1c0-33.6-157.7-152.6-225-168.1c-85.3-23.3-263.7,31-341.3,100.8c-170.7,157.7-139.6,512,64.6,690.4c72.4,62.1,113.8,77.6,206.9,77.6C6161.1,3277.5,6251.6,3262,6300.8,3241.3z M7420.4,2615.6c5.2-12.9-7.8-46.5-25.9-72.4c-33.6-44-46.5-41.4-219.8,75c-103.4,69.8-191.4,118.9-193.9,113.8c-103.4-131.9-106-129.3,72.4-248.2c93.1-62.1,168.1-121.5,168.1-131.9c0-12.9-15.5-41.4-33.6-67.2c-33.6-44-44-41.4-181,46.5c-206.9,134.5-212,134.5-271.5,31l-54.3-90.5l193.9-119c106-67.2,191.4-126.7,191.4-131.9c0-31-56.9-113.8-77.6-113.8c-12.9,0-139.6,75-284.4,168.1l-258.6,170.7l85.3,134.5c49.1,72.4,152.6,235.3,232.7,359.4l147.4,227.5l250.8-162.9C7298.8,2713.9,7415.2,2628.5,7420.4,2615.6z M3172,2861.2c212-165.5,173.3-354.2-111.2-540.4l-59.5-41.4l80.2-126.7l82.7-129.3l-56.9-46.5c-31-25.9-67.2-41.4-77.6-38.8c-12.9,5.2-121.5,165.5-243.1,356.8c-168.1,268.9-212,354.3-186.2,377.5c72.4,67.2,393,243.1,447.3,243.1C3078.9,2915.5,3133.2,2892.3,3172,2861.2z M5700.9,2235.5c1088.6-284.4,1913.4-1192,2089.3-2301.3c51.7-310.3,20.7-876.6-62.1-1176.5c-131.9-475.8-349.1-853.3-703.3-1220.5c-121.5-124.1-307.7-289.6-413.7-362c-548.2-380.1-1246.3-561.1-1887.6-491.3c-693,72.4-1274.8,356.8-1753.1,853.3c-354.3,367.2-571.5,744.7-703.3,1220.5c-82.7,299.9-113.8,866.2-62.1,1176.5C2393.7,1121,3309,2057.1,4498.5,2282C4811.3,2341.5,5380.2,2318.2,5700.9,2235.5z"/><path d="M3792.6,3117.2c-87.9-41.4-121.5-131.9-103.4-263.7c33.6-219.8,222.4-338.7,372.3-232.7c98.3,67.2,116.4,129.3,82.7,268.9C4092.5,3109.5,3955.5,3197.4,3792.6,3117.2z"/><path d="M2897.9,2675.1l-98.3-56.9l54.3-90.5c31-49.1,59.5-93.1,62.1-98.3c18.1-20.7,193.9,116.4,209.4,157.7c15.5,49.1-54.3,147.4-103.4,147.4C3006.5,2734.5,2949.6,2708.7,2897.9,2675.1z"/><path d="M4648.5,1881.2c-954.1-152.6-1727.3-843-1980.7-1771.2c-82.7-299.9-82.7-917.9-2.6-1215.3c232.7-848.1,861.1-1481.6,1704-1724.7c274.1-80.1,933.4-85.3,1207.6-10.3c1130,305.1,1869.5,1295.4,1817.8,2433.2c-49.1,1098.9-788.7,1993.6-1859.2,2249.6C5331.1,1891.6,4852.7,1912.3,4648.5,1881.2z M5124.2,1242.6c51.7-54.3,108.6-193.9,222.4-555.9l155.1-486.1h524.9c532.7,0,599.9-10.4,669.7-100.8c49.1-62.1,38.8-193.9-15.5-250.8c-25.9-31-224.9-178.4-439.6-331c-214.6-152.5-395.6-287-403.4-297.4c-5.2-12.9,56.9-230.1,142.2-483.5c175.8-524.9,188.8-625.8,87.9-705.9c-124.1-98.3-175.8-75-641.3,266.4l-434.4,323.2l-134.5-98.3c-558.5-413.7-752.5-545.6-793.8-545.6c-116.4,0-230.1,106-230.1,214.6c0,18.1,69.8,248.3,155.1,509.4c85.3,263.7,155.1,491.3,155.1,506.8c0,12.9-191.3,162.9-424.1,331c-447.3,323.2-504.2,387.9-457.7,512c54.3,139.6,95.7,150,674.9,150h535.3l124.1,395.6c181,576.6,214.6,654.2,279.3,685.2C4971.7,1327.9,5049.2,1315,5124.2,1242.6z"/><path d="M4909.6,138.4c-100.8-338.7-113.8-349.1-481-356.8l-297.4-7.8L4369.2-402c170.6-126.7,240.5-193.9,250.8-245.6c10.3-46.5-15.5-162.9-72.4-336.2c-49.1-144.8-75-256-59.5-245.6c18.1,10.3,124.1,85.3,235.3,168.1c129.3,93.1,232.7,150,274.1,150s144.8-56.9,274.1-150c111.2-82.7,217.2-157.7,232.7-168.1c18.1-10.4-10.4,106-59.5,258.6c-111.2,343.9-106,359.4,193.9,579.2l225,165.5l-318,12.9c-266.3,10.4-325.8,20.7-351.7,59.5c-20.7,23.3-67.2,155.1-108.6,289.6c-38.8,134.5-80.2,245.6-87.9,245.6C4989.8,381.5,4951,272.9,4909.6,138.4z"/></g></svg>
<span>Central City Police Department</span>
</a>
</li>
<li>
<a href="https://en.wikipedia.org/wiki/Blue_Lantern_Corps" rel="contact">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 144"><g id="surface1"><path style=" stroke:none;fill-rule:nonzero;fill:rgb(20.399475%,50.59967%,76.499939%);fill-opacity:1;" d="M 144 72 C 144 111.765625 111.765625 144 72 144 C 32.234375 144 0 111.765625 0 72 C 0 32.234375 32.234375 0 72 0 C 111.765625 0 144 32.234375 144 72 "/><path style=" stroke:none;fill-rule:nonzero;fill:rgb(0.799561%,1.599121%,1.998901%);fill-opacity:1;" d="M 117.960938 117.960938 C 106.171875 129.746094 88.664063 137 71.996094 137 C 54.386719 137 38.753906 129.636719 26.035156 117.960938 C 13.273438 106.242188 7.75 88.808594 7 71.996094 C 6.273438 55.808594 14.761719 37.308594 26.035156 26.035156 C 37.824219 14.25 55.332031 6.996094 71.996094 6.996094 C 89.609375 6.996094 105.242188 14.363281 117.960938 26.035156 C 130.722656 37.753906 136.246094 55.1875 136.996094 71.996094 C 137.722656 88.1875 129.234375 106.6875 117.960938 117.960938 M 143.351563 62.394531 C 138.382813 25.867188 106.445313 -1.679688 67.933594 0.078125 C 24.519531 2.972656 -7.703125 42.902344 1.613281 87.074219 C 8.890625 121.09375 40.113281 146.097656 76.652344 143.859375 C 117.492188 140.988281 148.953125 104.671875 143.351563 62.394531 "/><path style=" stroke:none;fill-rule:nonzero;fill:rgb(0.799561%,1.599121%,1.998901%);fill-opacity:1;" d="M 72.132813 49.804688 C 42.535156 50.382813 42.199219 93.074219 71.953125 94.34375 C 102.589844 92.761719 100.636719 50.242188 72.132813 49.804688 M 94.132813 22.238281 C 92.824219 25.242188 91.589844 28.074219 90.375 30.851563 C 86.199219 29.3125 81.984375 28.101563 77.398438 27.203125 L 77.398438 40.25 C 81.003906 40.894531 84.410156 42.054688 87.699219 43.886719 C 92.488281 37.992188 97.113281 31.964844 101.671875 25.625 C 135.234375 47.589844 133.992188 97.808594 99.976563 118.390625 C 96.589844 113.738281 93.277344 109.195313 89.886719 104.546875 C 92.734375 102.457031 95.566406 100.378906 98.414063 98.285156 C 99.921875 100.234375 101.347656 102.082031 102.777344 103.933594 C 119.277344 90.097656 122.3125 58.285156 104.179688 40.253906 C 101.476563 43.679688 98.789063 47.085938 96.109375 50.480469 C 113.019531 70.277344 102.15625 99.433594 77.09375 103.90625 L 77.09375 117.101563 C 81.769531 116.730469 86.070313 115.234375 90.457031 113.398438 C 91.730469 116.199219 93.007813 119.011719 94.347656 121.964844 C 78.710938 129.414063 61.519531 127.964844 49.707031 122.136719 C 50.9375 119.320313 52.171875 116.496094 53.425781 113.621094 C 57.585938 115.304688 61.753906 116.675781 66.289063 117.140625 L 66.289063 103.789063 C 41.46875 98.886719 31.671875 70.386719 47.292969 51.210938 C 44.453125 47.597656 41.574219 43.933594 38.691406 40.269531 C 22.46875 55.726563 21.445313 86.824219 39.945313 104.035156 C 41.441406 102.132813 42.921875 100.238281 44.453125 98.289063 C 47.304688 100.390625 50.097656 102.449219 52.949219 104.550781 C 49.597656 109.152344 46.308594 113.664063 42.882813 118.367188 C 8.523438 97.679688 7.957031 47.5 41.277344 25.488281 C 45.539063 32.230469 50.683594 38.070313 55.449219 44.332031 C 58.984375 42.363281 62.601563 40.894531 66.59375 40.285156 L 66.59375 27.363281 C 61.984375 27.933594 57.632813 29.292969 53.273438 31.164063 C 51.964844 28.277344 50.691406 25.46875 49.355469 22.515625 C 64.242188 15.914063 79.023438 15.816406 94.132813 22.238281 "/></g></svg>
<span>Blue Lantern Corps</span>
</a>
</li>
</ul>
<p>In general, you don't need to call <strong>Flash</strong> for no reason, if you need him - he will come running before you can blink. ⚡</p>
<p style="opacity: 0.75;"><strong style="margin-right: 0.0625em;">*</strong> Not to be confused with <a href="https://www.adobe.com/products/flashplayer/end-of-life.html" rel="external">Adobe Flash Player</a></p>
</div>
<div class="sixteen wide mobile only column">
<div class="divider"></div>
</div>
<div class="sixteen wide column">
<h2>Résumé</h2>
<p>My name is Barry Allen, and I am the fastest man alive. To the outside world, I’m an ordinary forensic scientist, but secretly, with the help of my friend at S.T.A.R Labs, I fight crime and find other meta-humans like me.
<button id="the-flash" class="audio">
<audio preload="none">
<source src="./assets/sounds/I-am-The-Flash.mp3" type="audio/mpeg">
</audio>
<strong>I am the Flash.</strong>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path d="M576 256c0 100.586-53.229 189.576-134.123 239.04-7.532 4.606-17.385 2.241-21.997-5.304-4.609-7.539-2.235-17.388 5.304-21.997C496.549 424.101 544 345.467 544 256c0-89.468-47.452-168.101-118.816-211.739-7.539-4.609-9.913-14.458-5.304-21.997 4.608-7.539 14.456-9.914 21.997-5.304C522.77 66.424 576 155.413 576 256zm-96 0c0-66.099-34.976-124.572-88.133-157.079-7.538-4.611-17.388-2.235-21.997 5.302-4.61 7.539-2.236 17.388 5.302 21.998C418.902 152.963 448 201.134 448 256c0 54.872-29.103 103.04-72.828 129.779-7.538 4.61-9.912 14.459-5.302 21.998 4.611 7.541 14.462 9.911 21.997 5.302C445.024 380.572 480 322.099 480 256zm-138.14-75.117c-7.538-4.615-17.388-2.239-21.998 5.297-4.612 7.537-2.241 17.387 5.297 21.998C341.966 218.462 352 236.34 352 256s-10.034 37.538-26.841 47.822c-7.538 4.611-9.909 14.461-5.297 21.998 4.611 7.538 14.463 9.909 21.998 5.297C368.247 314.972 384 286.891 384 256s-15.753-58.972-42.14-75.117zM256 88.017v335.964c0 21.436-25.942 31.999-40.971 16.971L126.059 352H24c-13.255 0-24-10.745-24-24V184c0-13.255 10.745-24 24-24h102.059l88.971-88.954C230.037 56.038 256 66.551 256 88.017zm-32 19.311l-77.659 77.644A24.001 24.001 0 0 1 129.372 192H32v128h97.372a24.001 24.001 0 0 1 16.969 7.028L224 404.67V107.328z"></path></svg>
</button>
</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="sixteen wide column">
<div class="fat divider"></div>
</div>
</div>
<div class="row">
<div class="ten wide column">
<h3>Publication history 📆</h3>
<ul class="timeline">
<li class="highlighted">
<h4>🕐<em> Volume 1 <sup>(1959–1985)</sup></em></h4>
<p>One of the most notable issues of this era was issue #123 <em>(September 1961)</em>, which featured the story titled <strong>"Flash of Two Worlds"</strong>. In it, Allen meets his inspiration <strong>Jay Garrick</strong>, after accidentally being transported to a parallel universe where Garrick existed. In this previous continuity, Garrick and the other characters of the <strong>Golden Age</strong> only existed as comics characters in the mainline shared universe. This brought about a new concept in the formative stage of what would become the DC Universe, and gave birth to the current conceptualization featuring it as a multiverse.</p>
<p>Shortly before Barry Allen's death in <strong>Crisis on Infinite Earths</strong>, the series was cancelled with issue #350 <em>(October 1985)</em>. In the final issue of Crisis on Infinite Earths, <strong>Wally West</strong>, previously known as Allen's sidekick <strong>Kid Flash</strong>, stated his intent to take up his uncle's mantle as the Flash.</p>
<div class="details">
<input type="checkbox" id="vol-1-keywords">
<label for="vol-1-keywords" class="summary">Keywords</label>
<div class="labels">
<a rel="external" class="label" href="https://en.wikipedia.org/wiki/Flash_of_Two_Worlds">Flash of Two Worlds</a>
<a rel="external" class="label" href="https://en.wikipedia.org/wiki/Flash_(Jay_Garrick)">Jay Garrick</a>
<a rel="external" class="label" href="https://en.wikipedia.org/wiki/Golden_Age_of_Comic_Books">Golden Age</a>
<a rel="external" class="label" href="https://en.wikipedia.org/wiki/Silver_Age_of_Comic_Books">Silver Age</a>
<a rel="external" class="label" href="https://en.wikipedia.org/wiki/Crisis_on_Infinite_Earths">Crisis on Infinite Earths</a>
<a rel="external" class="label" href="https://en.wikipedia.org/wiki/Wally_West">Wally West</a>
<a rel="external" class="label" href="https://en.wikipedia.org/wiki/Kid_Flash">Kid Flash</a>
</div>
</div>
</li>
<li class="bordered">
<h4>🕒<em> Volume 2 <sup>(1987–2006, 2007–2008)</sup></em></h4>
<p>The second volume originally went in a different direction from the series starring <strong>Barry Allen</strong> by making <strong>Wally West</strong> a public figure with no secret identity, as well as making him more flawed: this Flash could not constantly maintain his super-speed because of his hypermetabolism, and would consume gargantuan amounts of food in order to continue operating at top speed.</p>
<p>To help take Wally out of Barry and Jay's shadows, authors made him much more powerful than either of his predecessors by introducing an extradimensional energy source referred to as the <strong>"Speed Force"</strong>, through which he could channel near-limitless energy; the Speed Force has since become a cornerstone of Flash mythology.</p>
<div class="details">
<input type="checkbox" id="vol-2-keywords">
<label for="vol-2-keywords" class="summary">Keywords</label>
<div class="labels">
<a rel="external" class="label" href="https://en.wikipedia.org/wiki/Bronze_Age_of_Comic_Books">Bronze Age</a>
<a rel="external" class="label" href="https://en.wikipedia.org/wiki/Modern_Age_of_Comic_Books">Modern Age</a>
<a rel="external" class="label" href="https://dc.fandom.com/wiki/Speed_Force">Speed Force</a>
</div>
</div>
</li>
<li class="highlighted">
<h4>🕔<em> Volume 3 <sup>(2010–2011)</sup></em></h4>
<p>Spinning out of <strong>Final Crisis</strong>, writer <em>Geoff Johns</em> and artist <em>Ethan Van Sciver</em> created <strong>The Flash: Rebirth</strong>, a 6-issue mini-series bringing Barry Allen back to a leading role in the DC Universe as the primary Flash.</p>
<div class="details">
<input type="checkbox" id="vol-3-keywords">
<label for="vol-3-keywords" class="summary">Keywords</label>
<div class="labels">
<a rel="external" class="label" href="https://ru.wikipedia.org/wiki/Final_Crisis">Final Crisis</a>
<a rel="external" class="label" href="https://en.wikipedia.org/wiki/The_Flash:_Rebirth">The Flash: Rebirth</a>
</div>
</div>
</li>
<li class="bordered">
<h4>🕖<em> Volume 4 <sup>(2011–2016)</sup></em></h4>
<p>In <em>September 2011</em>, The <strong>New 52</strong> rebooted DC's continuity. In this new timeline, DC Comics relaunched <strong>The Flash</strong> with issue #1. As with all of the titles associated with the DC relaunch, <strong>Barry Allen</strong> appears to be about five years younger than the previous incarnation of the character. Superheroes at large have appeared only in the past five years, and are viewed with at best, suspicion, and at worst, outright hostility. In this new continuity, Barry's marriage to <strong>Iris West</strong> never took place, and he is instead in a relationship with longtime co-worker <strong>Patty Spivot</strong>. In this new series, the Flash draws deeper into the <strong>Speed Force</strong>, enhancing his mental abilities while still trying to get a full grasp on his powers, which he doesn't yet exert total control over.</p>
<div class="details">
<input type="checkbox" id="vol-4-keywords">
<label for="vol-4-keywords" class="summary">Keywords</label>
<div class="labels">
<a rel="external" class="label" href="https://en.wikipedia.org/wiki/The_New_52">The New 52</a>
<a rel="external" class="label" href="https://en.wikipedia.org/wiki/Iris_West">Iris Westh</a>
<a rel="external" class="label" href="https://en.wikipedia.org/wiki/Patty_Spivot">Patty Spivot</a>
</div>
</div>
</li>
<li class="highlighted">
<h4>🕘<em> Volume 5 <sup>(2016–2020)</sup></em></h4>
<p>This volume once again starred <strong>Barry Allen</strong>, carrying over from the <strong>New 52</strong> volume, but also featured various other speedsters as supporting characters. Among them was the original incarnation of <strong>Wally West</strong>, who was revealed to have been lost in the <strong>Speed Force</strong> and erased from everyone's memories; the <strong>New 52</strong> incarnation, thereafter mainly referred to as <strong>Wallace West</strong>, was retconned to be a separate character with the same name and gained a superhero identity as the new <strong>Kid Flash</strong>.</p>
<div class="details">
<input type="checkbox" id="vol-5-keywords">
<label for="vol-5-keywords" class="summary">Keywords</label>
<div class="labels">
<p>There are no keywords in this section, it is very rude, but it is.😥</p>
</div>
</div>
</li>
<li class="bordered">
<h4>🕚<em> Volume 1 restored <sup>(2020-present)</sup></em></h4>
<p>Original numbering on <strong>The Flash</strong> began with an oversized celebratory issue #750 <em>(May 2020)</em>. However, the series continued otherwise uninterrupted from where volume 5 had left off.</p>
</li>
<li>
<a id="resume" href="#arrowverse" title="Show arrowverse timeline">
<span class="dots">
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
</span>
<em>If you are not interested in a straightforward story, then you can dare to understand <strong>the timeline of the Flash from the Arrowverse</strong>.</em> 🤯 </a></li>
</ul>
</div>
<div class="six wide column">
<section>
<h3>Abilities 👨🔬</h3>
<p class="tags small uppercase">Acrobatics Adaptability Chemistry Criminology Disguise Firearms <span class="nowrap">Forensic Pathology</span> <span class="nowrap">Genius Level Intellect</span> <span class="nowrap">Mechanical Engineering</span> Computer Operation <span class="nowrap">Hand-to-Hand Combat</span> (Boxing Judo Karate Wrestling) <span class="nowrap">Indomitable Will</span> Investigation <span class="nowrap">Tactical Analysis</span> Stealth Weaponry (Swordsmanship)</p>
</section>
<section>
<h3>Super powers 💪</h3>
<p class="tags small uppercase">
<span class="nowrap">Speed Force Conduit</span>
<span class="nowrap">Superhuman Speed</span>
<span class="nowrap">Superhuman Reflexes</span>
<span class="nowrap">Superhuman Stamina</span>
<span class="nowrap">Superhuman Agility</span>
<span class="nowrap">Superhuman Strength</span>
<span class="nowrap">Speed Force Aura</span>
<span class="nowrap">Superhuman Durability</span>
<span class="nowrap">Accelerated Healing</span>
Aerokinesis
<span class="nowrap">Dimensional Travel</span>
Electrokinesis
Electro-Blast
Electromagnetism
<span class="nowrap">Energy Transformation</span>
<span class="nowrap">Light Projection</span>
<span class="nowrap">Speed Force Absorption</span>
<span class="nowrap">Speed Force Negation</span>
<span class="nowrap">Enhanced Mental Process</span>
<span class="nowrap">Speed Mind</span>
<span class="nowrap">Enhanced Senses</span>
<span class="nowrap">Enhanced Vision</span>
<span class="nowrap">Speed Force Empathy</span>
<span class="nowrap">Speed Force Visions</span>
<span class="nowrap">Molecular Acceleration</span>
Intangibility
Invisibility
Phasing
Thermokinesis
<span class="nowrap">Sharing the Force</span>
<span class="nowrap">Speed Steal</span>
<span class="nowrap">Time Acceleration</span>
<span class="nowrap">Time Travel</span>
<span class="nowrap">Cosmic Awareness</span>
Retrocognition</p>
<p>There is so much, isn't is?</p>
</section>
<section>
<h3>Enemies 🦹</h3>
<p class="tags small uppercase bulleted">
<span class="tag nowrap">The Shade</span>
<span class="tag nowrap">The Rag Doll</span>
<span class="tag nowrap">The Eel</span>
<span class="tag nowrap">The Thinker</span>
<span class="tag nowrap">The Turtle</span>
<span class="tag">Dmane</span>
<span class="tag nowrap">The Changeling</span>
<span class="tag nowrap">Rose and the Thorn</span>
<span class="tag nowrap">The Fiddler</span>
<span class="tag nowrap">Star Sapphire</span>
<span class="tag nowrap">The Rival</span>
<span class="tag">Mazdan</span>
<span class="tag nowrap">The Brain</span>
<span class="tag nowrap">The Bredans</span>
<span class="tag nowrap">Captain Cold</span>
<span class="tag nowrap">The Cloud Creatures</span>
<span class="tag nowrap">Doctor Alchemy</span>
<span class="tag nowrap">The Dokris</span>
<span class="tag nowrap">The Maugites</span>
<span class="tag nowrap">The Mirror Master</span>
<span class="tag nowrap">Gorilla Grodd</span>
<span class="tag nowrap">The Pied Piper</span>
<span class="tag nowrap">The Weather Wizard</span>
<span class="tag nowrap">The Trickster</span>
<span class="tag">Zoom</span>
<span class="tag">Revers</span>
</p>
</section>
</div>
</div>
</div>
</div>
</article>
</main>
<script src="https://cpwebassets.codepen.io/assets/common/stopExecutionOnTimeout-157cd5b220a5c80d4ff8e0e70ac069bffd87a61252088146915e8726e5d9f147.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="./assets/js/site.js"></script>
<script>
document.getElementById("the-flash").addEventListener("click", function() {
console.log(this.childNodes)
this.childNodes[1].play();
});
</script>
</body>
</html>