layout: default
<div class=“parallax-container”>
<div class="parallax"><img src="{{ "/assets/img/home-banner.png" | default: "/assets/img/default.png" }}"></div> <div class="container first-parallax"> <h1 class="center white-text">{{ site.title }} </h1> <h4 class="center hide-on-med-and-down white-text">{{site.profession}}</h4> </div>
</div> <div class=“container”>
<h1 class="center-align bold">BLOG</h1> <br><br> <div class="row"> {%- if site.posts.size > 0 -%} {%- for post in site.posts -%} <div class="col s12 m6"> <div class="card hoverable"> <div class="card-image"> <img src="/images/{{ post.banner | default: "default.png"}}"> <a class="btn-floating halfway-fab waves-effect waves-light red lighten-2 btn-large hide-on-small-only" href="{{post.url}}"> <i class="ion-eye"></i> </a> </div> <div class="card-content"> {%- assign date_format = site.date_format | default: "%b %-d, %Y" -%} <span class="light-text">{{ post.date | date: date_format }}</span> <span class="card-title">{{ post.title }}</span> <br> {{ post.excerpt }} <br><br> {% for tag in post.tags %} <div class="chip"> <b>{{ tag }}</b> </div> {% endfor %} </div> <div class="card-action center-align red lighten-1"> <a href="{{ post.url }}">Read More</a> </div> </div> </div> {%- endfor -%} {%- endif -%} </div>
</div>