desevoker / bsa-2019-html-css-test-homepage-dh

My very own personal website. Basically this is just a résumé.
https://desevoker.github.io/bsa-2019-html-css-test-homepage-dh/
MIT License
1 stars 0 forks source link

Create patch/content/primary branch and add primary content #12

Closed desevoker closed 5 years ago

desevoker commented 5 years ago

e.g. avatar, name, job, contacts, intro, etc.

desevoker commented 5 years ago

Avatar

<div class="avatar-wrapper">
  <object class="avatar" data="./assets/images/avatar.png" role="img" aria-label="My profile picture"></object>
</div>

Name, job, contacts

<h1 class="name">Ryu Hoshi (リュウ Ryū)</h1>
<div class="job">Street Fighter</div>
<ul class="contacts">
  <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="twitter">
      <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><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"></path></svg>                          
      <span>denjinryu</span>
    </a>
  </li>
  <li>
    <a href="https://www.instagram.com/sworn_ryu/" rel="author" class="instagram">
      <svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><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"></path></svg>
      <span>sworn_ryu</span>
    </a>
  </li>
</ul>

Intro

<h2>Résumé</h2>
<p>&mdash; 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>

Timeline

<h3>Experience</h3>
<h6>Recent</h6>
<ul class="timeline">
  <li class="highlighted">
    <p><em>2018</em></p>
    <p>Amongst many fighters of the past was featured in the movie "Ready Player One". Ryu ready always!</p>
  </li>
  <li>
    <p><em>2017</em></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><em>2016</em></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>
</ul>
<h6>Back then</h6>
<ul class="timeline">
  <li>
    <p><em>2014</em></p>
    <p>Filmed in a martial arts tutorial "Street Fighter: Assassin's Fist", revealing to audience forgotten art of Ansatsuken.</p>
  </li>
  <li>
    <p><em>2012</em></p>
    <p>The gods of intenet concluded me in the animated movie "Wreck-It Ralph", but rewarded me with a good drink for it!</p>
  </li>
  <li>
    <p><em>2008</em></p>
    <p>My evil alter ego sneaked out of control and became a boss in "Street Fighter IV".</p>
  </li>
  <li>
    <p><em>2006</em></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><em>1998</em></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><em>1997</em></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><em>1996</em></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><em>1995</em></p>
    <p>Kept fighting in "Street Fighter Alpha: Warriors' Dreams".</p>
  </li>
  <li>
    <p><em>1994</em></p>
    <p>Screened in a movie "Street Fighter", so that the batllesof past would not be forgotten by millenial generation.</p>
  </li>
  <li>
    <p><em>1991</em></p>
    <p>Was promoted to "Street Fighter II". Didn't stay there for long, celebrations and office dwelling is not for me!</p>
  </li>
  <li>
    <p><em>1987</em></p>
    <p>Started working for Capcom project "Street Fighter". My partner was Ken Masters, the boss' name was Sagat.</p>
  </li>
</ul>
<h3>Publications</h3>
<ul class="timeline">
  <li>
    <p><em>2011</em></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><em>2003 &ndash; 2018</em></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>Achievements</h3>
<ul class="timeline">
  <li>
    <ul>
      <li>#1 in "Top 25 Street Fighter Characters" by IGN, who also called me "fancy", "icon" and "a testament to the virtue of simplicity"</li>
      <li>#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</li>
      <li>I was named "5th Most Powerful Street Fighter Character" by Screen Rant-san</li>
      <li>#71 in "Top 100 Heroes of All Time" by UGO Networks, also recognized #2 in their list of "Top 50 Street Fighter Characters"</li>
      <li>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</li>
    </ul>
  </li>
</ul>