index.html

<!doctype html>
<html>
  <head>
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Use title if it's in the page YAML frontmatter -->
    <title>Roshan's site</title>

    <link href="/stylesheets/site.css" rel="stylesheet" />
    <script src="/javascripts/site.js"></script>
  </head>

  <body class="index">
    <div class="container-fluid">
  <div class="row">
    <div class="col-md-6 col-sm-12">
      <ul class="nav navbar-nav file-list">
  <li class="active"><a href="/">index.js</a></li>
  <li class=""><a href="/app">app.js</a></li>
  <li onclick="window.open('https://drive.google.com/file/d/0B_1p1_Oji3GAVVJ4S3F1TU1vY3M/view?usp=sharing')"><a> resume.pdf </a></li>
</ul>

      <pre>
<code>
const roshan = {
  firstName: 'Roshan',
  lastName: 'Jossy',
  avatar: 'https://avatars1.githubusercontent.com/u/8488446?v=3&s=400',
  createdAt: 'Wed Aug 18 08:30:55 +0530 1993',
  skills: {
    technical: [
      'JavaScript',
      'TypeScript',
      'Vuejs',
      'Nuxt',
      'Ruby',
      'Reactjs',
      'Ruby on Rails',
      'Python',
    ],
    developmentPractices: [
      'Test Driven Development',
      'Pair Programming',
      'Object oriented programming',
      'Continuous integration'
    ]
  }
  interests: [
    'Films',
    'Mathematical Logic',
    'Abstract algebra',
    'Philosophy',
    'Politics'
  ]
};
      </code>
      </pre>
    </div>
    <div class="col-md-6 col-sm-12 card-container">
      <div onclick="window.open('https://github.com/roshanjossey')" class="link-card github">
  <img src="images/github-icon.png" alt="">
  <span>
    GitHub
  </span>
</div>

      <div onclick="window.open('https://medium.com/@roshanjossey')" class="link-card medium">
  <img src="images/medium-icon.png" alt="">
  <span>
    Medium
  </span>
</div>

      <div onclick="window.open('http://stackoverflow.com/users/3951782/sudo-bangbang')" class="link-card stackoverflow">
  <img src="images/stackoverflow-icon.png" alt="">
  <span>
    Stack Overflow
  </span>
</div>

      <div onclick="window.open('https://www.linkedin.com/in/roshan-jossey-b00989a3/')" class="link-card linkedin">
  <img src="images/linkedin-icon.png" alt="">
  <span>
    LinkedIn
  </span>
</div>

      <div onclick="window.open('https://twitter.com/sudo__bangbang')" class="link-card twitter">
  <img src="images/twitter-icon.png" alt="">
  <span>
    Twitter
  </span>
</div>

      <div onclick="window.open('https://dribbble.com/sudo_bangbang')" class="link-card dribbble">
  <img src="images/dribbble-icon.png" alt="">
  <span>
    Dribbble
  </span>
</div>

    </div>
  </div>
</div>

  </body>
</html>