index.html

---
layout: page
title: "Overview"
subtitle: "Projects, Tutorials, Blogging, and more"
---
<div class="main-explain-area jumbotron">
  <center>
  <h2>Welcome to 8itCat's website!</h2>
  <br>
  <form>
    <button class="btn btn-primary" formaction="https://8itcat.github.io/About-Me/">About Me</button>
    <button class="btn btn-primary" formaction="https://8itcat.github.io/projects/">Projects</button>
    <button class="btn btn-primary" formaction="https://discord.gg/5AQjAnNKYd">Discord Server</button>
  </form>
  </center>
</div>
<br>

<div class="posts-list">
  {% for post in paginator.posts %}
  <article class="post-preview">
    <a href="{{ post.url | prepend: site.baseurl }}">
      <h2 class="post-title">{{ post.title }}</h2>

      {% if post.subtitle %}
      <h3 class="post-subtitle">
        {{ post.subtitle }}
      </h3>
      {% endif %}
    </a>

    <p class="post-meta">
      Posted on {{ post.date | date: "%B %-d, %Y" }}
    </p>

    <div class="post-entry">
      {{ post.content | truncatewords: 50 | strip_html}}
      <a href="{{ post.url | prepend: site.baseurl }}" class="post-read-more">[Read&nbsp;More]</a>
    </div>

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

{% if paginator.total_pages > 1 %}
<ul class="pager main-pager">
  {% if paginator.previous_page %}
  <li class="previous">
    <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&larr; Newer Posts</a>
  </li>
  {% endif %}
  {% if paginator.next_page %}
  <li class="next">
    <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">More Posts &rarr;</a>
  </li>
  {% endif %}
</ul>
{% endif %}