-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
234 lines (231 loc) · 16.2 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
<!DOCTYPE html>
<html>
<head >
<meta charset="UTF-8" />
<meta name="Ilia Kolobov as CatBardo" content="Resume Ryu Hoshi (リュウ Ryū)">
<title>Résumé</title>
<link rel="stylesheet" href="https://volodymyrkushnir.com/assets/stylesheets/base.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/slider.css">
</head>
<body>
<main style="background: url(img/arena6.jpg) 100% 100% no-repeat; background-size: cover;">
<article style="margin-top: 100px;">
<div class="page" style="border-color: brown; background-color: RGB(255, 225, 90);">
<div class="stackable grid">
<div class="row">
<div class="three wide center aligned column">
<div class="avatar-wrapper">
<object class="avatar" data="img/avatar.png" width = 170 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 animated fadeInRight">Ryu Hoshi (リュウ Ryū)</h1>
<div class="job animated fadeInRight delay-1s">Proffesional fighter</div>
<ul class="contacts">
<li>
<a href="https://www.facebook.com/profile.php?id=100004808958030" rel="author" class="facebook">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M448 56.7v398.5c0 13.7-11.1 24.7-24.7 24.7H309.1V306.5h58.2l8.7-67.6h-67v-43.2c0-19.6 5.4-32.9 33.5-32.9h35.8v-60.5c-6.2-.8-27.4-2.7-52.2-2.7-51.6 0-87 31.5-87 89.4v49.9h-58.4v67.6h58.4V480H24.7C11.1 480 0 468.9 0 455.3V56.7C0 43.1 11.1 32 24.7 32h398.5c13.7 0 24.8 11.1 24.8 24.7z"></path></svg>
<span>Ryu Hoshi</span>
</a>
</li>
<li>
<a href="ryuwins@gmail.com" rel="author" class="mail">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z">
</path>
</svg>
<span>ryuwins@gmail.com</span>
</a>
</li>
<li>
<a href="https://twitter.com/denjinryu" rel="author" class="twitter">
<svg class="icon" viewBox="0 0 20 20">
<path d="M18.258,3.266c-0.693,0.405-1.46,0.698-2.277,0.857c-0.653-0.686-1.586-1.115-2.618-1.115c-1.98,0-3.586,1.581-3.586,3.53c0,0.276,0.031,0.545,0.092,0.805C6.888,7.195,4.245,5.79,2.476,3.654C2.167,4.176,1.99,4.781,1.99,5.429c0,1.224,0.633,2.305,1.596,2.938C2.999,8.349,2.445,8.19,1.961,7.925C1.96,7.94,1.96,7.954,1.96,7.97c0,1.71,1.237,3.138,2.877,3.462c-0.301,0.08-0.617,0.123-0.945,0.123c-0.23,0-0.456-0.021-0.674-0.062c0.456,1.402,1.781,2.422,3.35,2.451c-1.228,0.947-2.773,1.512-4.454,1.512c-0.291,0-0.575-0.016-0.855-0.049c1.588,1,3.473,1.586,5.498,1.586c6.598,0,10.205-5.379,10.205-10.045c0-0.153-0.003-0.305-0.01-0.456c0.7-0.499,1.308-1.12,1.789-1.827c-0.644,0.28-1.334,0.469-2.06,0.555C17.422,4.782,17.99,4.091,18.258,3.266"></path>
</svg>
<span>denjinryu</span>
</a>
</li>
<li>
<a href="https://www.instagram.com/sworn_ryu/" rel="author" class="instagram">
<svg class="icon" viewBox="0 0 20 20">
<path d="M14.52,2.469H5.482c-1.664,0-3.013,1.349-3.013,3.013v9.038c0,1.662,1.349,3.012,3.013,3.012h9.038c1.662,0,3.012-1.35,3.012-3.012V5.482C17.531,3.818,16.182,2.469,14.52,2.469 M13.012,4.729h2.26v2.259h-2.26V4.729z M10,6.988c1.664,0,3.012,1.349,3.012,3.012c0,1.664-1.348,3.013-3.012,3.013c-1.664,0-3.012-1.349-3.012-3.013C6.988,8.336,8.336,6.988,10,6.988 M16.025,14.52c0,0.831-0.676,1.506-1.506,1.506H5.482c-0.831,0-1.507-0.675-1.507-1.506V9.247h1.583C5.516,9.494,5.482,9.743,5.482,10c0,2.497,2.023,4.52,4.518,4.52c2.494,0,4.52-2.022,4.52-4.52c0-0.257-0.035-0.506-0.076-0.753h1.582V14.52z"></path>
</svg>
<span>sworn_ryu</span>
</a>
</li>
</ul>
</div>
<div class="sixteen wide mobile only column">
<div class="divider"></div>
</div>
<div class="sixteen wide column">
<h2>Resume</h2>
<p class="animated fadeIn delay-3s">― I do not compete with others, the only competition that challenges me is myself. As a fighter, friend and an employee I am known as contemplative, tortured and driven.</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 animated zoomIn delay-4s">
<h3>Experience</h3>
<ul class="timeline">
<li>
<p><small><b><em>2018</em></b></small></p>
<p>Amongst many fighters of the past was featured in the movie<a href="https://ru.wikipedia.org/wiki/%D0%9F%D0%B5%D1%80%D0%B2%D0%BE%D0%BC%D1%83_%D0%B8%D0%B3%D1%80%D0%BE%D0%BA%D1%83_%D0%BF%D1%80%D0%B8%D0%B3%D0%BE%D1%82%D0%BE%D0%B2%D0%B8%D1%82%D1%8C%D1%81%D1%8F_(%D1%84%D0%B8%D0%BB%D1%8C%D0%BC)">"Ready Player One".</a>Ryu ready always!</p>
</li>
<li>
<p><small><b><em>2017</em></b></small></p>
<p>United with unknown until then to me Power Rangers to defea resurrected M.Bison.Damn good fighters they are, even not knowing karate ways!</p>
</li>
<li>
<p><small><b><em>2016</em></b></small></p>
<p>In <a href="https://streetfighter.com/">"Street Fighter V"</a> once and for all erased M.Bison from earth and tamed my inner Evil Ryu. Also spent some time on a side-project, mini-series <a href="">"Street Fighter: Resurrection"</a>.</p>
</li>
<li>
<p><small><b><em>2014</em></b></small></p>
<p>Filmed in a martial arts tutorial <a href="https://en.wikipedia.org/wiki/Street_Fighter:_Assassin%27s_Fist">"Street Fighter: Assassin's Fist"</a> , revealing to audience forgotten art of Ansatsuken.</p>
</li>
<li>
<p><small><b><em>2012</em></b></small></p>
<p>The gods of intenet concluded me in the animated movie <a href="https://ru.wikipedia.org/wiki/%D0%A0%D0%B0%D0%BB%D1%8C%D1%84_(%D0%BC%D1%83%D0%BB%D1%8C%D1%82%D1%84%D0%B8%D0%BB%D1%8C%D0%BC)">"Wreck-It Ralph"</a> , but rewarded me with a good drink for it!</p>
</li>
<li>
<p><small><b><em>2008</em></b></small></p>
<p>My evil alter ego sneaked out of control and became a boss in <a href="https://en.wikipedia.org/wiki/Street_Fighter_IV">"Street Fighter IV"</a> .</p>
</li>
<li>
<p><small><b><em>2006</em></b></small></p>
<p>Borrowed my famous ripped gi to Soki in <a href="https://en.wikipedia.org/wiki/Onimusha:_Dawn_of_Dreams">"Onimusha: Dawn of Dreams"</a> , gods informed me he needed that for the battle.</p>
</li>
<li>
<p><small><b><em>1998</em></b></small></p>
<p>Defeated M. Bison in , bastard wanted to use my heroic body for his evil intentions, but retreated with shame. Also this year I encountered Marvel universe in <a href="https://ru.wikipedia.org/wiki/Marvel_vs._Capcom:_Clash_of_Super_Heroes">"Marvel vs. Capcom: Clash of Super Heroes"</a> fighter,loyal to my employer, Capcom, of course.</p>
</li>
<li>
<p><small><b><em>1997</em></b></small></p>
<p>Reunited with Ken, my friend and opponent in <a href="https://en.wikipedia.org/wiki/Street_Fighter_III">"Street Fighter III"</a> . Men's friendship works mysteriously. Also helped with Arika project <a href="https://en.wikipedia.org/wiki/Street_Fighter_EX">"Street Fighter EX"</a> </p>
</li>
<li>
<p><small><b><em>1996</em></b></small></p>
<p>Took care of villainous Akuma in<a href="https://en.wikipedia.org/wiki/Street_Fighter_Alpha_2">"Street Fighter Alpha 2"</a> . As a freelance on <a href="https://en.wikipedia.org/wiki/Super_Puzzle_Fighter_II_Turbo">"Super Puzzle Fighter II Turbo"</a> tried myself in a new genre, puzzle games. Let the wrath of seven heavens come upon these malicious enigmas, never again!</p>
</li>
<li>
<p><small><b><em>1995</em></b></small></p>
<p>Kept fighting in <a href="https://en.wikipedia.org/wiki/Street_Fighter_Alpha">"Street Fighter Alpha: Warriors' Dreams"</a> .</p>
</li>
<li>
<p><small><b><em>1994</em></b></small></p>
<p>Screened in a movie <a href="https://en.wikipedia.org/wiki/Street_Fighter_(1994_film)">"Street Fighter"</a> , so that the batllesof past would not be forgotten by millenial generation.</p>
</li>
<li>
<p><small><b><em>1991</em></b></small></p>
<p>Was promoted to <a href="https://en.wikipedia.org/wiki/Street_Fighter_II:_The_World_Warrior">"Street Fighter II"</a> . Didn't stay there for long, celebrations and office dwelling is not for me!</p>
</li>
<li>
<p><small><b><em>1987</em></b></small></p>
<p>Started working for Capcom project <a href="https://ru.wikipedia.org/wiki/Street_Fighter_(%D1%81%D0%B5%D1%80%D0%B8%D1%8F_%D0%B8%D0%B3%D1%80)#Street_Fighter_(1987)">"Street Fighter"</a> . My partner was <a href="https://streetfighter.fandom.com/wiki/Ken_Masters">Ken Masters</a> , the boss'name was Sagat.</p>
</li>
</ul>
<h3>Publications</h3>
<ul class="timeline">
<li>
<p><small><b><em>2011</em></b></small></p>
<p>The true and humble story of me under pseudonim Tyler Wilde in an article "The evolution of Ken and Ryu"</p>
</li>
<li>
<p><small><b><em>2003-2018</em></b></small></p>
<p>For 15 years I have published comic books with Udon Entertainment depicting my adventures, bitter lessons and great victories.</p>
</li>
</ul>
<h3>Achivements <img src="img/gold.png" alt="gold"> </h3>
<ul class="details">
<li>
<p>#1 in "Top 25 Street Fighter Characters" by IGN, who also called me "fancy", "icon" and "a testament to the virtue of simplicity" ❤️</p>
</li>
<li>
<p>#2 in "Top 20 Street Fighter Characters of All Time" by GameDaily, same council found me worth of #6 place in "Top 25 Capcom Characters of All Time", which I proudly share with my partner Ken</p>
</li>
<li>
<p>I was named "5th Most Powerful Street Fighter Character" by Screen Rant-san</p>
</li>
<li>
<p>#71 in "Top 100 Heroes of All Time" by UGO Networks, also recognized #2 in their list of "Top 50 Street Fighter Characters"</p>
</li>
<li>
<p>In a survey of 4000 online matches for Super Street Fighter IV, I got to be the most popular character, with 16.6% of players choosing my side</p>
</li>
</ul>
</div>
<div class="six wide column animated zoomIn delay-5s">
<section>
<h3>Languages</h3>
<p class="tags small"><img src="img/lang/america.png" alt="us"> ENGLISH <img src="img/lang/china.png" alt="mn"> MANDARIN <img src="img/lang/japan.png" alt="jp"> JAPANESE</p>
</section>
<section>
<h3>Skills</h3>
<p class="tags small">KARATE | ENERGY ATTACK | SHORYUKEN | WALKING BAREFOOT PLAYING VIDEOGAME | DOING BURGERS | MASHING POTATOES | COPYWRITING | ACTING | VOICEOVERS</p>
</section>
<section>
<h3>Character</h3>
<p class="tags small">NOBLE | DIRECT | BOLD | CONFIDENT | DARING | SCHIZOPHRENIC | DRAMATIC | PERSUASIVE | IMMEDIATE | WISE</p>
</section>
<section>
<h3>Likes😃</h3>
<p class="tags small">GI | VEGETABLES | BLOOD | SMALL MARSHMELLOWS | RED COLOR | KILLED ENEMY</p>
</section>
<section>
<h3>Dislikes😞</h3>
<p class="tags small">BISONS | GHOSTS | SMARTPHONES | SMELL OF SEAFOOD | BARBER SHOPS | SLEEVES</p>
</section>
<section>
<h3>Wants🥺</h3>
<p class="tags small">BE FIT | WRITE MORE BOOKS | FIND A GIRLFRIEND | TO GO TO CINEMA WITH | KILL ALL OF AKUMA FAMILY</p>
</section>
<section>
<h3>Life lesson</h3>
<p class="tags small">You must defeat Sheng Long to stand a chance.</p>
</section>
<section>
<h3>My battles</h3>
<div class="slider">
<div class="slider__wrapper">
<div class="slider__item">
<div style="height: 250px; background: url(img/slider/battle1.jpg) 100% 100% no-repeat; background-size: cover"></div>
</div>
<div class="slider__item">
<div style="height: 250px; background: url(img/slider/battle2.jpg) 100% 100% no-repeat; background-size: cover"></div>
</div>
<div class="slider__item">
<div style="height: 250px; background: url(img/slider/battle3.jpg) 100% 100% no-repeat; background-size: cover"></div>
</div>
<div class="slider__item">
<div style="height: 250px; background: url(img/slider/battle4.jpg) 100% 100% no-repeat; background-size: cover"></div>
</div>
<div class="slider__item">
<div style="height: 250px; background: url(img/slider/battle5.jpg) 100% 100% no-repeat; background-size: cover"></div>
</div>
<div class="slider__item">
<div style="height: 250px; background: url(img/slider/battle6.jpg) 100% 100% no-repeat; background-size: cover"></div>
</div>
</div>
<a class="slider__control slider__control_left" href="#" role="button"></a>
<a class="slider__control slider__control_right slider__control_show" href="#" role="button"></a>
</div>
</section>
</div>
</div>
</div>
</div>
</article>
<script src="js/main.js"></script>
</main>
</body>
</html>