less words

</div>

<div class="row">

  <div class="col-md-12">

    <h2>tinygraphs: A web application to build avatars.</h2>

    <p class="lead">While building <a href="http://www.gonawin.com">gonawin</a> we found that the avatar service that we were using was limiting to what we wanted. Indeed the colors of the avatars were not in sync with the web app it self.</p>

    <p class="lead">We decided to build <b>tinygraphs</b>, a web service with enough flexibility to plug it in a web application and have the colors <b>combine</b> with the web page itself. Also, as we were having so much fun building this small app, we decided to extend the patterns used to generate the images, and we plan to add more patterns and more choices in the future. This is a free web service, and we plan to keep like that. Right now the only cost is the domain name.</p>

    <h2>tinygraphs: A web application that generates avatars.</h2>

    <p class="lead">While building <a href="http://www.gonawin.com">gonawin</a> we found that the avatar service that we were using was not in sync with the designs/colors of our web app.</p>

    <p class="lead">We decided to build <b>tinygraphs</b>, to have the colors <b>combine</b> with the web page itself. Also, as we were having so much fun building it, we decided to extend the patterns used to generate the images. We plan to add more patterns and more choices in the future. This is a free web app, and we plan to keep like that. Right now the only cost is the domain name.</p>

    <h3>The code:</h3>

    <p class="lead">You can find the code of this web app in github: <a href="http://www.github.com/taironas/tinygraphs">tinygraphs</a>. You will find the description of how we built it and the stack of technologies that we used.</p>

    <p class="lead">You can find the code in github: <a href="http://www.github.com/taironas/tinygraphs">tinygraphs</a>. You will find the description of how we built it and the stack of technologies that we used.</p>

    <h3>Collaborators:</h3>

    <div class="row centered">

      <div class="col-md-4">

  </div>

  <div class="col-md-3 features--square">

    <div class="features-content--position">

      <h4>MULTIPLE GRIDS</h4>

      <h4>Different shapes</h4>

    </div>

    <div class="features-contentText--postion">

      <p class="text-left">Tinygraphs images are based on geometric shapes and patterns: squares, triangles, ...</p>

      <p class="text-left">Images are based on different geometric shapes and patterns: squares, triangles, ...</p>

    </div>

  </div>

  <div class="col-md-3 features--square">

    </div>

    <div class="features-contentText--postion">

      <p class="text-left">You can generate images with 2, 3 or 4 colors from a set of color palettes. You can also create your own color theme.</p>

      <p class="text-left">Images can have 2 to 4 colors from a set of color palettes.</p>

    </div>

  </div>

  <div class="col-md-3 features--square">

      <h4>AVATARS AS A SERVICE</h4>

    </div>

    <div class="features-contentText--postion">

      <p class="text-left">Use Tinygraphs to generate avatars and banners for your users and website.</p>

      <p class="text-left">Use Tinygraphs to generate avatars and banners for your users and websites.</p>

    </div>

  </div>

</div>

<div class="row">

  <div class="col-md-6">

    <h2 class="text-left" id="whatisit">WHAT IS<br><img alt="tinygraphs" src="assets/img/tinygraphs.png" height="42" width="214" title="tinygraphs"></h2>

    <p class="lead text-left">Tinygraphs is an open source avatar generator web service. You can use it to generate consistent avatars for your web app.</p>

    <p class="lead text-left">Tinygraphs is an avatar generator web service. Use it to generate avatars for your web app.</p>

  </div>

  <div class="col-md-6">

 	<div class="row">