index.html


<!DOCTYPE html>
<html>
  <head>
    <title>React Swipe</title>
    <script src="http://fb.me/react-0.8.0.js"></script>
    <style>
      body { font-family: sans-serif; }
      #container {position:relative; left:100px;}
      .card { padding:0, margin:0; -webkit-user-select:none; position: relative; width: 300px; height: 300px; }
      .card > li { list-style:none; background-color:white; padding:0, margin:0; border:solid 1px #dedede; position: absolute; width: 100%; height: 100%; font-size: 100px; color: white; text-align: center; }
      .card > li.active { z-index: 1;  padding:0, margin:0;}
      .card li h2 { font-size: 15px; }
      .action { width:100px; height:100px; border-radius: 30%; position: relative; }
      .keep { background-color: rgba(0,255,0,0.2); top: 150px; left: 239px; }
      .discard { background-color: rgba(255,0,0,0.2); top:150px; left: 1; }
      .hide { display:none }
      .show { display:block }
    </style>
  </head>
  <body>
    <div id="container"></div>
    <script src="bundle.js"></script>
  </body>
</html>