---
layout: default
---

<div class="blog-home">
  <div
    style="
      margin: 1em 0;
      color: black;
      border-radius: 5px;
      border: 5px dotted rgba(141, 191, 66, 0.97) !important;
      padding: 0.5em 1em;
    "
  >
    <h2 style="font-weight: bold">Hello, fellow human!</h2>
    <p>
      Welcome to my personal blog! Like you, I have many areas of interests, and
      in this site you will find posts on varying topics that are not always
      confined to my professional life.
    </p>
    <p>
      There really is no central theme here, and even the quality of writing may
      change between posts. My only rule is that I put out words about stuff I
      find helpful to talk about.
    </p>
    <p>
      There may be some topics that pop up more than others.
      <a href="/technology">Technology</a> posts are mostly about web
      development, and may be more relatable to people who found me for my
      development work. More opinionated <a href="/personal">personal</a> posts
      are where I talk about stuff I find interesting and helpful to put out in
      the open for their potential to help others as well. However, other topics
      will most likely be included in the future and a lot of things may change
      over time.
    </p>
    <p>
      Thank you for the interest in reading. I look forward to any feedback or
      even the possibility of collaboration. Hit me up about any topic you find
      here! Below are my contact details.
    </p>
    <ul>
      <li>email: <a href="mailto:ayo@ayco.io">ayo@ayco.io</a></li>
      <li>chat: <a href="https://t.me/ayoayco">ayoayco @ Telegram</a></li>
    </ul>
    <p>- <em>Ayo Ayco</em></p>
  </div>
  {% if site.posts.size > 0 %}
  <ul class="blog-home__list-items">
    {% for post in site.posts %}
    <li class="blog-home__list-items__item">
      <div class="blog-home__list-items__item__header">
        <div>
          <h3 class="blog-home__list-items__item__header__title">
            <a href="{{ post.url | relative_url }}"
              >{{ post.title | escape }}</a
            >
          </h3>
        </div>
        <div class="blog-home__list-items__item__header__description">
          <span>{{post.date | date_to_string}}</span> •
          <span>{{post.description}}</span>
        </div>
      </div>
      <div class="blog-home__list-items__item__excerpt">
        {% if post.image %}
        <a href="{{post.url | relative_url}}"
          ><img
            class="blog-home__list-items__item__excerpt__thumb"
            alt="{{ post.description | escape }}"
            title="{{ post.description | escape }}"
            src="../assets/images/{{ post.image }}.jpg"
        /></a>
        {% else %}
        <!-- <a href="{{post.url | relative_url}}"
          ><img
            class="blog-home__list-items__item__excerpt__thumb"
            alt="{{ post.description | escape }}"
            title="{{ post.description | escape }}"
            src="../assets/images/hello-world.jpg"
        /></a> -->

        {% endif %} {{ post.excerpt }}
      </div>
      <div class="blog-home__list-items__item__readmore">
        <a href="{{ post.url | relative_url }}" class="button"
          >Continue Reading</a
        >
      </div>
    </li>
    {% endfor %}
  </ul>
  {% endif %}
</div>