index.html

---
layout: default
---

<div class="container">
  <!-- begin author -->
  <section
    class="author"
    data-aos="fade-up"
    data-aos-easing="ease-out-quad"
    data-aos-duration="700"
  >
    <div class="author__inner">
      <img
        src="{{site.baseurl}}{{site.author.image}}"
        alt="{{site.author.name}}"
        class="author__img"
      />
      <h1 class="author__job">{{ site.author.job }}</h1>
      <p class="author__bio">{{ site.author.bio }}</p>
      <div class="author__more">
        <a href="{{site.baseurl}}/resume" class="say-hello">Resume</a>
      <a href="{{site.baseurl}}/about/" class="know-more">About me</a>
      </div>
    </div>
  </section>
  <!-- end author -->
</div>

<div class="container">
  {% if site.portfolio.size > 0 %} {% for post in site.portfolio %}
  <div class="article" data-aos="fade-up" data-aos-easing="ease-out-quad" data-aos-duration="800">
    {% if post.thumbs %}
    <div class="article__image-box">
      <a
        href="{{post.url | prepend: site.baseurl}}"
        class="article__image"
        style="background-image: url({{site.baseurl}}{{post.thumbs}})"
      ></a>
    </div>
    {% endif %}
    <div class="article__content">
      <h2 class="article__title">
        <a href="{{ post.url | prepend: site.baseurl }}">{{post.title}}</a>
      </h2>
      <div class="article__meta">
        <span class="article__date"
          >Published
          <time datetime="{{ post.date | date_to_xmlschema }}"
            >{% assign date_format = site.minima.date_format | default: "%B %-d, %Y" %}{{ post.date
            | date: date_format }}</time
          ></span
        >
      </div>
      <a href="{{ post.url | prepend: site.baseurl }}" class="read-more">Read the rest</a>
    </div>
  </div>
  {% endfor %} {% endif %}
</div>