index.html

---
layout: default
users:
- davelandry
- alexandersimoes
style: blog
---

<style>

  div#content {
    text-align: center;
  }

  section#logo {
    display: block;
    margin: 70px auto 25px;
    padding: 0;
    text-align: center;
    width: 800px;
  }

  section#logo img {
    display: inline-block;
    vertical-align: top;
  }

  section#logo div {
    color: #888;
    display: inline-block;
    font-size: 50px;
    font-family: "HelveticaNeue-UltraLight", "Helvetica Neue Ultra Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: lighter;
    line-height: 50px;
    padding: 50px 25px;
    text-align: left;
    width: 350px;
  }

  section {
    margin: 75px 3% 0px;
    text-align: left;
    width: 94%;
  }

  section#examples {
    display: block;
    margin: 75px 2% 0px;
    text-align: center;
  }

  section#examples > h1, section#examples > a {
    text-align: left;
  }

  section#links {
    margin: 25px 3% 0;
    text-align: center;
  }

  section#links a {
    display: inline-block;
    font-size: 12px;
    margin: 0px;
    width: 125px;
  }

  section#links a i {
    display: block;
    font-size: 50px;
  }

  section#links a span {
    display: inline-block;
  }

  a.example {
    margin: 10px 10px 25px 10px !important;
  }

  .post {
    padding: 10px 0px;
  }

  .post-title > a {
    font-size: 14px;
  }

  .post-snippet > p {
    font-size: 12px;
  }

</style>

<section id="logo">
  <img src="{{ site.url }}/assets/img/d3plus-icon.png">
  <div>Data visualization made easy.</div>
</section>

<section id="links">
  {% for link in site.navigation %}
  <a href="{{link.url}}">
    <i class="fa fa-{{link.icon}}"></i>{{link.text}}
  </a>
  {% endfor %}
</section>

<section id="examples">

    <h1>Recent Examples</h1>

    <a class="moreButton" href="/examples/">
      All Examples <i class="fa fa-angle-right"></i>
    </a>

    {% assign examples = site.examples | sort: "time" | reverse %}
    {% for example in examples limit:15 %}
    {% include example-tile.html example=example %}
    {% endfor %}

</section>