index.html

---
title: Home
layout: default
background: '/img/bg-index.jpg'
---

<!-- Home Intro
================================================== -->
{% if page.url == "/" %} 
<div class="rounded mb-5 hero">
  <div class="row align-items-right justify-content-between">
    <div class="col-md-6">
      <h1 class="font-weight-bold mb-4 Noto">컴공생의 개발 블로그</h1>
      <p class="lead mb-4">Hello!</p>
      <a href="{{site.baseurl}}/about" class="btn btn-dark text-white px-5 btn-lg">About me</a>
    </div>
    <div class="col-md-6 text-right pl-0 pl-lg-4">
      <img class="intro" height="500" src="{{site.baseurl}}/assets/images/intro.svg">      
    </div>
  </div>
</div>
{% endif %}

<!-- Featured
================================================== -->
<section class="row">

  {% for post in site.posts %}
      {% if post.featured == true %}
          <div class="col-md-4 mb-5">
          {% include postbox.html %}
          </div>
      {% endif %}
  {% endfor %}
  </div>
</section>

<!-- Posts List with Sidebar (except featured)
================================================== -->
<section class="row">

  <!-- 카테고리위해 추가 -->
  <div class="col-sm-3" style="color:#212121; border-right: solid; border-color: rgb(204, 204, 197); border-right-width: 2px;">
      <h3>Categories</h3>
      <hr style="color:#212121; border-style:solid; border-top-width: 2px">
      {% assign pages_list = site.pages %}
      {% for node in pages_list %}
        {% if node.title != null %}
          {% if node.layout == "category" %}
            <a class="category-link {% if page.url == node.url %} active{% endif %}"
            href="{{ site.baseurl }}{{ node.url }}">{{ node.title }}</a>
            <br/>
          {% endif %}
        {% endif %}
      {% endfor %}
  </div>
<!-- 카테고리위해 추가 끝 -->
 

  <div class="col-sm-9">
    <div class="row">
      {% for post in paginator.posts %}
      {% unless post.featured == true %}
      <div class="col-md-6 mb-4">
        {% include postbox.html %}
      </div>
      {% endunless %}
      {% endfor %}
    </div>
    <br/>
    <!-- Pagination -->
    <div class="bottompagination">
      <span class="navigation" role="navigation">
          {% include pagination.html %}
      </span>
    </div>
  </div>
  
</section>