index.html

---
layout: default
---

<div class="home">

 <header class="post-header">
<h2 class="post-title">Welcome to Freesound Labs!</h2>

<p><strong>Freesound Labs</strong>  is a listing of projects, hacks, apps, research and other stuff 
  that use content from <a href="https://www.freesound.org">Freesound</a> or use the 
  <a href="https://www.freesound.org/docs/api/">Freesound API</a>. Want to add something missing in the list? Please <a href="https://docs.google.com/forms/d/e/1FAIpQLSfrGrGX_U249qzogGhStj9LcsJVMRwwakSGxG-hW_RmWZW3jw/viewform?usp=preview">fill out this online form</a>!
</p>

<div>
  <form action="/search" method="get" class="search">
    <input type="text" id="search-box" name="query" placeholder="Search...">
    <button type="submit"><i class="fa fa-search"></i></button>
  </form> 
</div>

</header>

<!-- div style="float:left;" class="latest_additions">Latest additions</div -->
<div style="float:right;">
  {% if paginator.previous_page %}
    <a href="{{ paginator.previous_page_path }}" class="previous"><<</a>
  {% else %}
  {% endif %}
  <span class="page_number ">page  {{ paginator.page }} of {{ paginator.total_pages }}</span>
  {% if paginator.next_page %}
    <a href="{{ paginator.next_page_path }}" class="next">>></a>
  {% endif %}
</div>
<br style="clear:both;">
<div class="content_separator"></div>
 
  <article class="post-content">
  <ul class="post-list">
    {% for post in paginator.posts %}
      <li>
      <table>
        <tr>
        <td style="vertical-align: top;{% if post.image %} padding-right:15px;{% endif %} max-width:840px;">
          <h2 style="margin-bottom:0px;"><a class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></h2>
          <p>{{ post.content | strip_html | truncatewords: 35 }}</p>
          <span class="post-meta">
            <!--{% for cat in post.categories %} <a href="/category/{{ cat }}" style="margin-right:5px; color:#828282;">{{cat}}</a> {% endfor %} |&nbsp;-->
            {% for tag in post.tags %} <a href="/tag/{{ tag }}" style="margin-right:5px; color:#828282;">{{tag}}</a> {% endfor %}
          </span>
          {% if post.url %}
          <br><span class="post-meta"><a href="{{ post.project_url }}" target="_blank">{{ post.project_url }}</a></span>
          {% endif %}
        </td>
        {% if post.image %}
        <td class="thumbnail_cell" style="vertical-align: middle;">
            <p><img width="300px" src="/assets/thumbnails/{{post.image}}" alt="{{ post.title }} thumbnail" style="border-radius:3px;"></p>
        </td>
        {% endif %}
        </tr>
      </table>
      </li>
    {% endfor %}
  </ul>
  </article>


<div class="content_separator"></div>
<div style="float:right;">
  {% if paginator.previous_page %}
    <a href="{{ paginator.previous_page_path }}" class="previous"><<</a>
  {% else %}
  {% endif %}
  <span class="page_number ">page  {{ paginator.page }} of {{ paginator.total_pages }}</span>
  {% if paginator.next_page %}
    <a href="{{ paginator.next_page_path }}" class="next">>></a>
  {% endif %}
</div>
<br style="clear:both;">

</div>