<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
      <title>Personal Informatics</title>
    

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

    <!-- Default CSS -->
    <link rel="stylesheet" href="/css/default.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <!-- Bootstrap CSS -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
  </head>
  <body data-spy="scroll" data-target=".navbar-collapse">
    <!-- ============================== -->
    <!-- Facebook -->
    <!-- ============================== -->
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=631937883543534";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    <!-- ============================== -->
    <!-- Content -->
    <!-- ============================== -->
    <!-- ============================== -->
<!-- Header -->
<!-- ============================== -->
<header style="margin-bottom:0;background-image:url(/img/bg-44a9eb.png);background-size:cover;background-position:center center;">
  <!-- ============================== -->
<!-- Navbar -->
<!-- ============================== -->
<nav class="navbar navbar-default" role="navigation">
  <div class="container">
    <div class="row">
      <div class="col-md-3">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="/">Personal Informatics</a>
        </div>
      </div>
      <div class="col-md-9 collapse navbar-collapse" id="navbar-collapse">
        <ul class="nav navbar-nav">
          <li class="active">
            <a href="/">
              <span class="glyphicon glyphicon-home"></span>
            </a>
          </li>
          <li >
            <a href="/tools/">
              Tools
            </a>
          </li>
          <li >
            <a href="/papers/">
              Papers
            </a>
          </li>
          <li >
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Workshops <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li ><a href="/ubicomp2014/">Ubicomp 2014</a></li>
              <li ><a href="/chi2013/">CHI 2013</a></li>
              <li ><a href="/chi2012/">CHI 2012</a></li>
              <li ><a href="/chi2011/">CHI 2011</a></li>
              <li ><a href="/chi2010/">CHI 2010</a></li>
            </ul>
          </li>
          <!--
          <li >
            <a href="http://blog.personalinformatics.org/">Blog</a>
          </li>
          -->
        </ul>
      </div>
    </div>
  </div>
</nav>


  <div class="jumbotron" style="margin:0">
    <div class="container">
      <div class="row">
        <div class="col-xs-12">
          <h1>
            Personal Informatics
          </h1>
          <p>
            Personal informatics is a class of tools that help people collect personally relevant information for the purpose of self-reflection and self-monitoring.
            These tools help people gain self-knowledge about one's behaviors, habits, and thoughts.
            It goes by other names such as living by numbers, personal analytics, quantified self, and self-tracking.
          </p>
        </div>
      </div>
    </div>
  </div>
</header>

<div class="jumbotron" style="background-color:#337fb0">
  <div class="container">
    <div class="row" style="text-align:center;">
      <div class="col-xs-offset-2 col-xs-8">
        <h2>
          Disasters in
          Personal Informatics:
          The Unpublished Stories of Failure and Lessons Learned
        </h2>
        <p style="margin:20px 0">
          Ubicomp 2014 Workshop &middot;
          September 14, 2013 &middot;
          Seattle, WA
        </p>
      </div>
    </div>
  </div>
</div>


    <!-- ============================== -->
    <!-- Footer -->
    <!-- ============================== -->
    <footer>
      <div class="container">
        <div class="row">
          <div class="col-md-9">
            <p>
              <a href="/">Personal Informatics</a>
            </p>
          </div>
          <div class="col-md-3" style="text-align:right;">
            <p>
              Created by
              <a href="http://ianli.com">Ian Li</a>
            </p>
          </div>
        </div>
      </div>
    </footer>

    <!-- ============================== -->
    <!-- Analytics -->
    <!-- ============================== -->
    <!-- Start of StatCounter Code -->
<script>
  var sc_project=5099641; 
  var sc_invisible=1; 
  var sc_partition=58; 
  var sc_click_stat=1; 
  var sc_security="a271a68b"; 
</script>
<script src="http://www.statcounter.com/counter/counter.js"></script>
  </body>
</html>
