index.html

---
layout: home
permalink: /
---
<div id="content" class="site" >
  <section class="home-section">
    <h2 id="about">About</h2>
      <p>We think the best way to improve the design industry is to work in the open.</p>
      <p>If you have 39 minutes <a href="/articles/designers-can-open-source-session-video/">watch this presentation</a>, if not <a href="/articles/the-open-source-design-manifesto/">read the manifesto</a>. If you're curious about this site <a href="/articles/building_this_site/">read this post</a>.  Finally, if you'd like to help contribute design, code, or content; <a href="/articles/the-roadmap/">checkout the roadmap</a> or hit us up on the <a href="https://gitter.im/DesignOpen/OpenSourceDesign">Gitter</a> channel.
  </section>

  <section class="home-section" itemscope itemtype="http://schema.org/Blog">
    <h2 class="title" itemprop="name">Recent Articles</h2>
    <ul class="bloglist">
    {% assign counter = 0 %}
    {% for post in site.categories.articles %}
    {% if post.tags contains 'featured' and counter < 3 %}
    {% assign counter=counter | plus:1 %}
    {% assign author = site.data.authors[post.author] %}
      <li class="post" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
        <h3 class="title"><a href="{{ post.url }}" itemprop="url"><span itemprop="name">{{ post.title }}</span></a></h3>
        <div class="meta">
          <time itemprop="datePublished" datetime="{{post.date | date: "%Y-%m-%d" }}">posted {{post.date | date: "%b %e" }}</time>
          <span class="author" itemprop="author" itemscope itemtype="http://schema.org/Person">
            by <a href="{{author.web}}" itemprop="url"><span itemprop="name">{{author.display_name}}</span></a>
          </span>
        </div>
      </li>
      {% endif %}
	    {% endfor %}
    </ul>
    <p><a href="/articles/">Read More...</a></p>
  </section>

  <section class="home-section" itemscope itemtype="http://schema.org/ItemList">
    <h2 class="title" itemprop="name">Recently Added Resources</h2>
    <ul class="resourceList">
      {% assign counter = 0 %}

      {% for post in site.categories.resources %}
        {% if counter < 5 %}
          {% assign counter=counter | plus:1 %}
          <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a itemprop="url" href="{{ post.url }}"><span itemprop="name">{{ post.title }}</span></a></li>
        {% endif %}
      {% endfor %}

    </ul>
    <p><a href="/resources/">View all resources...</a></p>
  </section>

</div>