Book page added

_data/b-digital-product-design.yml

@@ -0,0 +1,11 @@
+- bookid: 606001674
+- bookid: 606001271
+- bookid: 703000214
+- bookid: 509000824
+- bookid: 1546000290
+- bookid: 754019993
+- bookid: 1546000175
+- bookid: 754011611
+- bookid: 222000783
+- bookid: 2639000010
+- bookid: 754021394

_includes/resume.html

@@ -1,15 +1,6 @@
 <div class="loading-animation">
 <section class="resume">
     <div class="resume-info">
-<!--
-        <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 54 54" style="enable-background:new 0 0 54 54;" xml:space="preserve">
-        <path d="M49.5,16.5h-12V12c0-2.5-1.9-4.5-4.5-4.5H21c-2.6,0-4.5,2-4.5,4.5v4.5h-12C2,16.5,0,18.4,0,21v21c0,2.6,2,4.5,4.5,4.5h45
-            c2.6,0,4.5-1.9,4.5-4.5V21C54,18.4,52.1,16.5,49.5,16.5z M21,13.5c0-0.9,0.6-1.5,1.5-1.5h9c0.9,0,1.5,0.6,1.5,1.5v3H21V13.5z
-             M37.5,21v21h-21V21H37.5z M4.5,40.5v-18C4.5,21.6,5.1,21,6,21h6v21H6C5.1,42,4.5,41.4,4.5,40.5z M49.5,40.5c0,0.9-0.6,1.5-1.5,1.5
-            h-6V21h6c0.9,0,1.5,0.6,1.5,1.5V40.5z"/>
-        </svg>
--->
         <p class="second-label">
             <span class="label-emoji">
                 &#x1F64B;
@@ -35,18 +26,6 @@
 
 <section class="skill">
     <div class="resume-info">
-<!--
-        <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 54 54" style="enable-background:new 0 0 54 54;" xml:space="preserve">
-    <g>
-        <path d="M21.2,2H8.7C7.5,2,6.3,3.1,6.3,4.4v45.2c0,1.2,1.1,2.4,2.4,2.4h12.5c1.2,0,2.4-1.1,2.4-2.4V4.4C23.6,3.1,22.5,2,21.2,2z
-             M18.9,47.2h-7.8V41h4.8v-3.1h-4.8v-3.1h3.1v-3.1h-3.1v-3.1h4.7v-3.1h-4.8v-3.1h3.1v-3.1h-3.1V16h4.7v-3.1h-4.8V6.6h7.8V47.2z"/>
-        <path d="M47.8,17.6l0.5-0.2L42.1,4.9c-0.2-0.8-1.1-1.2-2-1.2s-1.8,0.5-2,1.2l-6.2,12.5l0.5,0.2h-0.8v28.9c0,3,2.5,5.5,5.5,5.5h6.2
-            c3,0,5.5-2.5,5.5-5.5V17.6H47.8z M43.8,41h-7.8V22.3h7.8V41z M40,11.2l3.2,6.4h-6.4L40,11.2z M43.1,47.2h-6.2
-            c-0.5,0-0.7-0.2-0.7-0.7v-0.8h7.8v0.8C43.8,47,43.6,47.2,43.1,47.2z"/>
-    </g>
-        </svg>
--->
         <p class="second-label">
             <span class="label-emoji">
                 &#x1F4AA;

_layouts/default.html

@@ -9,11 +9,17 @@
         <div class="nav-container">
             <ul>
                 <li class="transition">
-                    <a href="{{ '' | prepend: site.baseurl }}/" {% if current[1] == "about" or current[1] == "blog" %} class="normal" {% endif %} class="active">Work</a>
+                    <a href="{{ '' | prepend: site.baseurl }}/" {% if current[1] == "about" or current[1] == "blog" or current[1] == "book" or current[1] == "project" %} class="normal" {% endif %} class="active">Home</a>
+                </li>
+                <li class="transition">
+                    <a href="{{ '/project' | prepend: site.baseurl }}" {% if current[1] == "project" %} class="active"{% endif %} >Project</a>
                 </li>
                 <li class="transition">
                     <a href="{{ '/blog' | prepend: site.baseurl }}" {% if current[1] == "blog" %} class="active"{% endif %} >Blog</a>
                 </li>
+                <li class="transition">
+                    <a href="{{ '/book' | prepend: site.baseurl }}" {% if current[1] == "book" %} class="active"{% endif %} >Book</a>
+                </li>
                 <li class="transition">
                     <a href="{{ '/about' | prepend: site.baseurl }}" {% if current[1] == "about" %} class="active"{% endif %} >About</a>
                 </li>

_layouts/post.html

@@ -22,6 +22,8 @@ <h2 class="post-subtitle">
         </h2>
     </div>
 
+<!--포트폴리오 상단 정보-->
+
     {% if page.portfolio == true %}
     <article class="portfolio-info">
         <div>
@@ -43,9 +45,9 @@ <h2 class="post-subtitle">
         </div>    
     </article>
     {% endif %}
-
-    {{ content }}
 
+<!--draft 일 때-->
+
     {% if page.draft == true %}
         <div class="catalogue-draft-message">
             <h1>
@@ -55,4 +57,18 @@ <h1>
         </div>
     {% endif %}
 
+<!--큐레이션 영역-->
+    {{ content }}
+
+    {% if page.book == true %}
+        {% for book-list in site.data[page.data-name] %}   
+            <a href="https://ridibooks.com/v2/Detail?id={{ book-list.bookid }}" target="_blank" class="book-link">
+                <img class="book-cover transition" src="https://misc.ridibooks.com/cover/{{ book-list.bookid }}/xxlarge"/>
+            </a>   
+
+        {% endfor %}
+    {% endif %}
+
+
+
 </div>

_sass/_layout.scss

@@ -46,6 +46,11 @@ footer>.footer_wrap,
       &:last-child {
           margin-right: 0;
       }
+
+      @media (max-width: $break-small) {
+          margin: 0 28px 0 0;
+      }
+
   }
     li:hover {
           opacity: 0.5;

_sass/_post.scss

@@ -81,6 +81,34 @@
         text-decoration-color: $purple;
     }
 
+        a.book-link {
+            background-image: none;
+
+            .book-cover {
+                width: 30%;
+                display: inline-block;
+                border: 1px solid rgba(0,0,0,.15);
+                margin: 24px 11px;
+                border-radius: 5px;
+                box-shadow: 0px 8px 24px -7px rgba(0,0,0,0.03);
+
+                @media (max-width: 914px) {
+                    margin: 22px 8px;
+                }
+
+                @media (max-width: $break-small ) {
+                    width: 30%;
+                    margin: 18px 4px;
+                    border-radius: 3px;
+                }
+            }
+            .book-cover:hover {
+                border: 1px solid #8565fc;
+            }
+
+        }
+
+
     h1 { 
         padding: 40px 0 16px 0;
         font-weight: 700;

book/digital-product-designer/index.md

@@ -0,0 +1,17 @@
+---
+layout: post
+author: "Jihye Leee"
+title:  "디지털 프로덕트 디자이너에게 도움이 되는 책"
+type: "Design"
+text: true
+book: true
+post-header: true
+header-img: "https://images.unsplash.com/photo-1552326450-abcda8e9fb3c?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1534&q=80"
+order: 1
+data-name: b-digital-product-design
+---
+
+리디북스, 리디셀렉트에는 확실히 `디자인`으로 분류된 책 중 읽을만한 책이 많이 없다. 그렇지만 조금 시야를 넓히면 그래도 읽을만한 책들이 꽤 있다. 아래 책들이 `디지털 프로덕트 디자인`과 확실하게 관련이 있다고 단언할 수는 없다. 그래도 각각 다양한 부분에서 도움을 받았다.
+
+예를 들면, [스프린트](https://ridibooks.com/v2/Detail?id=1546000290)는 새로운 아이디어를 발견하는 여정을 보여준다. 제품을 만드는 이들이라면 궁금할 내용들이 많다. [넛지](https://ridibooks.com/v2/Detail?id=606001674)는 기본에 충실한 디자인을 설계하는 데 도움이 된다. 데이터 수집에 대해서 가볍게 알고 싶다면 [빅 데이터가 만드는 세상](https://ridibooks.com/v2/Detail?id=222000783)을 추천한다. [마케터의 일](https://ridibooks.com/v2/Detail?id=2639000010)은 마케터에 대한 이야기지만 전반적으로 창의적으로 일해야 하는 직군에게 도움이 되는 이야기가 많았다.
+<br><br><br>

curation/index.md → book/index.md

@@ -2,16 +2,16 @@
 layout: default
 work: true
 main: true
-title: Books Lists
-description: 책 큐레이션
+title: Curation for books
+description: 리디북스, 리디셀렉트에서 읽을만한 책 추천!
 project-header: true
 header-img: "img/project_bg.jpg"
 ---
 
 <div class="catalogue">
 {% assign sorted = site.pages | sort: 'order' | reverse %}
 {% for page in sorted %}
-{% if page.projects == true %}
+{% if page.book == true %}
 
      {% include post-list.html %}