-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
258 lines (255 loc) · 18.9 KB
/
index.html
File metadata and controls
258 lines (255 loc) · 18.9 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="My very own personal website.">
<meta name="google" content="nositelinkssearchbox">
<meta name="google" content="notranslate">
<meta name="googlebot" content="index,follow">
<meta name="robots" content="index,follow">
<meta name="subject" content="This is just a résumé.">
<meta name="theme-color" content="white">
<!-- Open Graph related tags -->
<meta property="og:description" content="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.">
<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://www.ssbwiki.com/images/thumb/3/3a/Ryu_SF5.png/250px-Ryu_SF5.png">
<meta property="og:locale" content="en_US">
<meta property="og:title" content="Ryu Hoshi — Résumé">
<meta property="og:type" content="website">
<meta property="og:url" content="https://razanor.github.io/homepage/">
<!-- -->
<base href="https://razanor.github.io/homepage/">
<title>Ryu Hoshi — Résumé</title>
<link rel="icon" type="image/x-icon" href="./favicon.ico">
<link rel="me" href="https://www.facebook.com/profile.php?id=100004808958030" type="text/html">
<link rel="me" href="ryuwins@gmail.com">
<link rel="me" href="tel:+380666666666">
<link rel="stylesheet" href="https://volodymyrkushnir.com/assets/stylesheets/base.css">
<style>
.gif-wrapper {
position: fixed;
left: 50%;
opacity: 0.8;
transform: translate(-50%, 0);
z-index: 100;
}
</style>
</head>
<body>
<header>
<div class="credits">
Inspired by <a href="https://volodymyrkushnir.com/" rel="external"><strong>Resume by Volodymyr Kushnir</strong></a> 😍
</div>
</header>
<main>
<div class="gif-wrapper">
<img src="./giphy.gif" alt="gif" style="border-radius: 5px;">
</div>
<article>
<div class="page" style="border-color: midnightblue;">
<div class="stackable grid">
<div class="row">
<div class="three wide center aligned column">
<img src="https://www.ssbwiki.com/images/thumb/3/3a/Ryu_SF5.png/250px-Ryu_SF5.png" class="shadow-1 rounded" width="120" height="169">
</div>
<div class="thirteen wide column">
<div class="stackable grid">
<div class="sixteen wide column">
<h1 class="name">Ryu Hoshi (リュウ Ryū)</h1>
<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" />
</svg>
<span>ryuhoshi</span>
</a>
</li>
<li>
<a href="mailto: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="facebook">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24">
<title>Twitter icon</title>
<path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z" />
</svg>
<span>denjinryu</span>
</a>
</li>
<li>
<a href="https://www.instagram.com/sworn_ryu/" rel="author" class="skype">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 24 24">
<title>Instagram icon</title>
<path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z" />
</svg>
<span>sworn_ryu</span>
</a>
</li>
<li>
<a href="tel:+38066666666" rel="author" class="phone">
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
<path d="M272 0H48C21.5 0 0 21.5 0 48v416c0 26.5 21.5 48 48 48h224c26.5 0 48-21.5 48-48V48c0-26.5-21.5-48-48-48zM160 480c-17.7 0-32-14.3-32-32s14.3-32 32-32 32 14.3 32 32-14.3 32-32 32z"></path>
</svg>
<span>+38 (066) 6666666</span>
</a>
</li>
</ul>
</div>
<div class="sixteen wide mobile only column">
<div class="divider"></div>
</div>
<div class="sixteen wide column">
<h2>Résumé</h2>
<p>— 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">
<h3>Experience</h3>
<ul class="timeline">
<li>
<p><small>2018</small></p>
<p>Amongst many fighters of the past was featured in the movie "Ready Player One". Ryu ready always!</p>
</li>
<li>
<p><small>2016</small></p>
<p>United with unknown until then to me Power Rangers to defeat resurrected M.Bison.Damn good fighters they are, even not knowing karate ways!</p>
</li>
<li>
<p><small>2014</small></p>
<p>In "Street Fighter V" 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 "Street Fighter: Resurrection".</p>
</li>
<li>
<p><small>2012</small></p>
<p>Filmed in a martial arts tutorial "Street Fighter: Assassin's Fist", revealing to audience forgotten art of Ansatsuken.</p>
</li>
<li>
<p><small>2008</small></p>
<p>The gods of intent concluded me in the animated movie "Wreck-It Ralph", but rewarded me with a good drink for it!</p>
</li>
<li>
<p><small>2006</small></p>
<p>My evil alter ego sneaked out of control and became a boss in "Street Fighter IV".</p>
</li>
<li>
<p><small>1998</small></p>
<p>Borrowed my famous ripped gi to Soki in "Onimusha: Dawn of Dreams", gods informed me he needed that for the battle.</p>
</li>
<li>
<p><small>1997</small></p>
<p>Defeated M. Bison in "Street Fighter Alpha 2", bastard wanted to use my heroic body for his evil intentions, but retreated with shame. Also this year I encountered Marvel universe in "Marvel vs. Capcom: Clash of Super Heroes" fighter,loyal to my employer, Capcom, of course.</p>
</li>
<li>
<p><small>1996</small></p>
<p>Reunited with Ken, my friend and opponent in "Street Fighter III". Men's friendship works mysteriously. Also helped with Arika project "Street Fighter EX"</p>
</li>
<li>
<p><small>1995</small></p>
<p>Took care of villainous Akuma in "Street Fighter Alpha 2". As a freelance on "Super Puzzle Fighter II Turbo" 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>1994</small></p>
<p>Kept fighting in "Street Fighter Alpha: Warriors' Dreams".</p>
</li>
<li>
<p><small>1991</small></p>
<p>Screened in a movie "Street Fighter", so that the batllesof past would not be forgotten by millenial generation.</p>
</li>
<li>
<p><small>1987</small></p>
<p>Started working for Capcom project "Street Fighter". My partner was Ken Masters, the boss' name was Sagat.</p>
</li>
</ul>
<ul class="timeline">
<li class="details">
<input type="checkbox" id="other">
<label for="other" class="summary">Check the list of my <strong>achievements</strong> 🎉</label>
<div>
<ul>
<li><strong>№1</strong> in "Top 25 Street Fighter Characters" by IGN</li>
<li><strong>№2</strong> in "Top 20 Street Fighter Characters of All Time" by GameDaily</li>
<li><strong>№71</strong> in "Top 100 Heroes of All Time" by UGO Networks</li>
<li>In a survey of 4000 online matches for Super Street Fighter IV</li>
</ul>
</div>
</li>
</ul>
<h3>PUBLICATIONS</h3>
<ul class="timeline">
<li>
<p><small>2011</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>2003-2018</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>
</div>
<div class="six wide column">
<section>
<h3>LIFE & EDUCATION</h3>
<p class="tags small">To live is to fight and to fight is to live. I started learning fighting at my master Gouken's castle, I was beaten at head way too often to remember when exactly.</p>
</section>
<section>
<h3>Languages</h3>
<p class="tags small"><span>🇺🇸 ENGLISH</span><span> 🇨🇳 MANDARIN</span><span> 🇯🇵 JAPANESE</span></p>
</section>
<section>
<h3>Skills</h3>
<p class="tags small">KARATE ENERGY ATTACK SHORYUKEN WALKING BAREFOOT <span class="nowrap">PLAYING</span>VIDEOGAMES DOING BURGERS MASHING POTATOES COPYWRITING ACTING VOICEOVERS</p>
</section>
<section>
<h3>LIFE LESSON</h3>
<p class="tags small">YOU MUST DEFEAT SHENG LONG TO STAND A CHANCE</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 bulleted">BE FIT WRITE MORE BOOKS FIND A GIRLFRIEND TO GO TO CINEMA WITH KILL ALL OF AKUMA FAMILY</p>
</section>
</div>
</div>
</div>
</div>
</article>
</main>
<script>
document.addEventListener("DOMContentLoaded", showGif);
function showGif(){
const givDiv = document.querySelector('.gif-wrapper');
setTimeout(() => {
givDiv.style.visibility = "hidden";
}, 3500);
}
</script>
</body>
</html>