Merge pull request #29 from coderdojo-japan/session-dynamic

セッションの一覧を動的表示に変更

Author: hajihaji9988

_config.yml

@@ -7,3 +7,6 @@
  jailed: false
  theme: jekyll-theme-primer
  gfm_quirks: paragraph_end
+ collections:
+   session:
+     output: true

_includes/header.html

@@ -66,7 +66,7 @@ <h3 class="gnav__title text-center">DojoCon Japan 2018</h3>
         <li><a class="gnav_item" href="/#about">ABOUT</a></li>
         <li><a class="gnav_item" href="/#news">NEWS</a></li>
         <li><a class="gnav_item" href="/#access">ACCESS</a></li>
-        <li><a class="gnav_item" href="/#session">SESSION</a></li>
+        <li><a class="gnav_item" href="/session/">SESSION</a></li>
         <li><a class="gnav_item" href="/#sponsor">SPONSOR</a></li>
       </ul>
       <ul class="gnav__sns list-inline text-center text-md-right mb-0">

_layouts/archive.html

@@ -0,0 +1,5 @@
+{% include header.html %}
+<div class="mt-5">
+  {{content}}
+</div>
+{% include footer.html %}

_session/index.html

@@ -0,0 +1,31 @@
+---
+title: Session
+j-title : DojoCon Japan 2018セッションの一覧
+description: DojoCon Japan 2018におけるセッションの一覧
+layout: archive
+---
+
+<section id="session">
+  <div class="container">
+    <div class="row post-list">
+      {% for session in site.session %}
+        {% if session.layout == "archive" %}
+        {% else %}
+          <div class="col-6 col-md-3">
+            <article class="post-list__item">
+              <div class="post-list__thumbnail"><a href="{{ site.url }}{{ session.url }}"><img
+                      src="/img/{{ session.thumbnail }}" alt="{{session.speaker-name}}の顔写真"></a></div>
+              <div class="post-list__content">
+                <h3 class="post-list__title">{{ session.j-title }}</h3>
+                <!--p.post-list__time-->
+                <p class="post-list__speaker">{{ session.speaker-name }}</p>
+              </div>
+              <div class="post-list__more"><a class="btn btn__green btn__xl" href="{{ site.url }}{{ session.url }}"
+                                              role="button">more</a></div>
+            </article>
+          </div>
+        {% endif %}
+      {% endfor %}
+    </div>
+  </div>
+</section>

session/takashi-hosoya.md renamed to _session/takashi-hosoya.md

@@ -110,16 +110,21 @@ <h2 class="heading__01 bgwh">ACCESS</h2>
   </div>
   <h2 class="heading__01">SESSION</h2>
   <div class="row post-list">
-    <div class="col-6 col-md-3">
-      <article class="post-list__item"><a href="/session/takashi-hosoya.html">
-          <div class="post-list__thumbnail"><img src="img/hosoya.jpg" alt="細谷 崇のキリッとした画像"></div>
-          <div class="post-list__content">
-            <h3 class="post-list__title">基調講演</h3>
-            <!--p.post-list__time-->
-            <p class="post-list__speaker">細谷 崇</p>
+      {% for session in site.session %}
+        {% if session.layout == "archive" %}
+        {% else %}
+          <div class="col-6 col-md-3">
+            <article class="post-list__item">
+              <div class="post-list__thumbnail"><a href="{{ site.url }}{{ session.url }}"><img src="img/{{ session.thumbnail }}" alt="{{session.speaker-name}}の顔写真"></a></div>
+              <div class="post-list__content">
+                <h3 class="post-list__title">{{ session.j-title }}</h3>
+                <!--p.post-list__time-->
+                <p class="post-list__speaker">{{ session.speaker-name }}</p>
+              </div>
+              <div class="post-list__more"><a class="btn btn__white btn__xl" href="{{ site.url }}{{ session.url }}" role="button">more</a></div></article>
           </div>
-          <div class="post-list__more"><a class="btn btn__white btn__xl" href="/session/takashi-hosoya.html" role="button">more</a></div></a></article>
-    </div>
+        {% endif %}
+      {% endfor %}
   </div>
 </div>
 </section>