Commit ebc6a7b1 authored by santiaago's avatar santiaago
Browse files

get started text. #83

parent a42f9da8

app/index.html

+2 −1
Original line number Diff line number Diff line
@@ -88,6 +88,7 @@ 
      <script src="components/version/interpolate-filter.js"></script>

      <script src="components/holder/holder.js"></script>

      <script src="components/holder/holder-directive.js"></script>



      <!-- Bootstrap core JavaScript

	   ================================================== -->

      <!-- Placed at the end of the document so the pages load faster -->

app/partials/marketing/get-started.html

+13 −39
Original line number Diff line number Diff line 
<div class="row">

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

    <h2 class="text-center" id="getstarted">GET STARTED</h2>

  </div>

</div>

<div class="row">

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

    <p class="lead text-center">To use tinygraphs in your webside just set the source of your <code>img</code> element to the url of a tinygraphs image:</p>

    <p class="lead text-center"><code>"http://tinygraphs.com/squares/helloworld"</code></p>

    <p class="lead text-center">like so:</p>

    <p class="lead text-center"><code>&lt;img src=&quot;http://tinygraphs.com/squares/helloworld&quot;&gt;</code><br></p>

  </div>

</div>

<div class="row">

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

    <h2 class="text-center">try it out!</h2>

    <p class="lead text-center">tinygraphs.com/squares/<input type="text" ng-init="tgsource='helloworld'" ng-model="tgsource"></p>

  </div>

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

    <p class="lead text-center"><img class="featurette-image img-responsive img-thumbnail" src="/squares/{{tgsource}}" ></p>

  </div>

</div>

<div class="row">

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

    <p class="lead text-center"><code>tinygraphs.com/squares/{{tgsource}}</code></p>

  </div>

</div> <!-- /.row -->

<div class="row">

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

    <p class="lead text-center">tinygraphs.com/isogrids/<input type="text" ng-init="tgsourceisogrids='helloworld'" ng-model="tgsourceisogrids"></p>

  </div>

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

    <p class="lead text-center"><img class="featurette-image img-responsive img-thumbnail" src="/isogrids/{{tgsourceisogrids}}" ></p>

  </div>

</div>

<div class="row">

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

    <p class="lead text-center"><code>tinygraphs.com/isogrids/{{tgsourceisogrids}}</code></p>

  </div>

</div> <!-- /.row -->
 
  <div class="col-md-8">

    <h1 id="getstarted">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><pre class="prettyprint lang-html">&lt;img src=&quot;http://tinygraphs.com/squares/helloworld&quot;&gt;</pre></p>

    <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 href="">try it out</a>

  </div> <!-- / col -->

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

    <h2 class="text-center" id="getstarted">LOOKING FOR MORE OPTIONS?</h2>

    <p>You can see all the options in our github page such as colors and color combinations, shapes, sizes and more. </p>

    <a href="">find us on github</a>

  </div> <!-- / col -->

</div><!-- / row -->