index.html

---
layout: default
---
<section class="section">
  <div class="container is-max-widescreen">
    
    {% if jekyll.environment != "development" %}
    <div class="block">
      <!-- google AD -->
      <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
      <!-- main_top_336_280 -->
      <ins class="adsbygoogle"
            style="display:inline-block;width:336px;height:280px"
            data-ad-client="ca-pub-1634875166425349"
            data-ad-slot="2628164514"></ins>
      <script>
      (adsbygoogle = window.adsbygoogle || []).push({});
      </script>
    </div>
    {% endif %}

    <!-- article list -->
    {% for post in paginator.posts %}
      <div class="box">
        <!-- {% if post.image and post.image != '' %}
        <div class="ui medium image">
          <img src="{{ post.image }}">
        </div>
        {% endif %} -->
        <div class="content">
          <p class="title is-4 mb-0"><a href="{{ post.url }}">{{ post.title }}</a></p>
          <p>{{ post.date | date: "%Y-%m-%d" }}</p>
          <div class="description mb-3">
            {% if post.description %}
            <p>{{ post.description | strip_html }}</p>
            {% else %}
            <p>{{ post.excerpt | strip_html | truncatewords: 40 }}</p>
            {% endif %}
          </div>
          {% if post.categories or post.comments %}
            {% if post.categories %}
            <span class="tag is-link is-normal is-light">
              <span class="icon">
                <i class="fas fa-info-circle"></i>
              </span>
              <span>{{ post.categories }}</span>
            </span>
            {% endif %}
            <!-- {% if post.comments %}
            <div class="ui teal label">
              <i class="comment icon"></i><a class="color-white" href="#" onclick="return false;" data-disqus-identifier="{{post.url}}"></a>
            </div> 
            {% endif %} -->
          {% endif %}
        </div>
      </div>
    {% endfor %}

    {% if jekyll.environment != "development" %}
    <div class="block">
      <!-- google AD -->
      <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
      <!-- main_bottom_336_280 -->
      <ins class="adsbygoogle"
            style="display:inline-block;width:336px;height:280px"
            data-ad-client="ca-pub-1634875166425349"
            data-ad-slot="3965296917"></ins>
      <script>
      (adsbygoogle = window.adsbygoogle || []).push({});
      </script>
    </div>
    {% endif %}

  </div>
</section>

{% if paginator.total_pages > 1 %}
<section class="section">
  <div class="container is-max-widescreen">
    <nav class="pagination" role="navigation" aria-label="pagination">
      <!-- 이전 -->
      {% if paginator.previous_page %}
      <a class="pagination-previous is-disabled" href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">Previous</a>
      {% else %}
      {% endif %}

      <!-- 다음 -->
      {% if paginator.next_page %}
        <a class="pagination-next" href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Next page</a>
      {% else %}
      {% endif %}

      <ul class="pagination-list">
      {% for page in (1..paginator.total_pages) %}
        {% if page == paginator.page %}
          <li>
            <a class="pagination-link is-current" aria-label="Page {{ page }}" aria-current="page">{{ page }}</a>
          </li>
        {% elsif page == 1 %}
          <li>
            <a class="pagination-link" href="/{{site.baseurl | replace: '//', '/'}}" aria-label="Goto page {{ page }}">{{ page }}</a>
          </li>
        {% else %}
          <li>
            <a class="pagination-link" href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}" aria-label="Goto page {{ page }}">{{ page }}</a>
          </li>
        {% endif %}
      {% endfor %}
      </ul>
    </nav>
  </div>
</section>
{% endif %}