layout: default


<main>

<div class="section no-pad-bot">
  <div class="container blog-posts">
    <div id="masonry-grid" class="row">
      {% for post in site.posts %}
        <div class="col s12 m6 l4 card-wrapper">
          <div class="card card-hoverable">
            {% if post.image  %}
              <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">
                <div class="card-image">
                  <img src="{{ post.image }}">
                </div>
              </a>

              <div class="btn-menu" style="padding:0px">
                <div class="fixed-action-btn horizontal click-to-toggle" style="position:relative; float:right; bottom:30px; right:10px; z-index: 1">
                  <a class="btn-floating btn-large z-depth-4 waves-effect waves-light">
                    <i class="large material-icons btn-icon">share</i>
                  </a>
                  <ul>
                    <li><a href="https://www.facebook.com/sharer/sharer.php?u={{ site.url }}{{ site.baseurl  }}{{ post.url }}" class="btn-floating fb-color" onclick="window.open(this.href, 'facebook-share','width=580,height=296');return false;" title="Compartilhar no Facebook">
                        <div class="fb-btn nested-btn valign-wrapper btn-white" >
                        </div>
                    </a></li>
                    <li><a href="https://twitter.com/intent/tweet?text=&quot;{{ post.twitter_text }}&quot;%20{{ site.url }}{{ post.url }}%20via%20&#64;{{ site.twitter_username }}&hashtags={% for tag in post.tags %}{{tag}},{% endfor %}" class="btn-floating twitter-color" onclick="window.open(this.href, 'twitter-share', 'width=550,height=235');return false;" title="Compartilhar no Twitter">
                        <div class="twitter-btn nested-btn btn-white">
                        </div>
                    </a></li>
                  </ul>
                </div>
              </div>
            {% else  %}

            {% endif %}
            <div class="card-content">
              <a class="post-link" href="{{ post.url | prepend: site.baseurl }}">
                <div>
                  <span class="grey-text text-lighten-1">{% include date.html date=post.date %}</span>
                  <span class="flow-text card-title"><b>{{ post.title }}</b></span>
                  <p class="post-description">{{ post.description }}</p>
                </div>
              </a>
              <br>
              <div class="tags">
                {% for tag in post.tags  %}
                  <a class="tag-name" href="#" data-tag="{{tag | slugify }}"><div class="chip"><b>{{ tag }}</b></div></a>
                {% endfor  %}
              </div>
            </div>
          </div>
        </div>
      {% endfor %}
    </div>
  </div>
</div>

</main>