Dojo jimanマージ

_config.yml

@@ -33,6 +33,10 @@ github_username:
 plugins:
   - jekyll-feed
 
+collections:
+  pages:
+    output: true
+
 defaults:
   - scope:
       path: ""

_includes/navbar.html

@@ -16,8 +16,9 @@
         <a class="nav-item nav-link active" href="{{site.url}}/session">セッション</a>
         <a class="nav-item nav-link active" href="{{site.url}}/event">イベント企画</a>
         <a class="nav-item nav-link active" href="{{site.url}}/contest">コンテスト</a>
-        <a class="nav-item nav-link active" href="{{site.url}}/workshop">ワークショップ</a> 
-        <a class="nav-item nav-link active" href="{{site.url}}#contactus">お問い合わせ</a>        
+        <a class="nav-item nav-link active" href="{{site.url}}/workshop">ワークショップ</a>
+        <a class="nav-item nav-link active" href="{{site.url}}/dojo-jiman">Dojo自慢</a>
+        <a class="nav-item nav-link active" href="{{site.url}}#contactus">お問い合わせ</a>
       </div>
     </div>
 

_layouts/jiman_media.html

@@ -0,0 +1,48 @@
+---
+layout: default
+---
+<div class="post-head">
+  <h2 class="font-weight-bold">Dojo自慢</h2>
+</div>
+
+<div class="post">
+  <h1 class="post-title font-weight-bold">{{ page.title }}</h1>
+
+  {% if page.categories[0] == "news" %}
+    <p class="post-date">{{ page.date | date:"%Y.%-m.%-d" }}</p>
+  {% elsif page.categories[0] == "workshop" or page.categories[0] == "session" %}
+    <div class="tags">
+      {% for tag in page.tags %}
+        <span class="tag-post">{{tag}}</span>
+      {% endfor %}
+    </div>
+    <p class="post-time">{{page.time}}</p>
+  {%endif%}
+
+
+  <div class='post-content mt-5'>
+    {{ content }}
+
+    <hr>
+    <div class="row">
+      <div class="col-2">
+        {% if page.dojo_icon %}
+          <img src="https://raw.githubusercontent.com/coderdojo-japan/coderdojo.jp/master/public/img/dojos/{{page.dojo_icon}}" />
+        {% elsif page.dojo_iconfile %}
+          <img src="{{site.url}}/img/post/jiman/{{page.dojo_iconfile}}" />
+        {% else %}
+          <img src="https://coderdojo.jp/img/dojos/coderdojo.png" />
+        {% endif %}
+      </div>
+      <div class="col-10">
+        <p class="text-left font-weight-bold h4">{{ page.dojo_name }}</p>
+        <p class="text-left">{{ page.dojo_desciption }}</p>
+      </div>
+    </div>
+    <div id="spacer" style="height: 2em;"></div>
+    <a href="/dojo-jiman/" class="btn btn-red"><i class="fas fa-chevron-circle-left"></i> 一覧に戻る</a>
+    <br />
+    <a href="/" class="btn btn-red"><i class="fas fa-chevron-circle-left"></i> トップページに戻る</a>
+  </div>
+
+</div>

_layouts/jiman_text.html

@@ -0,0 +1,56 @@
+---
+layout: default
+---
+<div class="post-head">
+  <h2>Dojo自慢</h2>
+</div>
+
+<div class="post">
+  <h1 class="post-title">{{ page.title }}</h1>
+
+  {% if page.categories[0] == "news" %}
+    <p class="post-date">{{ page.date | date:"%Y.%-m.%-d" }}</p>
+  {% elsif page.categories[0] == "workshop" or page.categories[0] == "session" %}
+    <div class="tags">
+      {% for tag in page.tags %}
+        <span class="tag-post">{{tag}}</span>
+      {% endfor %}
+    </div>
+    <p class="post-time">{{page.time}}</p>
+  {%endif%}
+
+  <div class='post-content mt-5'>
+
+		{% if page.thumbnail %}
+		<img src="{{site.url}}/img/post/{{page.thumbnail}}" />
+		{% else %}
+		<img src="{{site.url}}/img/ogp_1.png" />
+    {% endif %}
+
+    {{ content }}
+    <div id="spacer" style="height: 2em;"></div>
+    <hr>
+    <div class="row">
+      <div class="col-2">
+          <div class="col">
+            {% if page.dojo_icon %}
+              <img src="https://raw.githubusercontent.com/coderdojo-japan/coderdojo.jp/master/public/img/dojos/{{page.dojo_icon}}" />
+            {% elsif page.dojo_iconfile %}
+              <img src="{{site.url}}/img/post/jiman/{{page.dojo_iconfile}}" />
+            {% else %}
+              <img src="https://coderdojo.jp/img/dojos/coderdojo.png" />
+            {% endif %}
+          </div>
+      </div>
+      <div class="col-10">
+        <p class="text-left font-weight-bold h4">{{ page.dojo_name }}</p>
+        <p class="text-left">{{ page.dojo_desciption }}</p>
+      </div>
+    </div>
+    <div id="spacer" style="height: 2em;"></div>
+    <a href="/dojo-jiman/" class="btn btn-red"><i class="fas fa-chevron-circle-left"></i> 一覧に戻る</a>
+    <br />
+    <a href="/" class="btn btn-red"><i class="fas fa-chevron-circle-left"></i> トップページに戻る</a>
+  </div>
+
+</div>

_pages/dojo-jiman/index.html

@@ -0,0 +1,64 @@
+---
+layout: default
+title:  "Dojo自慢"
+copy: "- Beyond the distance(距離を超えて) -"
+permalink: /dojo-jiman/
+---
+<div class="container mt-5">
+    <div class="row">
+        <div class="col-md-6 offset-md-3 col-12">
+            <h1>Dojo自慢</h1>
+        </div>
+    </div>
+    <div class="row">
+        <div class="col-12 p-3" id="timetable">
+            <p>
+                DojoCon Japanでは<a href="{{site.url}}/posts/6/">Dojo自慢を募集</a>いたしました。
+            </p>
+            <p>
+                ご投稿につきましては、以下に掲載させていただきました。
+            </p>
+            {% for page in site.pages %}
+                {% if page.layout == "jiman_media" or page.layout == "jiman_text" %}
+                    <div class="page">
+                        <div class="row">
+                            <div class="col-6 col-md-2">
+                                <div class="row">
+                                    <div class="col-4 col-md-3 jiman1">
+                                    {% if page.dojo_icon %}
+                                        <img src="https://raw.githubusercontent.com/coderdojo-japan/coderdojo.jp/master/public/img/dojos/{{page.dojo_icon}}" width="100%"/>
+                                    {% elsif page.dojo_iconfile %}
+                                        <img src="{{site.url}}/img/post/jiman/{{page.dojo_iconfile}}" width="100%"/>
+                                    {% else %}
+                                        <img src="https://coderdojo.jp/img/dojos/coderdojo.png" width="100%"/>
+                                    {% endif %}
+                                    </div>
+                                    <div class="col-8 col-md-9 jiman1">
+                                        <p class="text-left dojoname">{{ page.dojo_name }}</p>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="col-9 col-md-8">
+                                <a href="{{page.url}}"> <span class="text-left h2">{{ page.title }}</span></a>
+                            </div>
+                            <div class="col-3 col-md-2 d-flex align-items-center">
+                                <a href="{{page.url}}" class="btn btn-main">もっと見る</a>
+                            </div>
+                        </div>
+                    </div>
+                {% endif %}
+            {% endfor %}
+        </div>
+    </div>
+</div>
+
+<style>
+    .dojoname{
+        text-align: center;
+        padding: 0.8em;
+    }
+    .jiman1{
+        padding-right: 0 !important;
+        padding-left: 0 !important;
+    }
+</style>

_pages/dojo-jiman/jiman-inagi.html

@@ -0,0 +1,17 @@
+---
+layout: jiman_media
+title:  "CoderDojo稲城(東京)"
+dojo_name:  "CoderDojo稲城(東京)"
+thumbnail: 
+dojo_desciption: >
+ 開催頻度：毎月1回<br>
+ <a href="https://coderdojo-inagi.doorkeeper.jp/">Webサイト</a>
+dojo_iconfile: inagi_icon.jpg
+permalink: /dojo-jiman/inagi/
+---
+
+<!--あるいは-->
+<p class="text-center">オンラインでも毎月やってます。稲城好きな人集まりましょう。<br>
+    CoderDojo稲城は、ゆるーくをモットーに開催してます。</p>
+<p class="text-center h3">PDF資料を見る</p>
+<a class="button" href="../../img/post/jiman/inagi.pdf">ダウンロード</a>

_pages/dojo-jiman/jiman-inuyama.html

@@ -0,0 +1,16 @@
+---
+layout: jiman_media
+title:  "CoderDojo犬山(愛知)"
+dojo_name:  "CoderDojo犬山(愛知)"
+thumbnail:
+dojo_desciption: >
+dojo_icon: inuyama.png
+permalink: /dojo-jiman/inuyama/
+---
+<p class="text-center h3">以下の動画をご覧ください！</p>
+<div class="text-center">
+  <iframe width="560" height="315" src="https://www.youtube.com/embed/JPhMbN8uW4o" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+  <iframe width="560" height="315" src="https://www.youtube.com/embed/qJVX1eOgAYU" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+  <iframe width="560" height="315" src="https://www.youtube.com/embed/5vNxX8jPPPo" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+  <iframe width="560" height="315" src="https://www.youtube.com/embed/gN6y2O9hgHU" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+</div>

_pages/dojo-jiman/jiman-kichijoji.html

@@ -0,0 +1,17 @@
+---
+layout: jiman_media
+title:  "CoderDojo吉祥寺(東京)"
+dojo_name:  "CoderDojo吉祥寺(東京)"
+thumbnail:
+dojo_desciption: >
+ 月１回、今はオンラインでやってます！<br>
+ <a href="https://kichijojijp.wixsite.com/coderdojo">Webサイト</a>
+dojo_icon: kichijoji.png
+permalink: /dojo-jiman/kichijoji/
+---
+
+<p class="text-center">Scratch大好きな家族で立ち上げたほのぼの道場です。<br>初心者はジュニアメンターがやさしくサポートします♪</p>
+
+<div class="text-center">
+  <iframe width="560" height="315" src="https://www.youtube.com/embed/dKTAdXZ09WA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+</div>

_pages/dojo-jiman/jiman-kurashiki.html

@@ -0,0 +1,16 @@
+---
+layout: jiman_media
+title:  "CoderDojo倉敷(岡山)"
+dojo_name:  "CoderDojo倉敷(岡山)"
+thumbnail: 
+dojo_desciption: >
+ 開催頻度：毎月1回　参加者数：平均10名<br>
+ 会場：くらしき健康福祉プラザ<br>
+ <a href="https://cd-kurashiki.connpass.com">Webサイト</a>
+dojo_icon: kurashiki.jpg
+permalink: /dojo-jiman/kurashiki/
+---
+
+<!--あるいは-->
+<p class="text-center h3">PDF資料を見る</p>
+<a class="button" href="../../img/post/jiman/kurashiki.pdf">ダウンロード</a>

_pages/dojo-jiman/jiman-kurume.html

@@ -0,0 +1,23 @@
+---
+layout: jiman_media
+title:  "CoderDojo久留米(福岡)"
+dojo_name:  "CoderDojo久留米(福岡)"
+thumbnail:
+dojo_desciption: >
+ 月に一回（土曜の午後）、主にシェアオフィスMekurutoで開催。<br>
+ <a href="https://www.facebook.com/CoderDojoKurume/">Webサイト</a>
+dojo_icon: kurume.png
+dojo_iconfile: 
+permalink: /dojo-jiman/kurume/
+---
+
+<p >
+福岡県久留米市で活動しています！<br>
+道場の自慢って何かなあってニンジャに聞いたところ高専生たちがくること！とおやつがあること（おやつを道場で用意しているわけでは無いけれど、おやつの差し入れが割と多いです）と言われました。<br>
+去年のマイクラカップで入賞したことで、見学希望も増えたりしました。オンライン道場の時はみんなで遊べる共有サーバを用意しました。<br>
+道場主はとってもマイクラは下手なのでもっぱらニンジャたちで教え合ってます(^^;<br>
+ぜひ遊びに来てね。</p>
+
+<div class="text-center">
+  <iframe width="560" height="315" src="https://www.youtube.com/embed/ktlvJ0mjZqU" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+</div>

_pages/dojo-jiman/jiman-nago.md

@@ -0,0 +1,35 @@
+---
+layout: jiman_text
+title:  "CoderDojo名護(沖縄)"
+dojo_name:  "CoderDojo名護(沖縄)"
+thumbnail: jiman/nago.jpg
+dojo_desciption: 
+  月に複数回開催、平均参加者６名、会場はあけみおSKYドームなど<br><a href="http://coderdojo-nago.com">CoderDojo名護Webサイト</a>
+dojo_icon: 
+dojo_iconfile: nago_icon.png
+permalink: /dojo-jiman/nago/
+---
+
+CoderDojo名護の自慢したいことはたくさんあります。
+１番の自慢は参加してくれる子どもたち、ですが、今回は運営視点のDojo自慢します！
+
+## 1.いろんな場所で
+最近、ノマド○○ってもう言わないんですかね。もっと自由に、新たなインスピレーションを求めて？、今年も１０箇所以上の会場でCoderDojo名護を開催しました。場所を提供していただいた皆様、誠にありがとうございます。
+今年は定番のあけみおSKYドームにはじまり、名護市マルチメディア館、SoySoy Cafe、北山高校、21世紀の森体育館、大中区公民館、タピックスタジアム名護、屋部小学校、東村農民研修施設、SEASIDE OFFICE、国頭村民ふれあいセンターでもやりました。
+新しい出会いとヒラメキと思いつきに期待して、これからもふらふらDojo予定です。
+
+## 2.いろんなツールで
+面白いと思ったこと、マインクラフト、Scratch、HackforPlay、ロボット(TJ3B）、micro:bit、Blender・・などいろいろ手を出しました。プログラミングから派生して？、お絵描き会・読書会・note勉強会などもやりました。
+これからも気の向くまま面白いモノ・技術に触れていきたいです。来年はUnityとかドローンとか、写真、動画とかもやってみたいな。
+いろんな技術を作り提供する方々に感謝です。
+
+## 3.たくさんのサポートがあって
+Blender勉強会の照屋さん、読書会の新田さん、ロボットプログラミングの今井さん、note勉強会のこりんさん、お絵描き講座の奥山さん、マインクラフトの実況動画ではFMやんばるさん、SDGsについては沖縄県公衆衛生協会さんと、名護子ども食堂の神谷さん、オンラインのイベントでは全国のCoderDojoの皆さんにお世話になりました。メンターとして何度も参加してくれた糸数さんにも感謝！
+また今年度も多くのみなさまからたくさんの支援をいただきました。
+
+子どもたちが学び、遊び、作り、表現し、感じるという素晴らしい体験をすることができました。ありがとうございました。
+
+自慢しようとしたら感謝していました。
+自慢するとしたら、CoderDojoを始めるかどうか迷った頃の自分に自慢したいです。やってよかったCoderDojo!
+
+現場からは以上です！（これが言いたかった）

_pages/dojo-jiman/jiman-owari.html

@@ -0,0 +1,20 @@
+---
+layout: jiman_media
+title:  "CoderDojo尾張(愛知)"
+dojo_name:  "CoderDojo尾張(愛知)"
+thumbnail:
+dojo_desciption: >
+ 月に1回、10〜20名、岩倉市生涯学習センター<br>
+ <a href="http://coderdojoowari.org/">Webサイト</a>
+dojo_icon: owari.svg
+dojo_iconfile: 
+permalink: /dojo-jiman/owari/
+---
+
+<p class="text-center">
+  生素材は<a href="https://drive.google.com/drive/folders/1maW3MQUZSH5SfqAWh2QuH7qSYinanzS_?usp=sharing">【こちら】</a>です<br>
+  音楽は GarageBand のサンプルを使って簡単にループあわせて作曲しました。</p>
+
+<div class="text-center">
+  <iframe width="560" height="315" src="https://www.youtube.com/embed/wJJrbFo6HqE" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+</div>