WORKSHOPページの追加

_layouts/workshop.html

@@ -0,0 +1,17 @@
+{% include header.html %}
+<article class="entry mb-5">
+  <div class="container">
+    <div class="row justify-content-md-center">
+      <div class="col-12 col-md-8">
+        <header class="entry__header">
+          <h2 class="entry__title">{{page.j-title}}</h2>
+          <p class="entry__time">[ {{page.time-schedule}} ]</p>
+        </header>
+        <div class="entry__content">
+          {{content}}
+        </div>
+      </div>
+    </div>
+  </div>
+</article>
+{% include footer.html %}

_workshop/index.html

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

_workshop/mob-programming.md

@@ -0,0 +1,8 @@
+---
+title: Workshop
+j-title : モブプログラミングで体験する Scratch 3.0 + micro:bit 連携機能
+description: モブプログラミングで、βリリースとなったばかりの Scratch 3.0 と小型マイコンボードの micro:bit との連携機能を体験するワークショップです。モブプログラミングとは、PCを操作する1人のドライバー役を順番に交代しながら、ナビゲーター役のそれ以外の全員がアドバイスをしたり、手順を教えたりして、みんなで助け合いながらタスクを進めていく開発手法です。前提とする知識は全く必要なし、PCの操作ができれば、どなたでもご参加いただけます。
+thumbnail : mobpro.png
+time-schedule: 
+---
+モブプログラミングで、βリリースとなったばかりの Scratch 3.0 と小型マイコンボードの micro:bit との連携機能を体験するワークショップです。モブプログラミングとは、PCを操作する1人のドライバー役を順番に交代しながら、ナビゲーター役のそれ以外の全員がアドバイスをしたり、手順を教えたりして、みんなで助け合いながらタスクを進めていく開発手法です。前提とする知識は全く必要なし、PCの操作ができれば、どなたでもご参加いただけます。

index.html

@@ -143,7 +143,22 @@ <h3 class="post-list__title">{{ session.j-title }}</h3>
   <div class="row justify-content-md-center">
     <div class="col-12 col-md-8">
       <h2 class="heading__01">WORK SHOP</h2>
-      <h3 class="heading__02">COMING SOON</h3>
+      <div class="row post-list">
+          {% for workshop in site.workshop %}
+            {% if workshop.layout == "archive" %}
+            {% else %}
+              <div class="col-6 col-md-3">
+                <article class="post-list__item">
+                  <div class="post-list__thumbnail"><a href="{{ site.url }}{{ workshop.url }}"><img src="img/{{ workshop.thumbnail }}" alt="{{ workshop.j-title }}のイメージ"></a></div>
+                  <div class="post-list__content">
+                    <h3 class="post-list__title">{{ workshop.j-title }}</h3>
+                    <p class="post-list__time">{{workshop.time-schedule}}</p>
+                  </div>
+                  <div class="post-list__more"><a class="btn btn__white btn__xl" href="{{ site.url }}{{ workshop.url }}" role="button">more</a></div></article>
+              </div>
+            {% endif %}
+          {% endfor %}
+      </div>
     </div>
   </div>
   <div class="row post-list mt-5">