Commit c03fca75 authored by santiaago's avatar santiaago
Browse files

add roboto bold font as per Carmen designs.

parent d19f14c9
Loading
Loading
Loading
Loading
+6 −6
Original line number Diff line number Diff line
@@ -11,19 +11,19 @@
  <div class="col-sm-3 about--square">
    <div class="about-content--margin">
      <img alt="santiago" src="assets/img/santiago.jpg" class="img-responsive img-thumbnail about-img" title="Santiago">
      <p class="text-center"><a class="tg-link" href="http://twitter.com/santiago_arias" target="_blank">@santiago_arias</a></p>
      <p class="text-center"><a class="tg-link" href="http://twitter.com/santiago_arias" target="_blank"><b>@santiago_arias</b></a></p>
    </div>
  </div> <!-- / col-md-3 -->
  <div class="col-sm-3 about--square">
    <div class="about-content--margin">
      <img alt="remy" src="assets/img/remy.jpg" class="img-responsive img-thumbnail about-img" title="Remy">
      <p class="text-center"><a class="tg-link" href="http://twitter.com/rjourde" target="_blank">@rjourde</a></p>
      <p class="text-center"><a class="tg-link" href="http://twitter.com/rjourde" target="_blank"><b>@rjourde</b></a></p>
    </div>
  </div> <!-- / col-md-3 -->
  <div class="col-sm-3 about--square">
    <div class="about-content--margin">
      <img alt="carmen" src="assets/img/carmen.jpg" class="img-responsive img-thumbnail about-img" title="Carmen">
      <p class="text-center"><a class="tg-link" href="https://plus.google.com/+CarmenRebolledo" target="_blank">+Carmen</a></p>
      <p class="text-center"><a class="tg-link" href="https://plus.google.com/+CarmenRebolledo" target="_blank"><b>+Carmen</b></a></p>
    </div>
  </div> <!-- / col-md-3 -->
</div>
@@ -34,7 +34,7 @@
      <h3 class="text-left">ABOUT THE PROJECT</h3>
    </div>
    <div class="about-contextText--position">
	<p class="text-left">While building <a class="tg-link" href="http://www.gonawin.com" target="_blank">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="text-left">While building <a class="tg-link" href="http://www.gonawin.com" target="_blank"><b>gonawin</b></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="text-left">We decided to build tinygraphs, to have the colors combine 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.</p>

    </div>
@@ -45,7 +45,7 @@
      <h3 class="text-left">THE CODE</h3>
    </div>
    <div class="about-contextText--position">
      <p class="text-left">You can find the code in github: <a class="tg-link" href="http://www.github.com/taironas/tinygraphs" target="_blank">tinygraphs</a>. You will find the description of how we built it and the stack of technologies that we used.</p>
      <p class="text-left">You can find the code in github: <a class="tg-link" href="http://www.github.com/taironas/tinygraphs" target="_blank"><b>tinygraphs</b></a>. You will find the description of how we built it and the stack of technologies that we used.</p>
    </div>
  </div> <!-- / col-md-3 -->
  <div class="col-md-1"></div>
@@ -54,7 +54,7 @@
      <h3 class="text-left">LICENSE</h3>
    </div>
    <div class="about-contextText--position">
      <p class="text-left"><a class="tg-link" href="http://www.tinygraphs.com/" target="_blank">tinygraphs</a> logo is property of tinygraphs, you must always request the permission to use it to <a class="tg-link" href="https://plus.google.com/u/0/+CarmenRebolledo/" target="_blank">Carmen</a>.</p>
      <p class="text-left"><a class="tg-link" href="http://www.tinygraphs.com/" target="_blank"><b>tinygraphs</b></a> logo is property of tinygraphs, you must always request the permission to use it to <a class="tg-link" href="https://plus.google.com/u/0/+CarmenRebolledo/" target="_blank"><b>Carmen</b></a>.</p>
    <p class="text-left">Tinygraphs images are available for free. As a thank you, we only ask that you include a link back to <b>tinygraphs</b> whenever possible.</p>
    </div>
  </div> <!-- / col-md-3 -->
+3 −4
Original line number Diff line number Diff line
<div class="row" id="getstarted">
  <div class="col-md-8 getstarted--square getstarted-left">
    <h1 class="getstarted-title tg-title-color">GET STARTED</h1>
    <p>To use tinygraphs in your webside just set the source of your <code>&lt;img&gt;</code> element to the url of a tinygraphs image like so:</p>
    <p>To use tinygraphs in your webside just set the source of your <b><code>&lt;img&gt;</code></b> element to the url of a tinygraphs image like so:</p>
    <div class="row">
      <div class="col-md-8">
	<p><pre class="prettyprint lang-html">&lt;img src=&quot;http://tinygraphs.com/squares/helloworld&quot;&gt;</pre></p>
      </div>
    </div>
    <p>You can also choose to download your creation and upload it on your website. Just use our editor and then click on the download button.</p>
    <a class="tg-link" href="##tryitout" scroll-to="tryitout"><span class="glyphicon glyphicon-play" aria-hidden="true"></span> TRY IT OUT</a>
    <a class="tg-link" href="##tryitout" scroll-to="tryitout"><span class="glyphicon glyphicon-play" aria-hidden="true"></span> <b>TRY IT OUT</b></a>
  </div> <!-- / col -->
  <div class="col-md-4 getstarted--square2 getstarted--backgroundGrey">
    <div class="row">
@@ -21,8 +21,7 @@
      <img class="getstarted-img--center" src="/assets/img/GitHub-Mark-120px-plus.png" width="60px">
    </div>
    <div class="row getstarted-img--btn">
	<!-- <a class="btn btn-primary btn-block tg-btn" href="https://github.com/taironas/tinygraphs">FIND US ON GITHUT</a> -->
	<a class="btn btn-primary btn-block tg-btn getstarted-img--btnLink" href="https://github.com/taironas/tinygraphs">FIND US ON GITHUB !  <span class="glyphicon glyphicon-play" aria-hidden="true"></span></a>
	<a class="btn btn-primary btn-block tg-btn getstarted-img--btnLink" href="https://github.com/taironas/tinygraphs" target="_blank">FIND US ON GITHUB !  <span class="glyphicon glyphicon-play" aria-hidden="true"></span></a>
    </div> <!-- /row -->
</div> <!-- / col -->
</div><!-- / row -->
+1 −1
Original line number Diff line number Diff line
@@ -2,7 +2,7 @@
  <div class="col-md-6 whatis-left">
    <h2 class="text-left tg-title-color" id="whatisit">WHAT IS TINYGRAPHS</h2>
    <p class="lead text-left">Tinygraphs is an avatar generator web service. Use it to generate avatars for your web app.</p>
    <a class="tg-link" href="##tryitout" scroll-to="tryitout"><span class="glyphicon glyphicon-play" aria-hidden="true"></span> TRY IT OUT</a>
    <a class="tg-link" href="##tryitout" scroll-to="tryitout"><span class="glyphicon glyphicon-play" aria-hidden="true"></span> <b>TRY IT OUT</b></a>
  </div>
  <div class="col-md-6">
    <div class="row">
+5 −5
Original line number Diff line number Diff line
@@ -11,11 +11,11 @@
    </div>
    <div id="navbar" class="collapse navbar-collapse">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="##whatisit" scroll-to="whatisit">WHAT IS TINYGRAPHS</a></li>
        <li><a href="##features" scroll-to="features">FEATURES</a></li>
        <li><a href="##examples" scroll-to="examples">EXAMPLES</a></li>
        <li><a href="##tryitout" scroll-to="tryitout">TRY IT OUT</a></li>
        <li><a href="##getstarted" scroll-to="getstarted">GET STARTED</a></li>
        <li><a href="##whatisit" scroll-to="whatisit"><b>WHAT IS TINYGRAPHS</b></a></li>
        <li><a href="##features" scroll-to="features"><b>FEATURES</b></a></li>
        <li><a href="##examples" scroll-to="examples"><b>EXAMPLES</b></a></li>
        <li><a href="##tryitout" scroll-to="tryitout"><b>TRY IT OUT</b></a></li>
        <li><a href="##getstarted" scroll-to="getstarted"><b>GET STARTED</b></a></li>
      </ul>
    </div>
  </div>