<!DOCTYPE html>
<html>

<head>
  <title>Bit2Pixel · Renan Cakirerk</title>

  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=0.35, maximum-scale=1">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="keywords"
    content="renan,cakirerk,renan cakirerk,open source,computer engineer,software engineer,uber,redbeacon,san francisco">
  <meta name="description" content="Freethinker · Ginger · Code juggler · Pixel bender · Music Maker">
  <meta name="author" content="Renan Cakirerk">

  <meta property="og:url" content="https://bit2pixel.com/">
  <meta property="og:type" content="website">
  <meta property="og:image" content="https://bit2pixel.com/assets/images/wreckralph.jpg">
  <meta property="og:title" content="bit2pixel · Renan Cakirerk">
  <meta property="og:description" content="Freethinker · Ginger · Code juggler · Pixel bender · Music Maker">

  <link rel="icon" type="image/png" href="assets/images/favicon.png">
  <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
  <link href="assets/styles/clouds.css" rel="stylesheet" type="text/css">
  <link href="assets/styles/bit2pixel.css" rel="stylesheet" type="text/css">

  <link href='//fonts.googleapis.com/css?family=Frijole' rel='stylesheet' type='text/css'>
  <link href='//fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'>

  <style type="text/css">
    .gradient {
      filter: none;
    }
  </style>
</head>

<body id="bit2pixel">
  <div id="sky"></div>
  <div id="container">
    <div id="platforms">
      <a title="twitter" tabindex="1" href="http://twitter.com/bit2pixel" target="_blank" class="btn b1 btn-info">🐦
        Twitter</a>
      <a title="linkedin" tabindex="2" href="http://www.linkedin.com/in/bit2pixel" target="_blank"
        class="btn b2 btn-success"><i class="icon-star icon-white"></i> 💼 LinkedIn</a>
      <a title="github" tabindex="3" href="http://github.com/bit2pixel" target="_blank" class="btn b3 btn-danger">💻
        GitHub</a>

      <span class="dropdown">
        <a title="weekend projects (click)" tabindex="4" target="_blank" class="btn b4 btn-default dropdown-toggle"
          data-toggle="dropdown">
          <img id="sprite" src="assets/images/sprite.gif">🤓 Weekend Projects <span class="caret"></span>
        </a>
        <ul class="dropdown-menu" tabindex="5" role="menu" aria-labelledby="dLabel">
          <li><a target="_blank" href="projects/planets">[2021] WebGL Planets ThreeJS, SvelteJS, and TypeScript</a></li>
          <li><a target="_blank" href="projects/cubes">[2021] WebGL Cubes with ThreeJS and SvelteJS</a></li>
          <li><a target="_blank" href="projects/breathe">[2021] Breathing exercise with SvelteJS</a></li>
          <li><a target="_blank" href="projects/fungi">[2020] ⭐️ Fungi: Converting Voice to Images</a></li>
          <li><a target="_blank" href="projects/read">[2013] A new reading experience with face tracking</a></li>
          <li><a target="_blank" href="http://www.youtube.com/watch?v=vzrUUqUN3-k">[2012] Watch Movie Trailers on
              Posters with iPad via Augmented Reality</a></li>
          <li><a target="_blank" href="projects/color-tracker">[2014] Canvas & Camera & Video Experiment | Color
              Tracker</a>
          </li>
          <li><a target="_blank" href="projects/trypigeon">[2014] Pigeon - A Bluetooth device that allows
              you to control your house from your mobile device</a></li>
          <li><a target="_blank" href="projects/alien-clock">[2013] AngularJS & CSS3 Experiment | Alien Clock</a></li>
        </ul>
      </span>

      <a title="instagram" tabindex="5" href="http://instagram.com/bit2pixel" target="_blank"
        class="btn b7 btn-danger">🏖 Instagram</a>
      <a title="youtube" tabindex="6" href="https://www.youtube.com/user/renancakirerk" target="_blank"
        class="btn b5 btn-warning">🔥 Cringe</a>
      <a title="behance" tabindex="7" href="http://www.behance.net/bit2pixel" target="_blank"
        class="btn b6 btn-primary">📸 Photography/Illustration</a>
    </div>

    <div id="earth">
      <div id="footer">Handcrafted with <span id="heart" class="glyphicon glyphicon-headphones" title="music"></span> by
        Renan Cakirerk</div>
    </div>
  </div>

  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.3.3/backbone-min.js"></script>
  <script src="assets/scripts/bit2pixel.js"></script>

  <script>
    (function (i, s, o, g, r, a, m) {
      i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
        (i[r].q = i[r].q || []).push(arguments)
      }, i[r].l = 1 * new Date(); a = s.createElement(o),
        m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
    })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
    ga('create', 'UA-31384147-1', 'bit2pixel.com');
    ga('require', 'displayfeatures');
    ga('send', 'pageview');
  </script>

</body>

</html>
