lxhome/_layouts/home.html

---
layout: default
---

<div class="column is-half-desktop is-offset-one-quarter-desktop">
  <section class="section is-size-4-desktop is-size-5-mobile">
    <p class="text-centered">
      <img
        class="is-rounded"
        alt="lxsameer"
        src="https://lxsameer.com/images/me-1.jpg"
      />
    </p>
    <p class="info text-justified">
      Hi! I'm <b>Sameer</b> and I usally write about
      technology and software development (hmmm more like nagging instead of writing). Since
      I'm lazy, my posts are short so I can write more often.
    </p>
  </section>
</div>

<div class="column is-half-desktop is-offset-one-quarter-desktop">
  <section class="section">
    <h3 class="header is-size-4">
      Blog Posts:
    </h3>

    {% for post in site.posts %}

    <div class="columns">
      <div class="column">
        <h2 class="is-size-3-desktop is-size-4-mobile">
          <a class="post-title-link" href="{{ post.url }}">
            <i class="fas fa-link"></i> {{ post.title }}
          </a>
        </h2>
      </div>
    </div>

    {% endfor %}
  </section>
</div>