Merge pull request #246 from nodejsjp/feature/jobs

feat: jobboard 2017

.gitignore

@@ -1,4 +1,5 @@
 /node_modules
 /build
 .DS_Store
-npm-debug.log
+npm-debug.log
+*.swp

bulbofile.js

@@ -82,6 +82,7 @@ asset('source/news/**/*.md')
       .pipe(layout('news')) // Single news page
   ]))
 
+const postedAt = x => x.fm.postedAt ? x.fm.postedAt.valueOf() : 0
 // Jobboard pages
 asset('source/jobs/**/*.md')
   .watch('source/**/*.{md,njk}')
@@ -91,7 +92,7 @@ asset('source/jobs/**/*.md')
     src
       .pipe(accumulate('jobboard.html', {
         debounce: true,
-        sort: (x, y) => y.fm.postedAt.valueOf() - x.fm.postedAt.valueOf()
+        sort: (x, y) => postedAt(y) - postedAt(x)
       }))
       .pipe(layout('jobboard')), // Job index page
     src

source/css/style.css

@@ -9,7 +9,3 @@ a {
 .title {
   line-height: 1.5;
 }
-
-img {
-  max-width: 100%;
-}

source/jobs/2017/dwango.md

@@ -0,0 +1,10 @@
+---
+name: 株式会社ドワンゴ
+url: http://dwango.co.jp/
+image: images/company-logo/dwango.png
+postedAt: 2017-09-22
+---
+
+株式会社ドワンゴは、ゲームや音楽をはじめとするエンタテインメント分野において、次世代ネットワークコミュニケーションの創出を目指す、ネットワーク・エンタテインメント・カンパニーです。 5,000万人を超える登録ユーザー数を誇る国内最大級の動画サイト「niconico（ニコニコ動画）」の運営をはじめ、モバイル向け音楽配信、ゲームソフト及びオンラインゲームの企画・開発・販売などを行っています。 高度なネットワーク技術と独創的な発想を強みに、良質なコンテンツを様々なプラットフォームに提供しています。
+
+

source/jobs/2017/mercari.md

@@ -0,0 +1,8 @@
+---
+name: 株式会社メルカリ
+url: https://www.mercari.com/jp/
+image: images/company-logo/mercari.png
+postedAt: 2017-09-22
+---
+
+私たちのミッションは”新たな価値を生みだす世界的なマーケットプレイスを創る”ことです。このミッションを達成するために、「Go Bold – 大胆にやろう」、 「All for One – 全ては成功のために」、「Be Professional – プロフェッショナルであれ」、 という3つのValueのもと、フリマアプリ「メルカリ」をはじめ、地域コミュニティアプリ「メルカリ アッテ」、本・CD・DVD専用フリマアプリ「メルカリ カウル」のサービス開発に全力で取り組んでいます！

source/jobs/2017/nissan.md

@@ -0,0 +1,8 @@
+---
+name: 日産自動車株式会社
+url: https://www.wantedly.com/projects/156247
+image: images/company-logo/nissan.png
+postedAt: 2017-09-22
+---
+
+その手で自動車の未来を変えたいソフトウェアエンジニア募集！　世界中の人の生活を変えるチャンスがあるのは日産だけ！

source/jobs/2017/yahoo.md

@@ -0,0 +1,8 @@
+---
+name: 株式会社ヤフー
+url: https://www.yahoo.co.jp/
+image: images/company-logo/yahoo.png
+postedAt: 2017-09-22
+---
+
+Yahoo! JAPANは、100以上のサービスを通じて日々蓄積され続ける「マルチビッグデータ」の解析によって、ユーザーの生活を知り、繊細な気持ちまで汲み取ります。 そして、月間約700億PV・約4千万ユニークユーザーIDものスケールで収集されたデータから各個人にフィットするパーソナライズされた情報を提供し、人々の生活の可能性を広げていきます。私たちは、世の中のあらゆる課題解決を図り、日本に新しいイノベーションを実現する「データドリブン企業」として、人々の毎日の生活に便利さと幸せをもたらしていきます。

source/layout/index.njk

@@ -22,7 +22,11 @@
 
   <h3><a href="{{ eventFile.relative }}">{{ eventFile.fm.name }}</a></h3>
   {% if eventFile.fm.image %}
-    <p><img src="{{ eventFile.fm.image }}">
+    <figure>
+      <a href="{{ eventFile.relative }}">
+        <img src="{{ eventFile.fm.image }}">
+      </a>
+    </figure>
   {% endif %}
   <p>日時:
   {% for date in eventFile.fm.date %}

source/layout/job.njk

@@ -1,11 +1,15 @@
+{# ジョブボード個別ページのテンプレート #}
+
 {% extends layoutDir + '/layout.njk' %}
 
 {% block main %}
 <h1>{{ file.fm.name }}</h1>
 {% if file.fm.image %}
-  <a href="{{ file.fm.url }}">
-    <img src="{{ basepath(file) }}/{{ file.fm.image }}" width="165" style="margin: 15px;"/>
-  </a>
+  <figure>
+    <a href="{{ file.fm.url }}">
+      <img src="{{ basepath(file) }}/{{ file.fm.image }}" />
+    </a>
+  </figure>
 {% endif %}
 {% if file.fm.role %}
 <ul>
@@ -20,5 +24,7 @@
 <hr />
 {{ file.contents | safe }}
 <hr />
-<p>(掲載日: {{ file.fm.postedAt | date('YYYY年MM月DD日') }})
+{% if file.fm.postedAt != null %}
+  <p>(掲載日: {{ file.fm.postedAt | date('YYYY年MM月DD日') }})
+{% endif %}
 {% endblock %}

source/layout/jobboard.njk

@@ -7,7 +7,11 @@
 <hr />
 <h2><a href="{{ basepath(file) }}/{{ file.relative }}">{{ file.fm.name }}</a></h2>
 {% if file.fm.image %}
-  <p><img src="{{ basepath(file) }}/{{ file.fm.image }}" width="120" style="margin: 15px;"></p>
+  <figure>
+    <a href="{{ basepath(file) }}/{{ file.relative }}">
+      <img src="{{ basepath(file) }}/{{ file.fm.image }}" class="job-logo">
+    </a>
+  </figure>
 {% endif %}
 <p>
 {% if file.fm.role %}

source/layout/layout.njk

@@ -19,16 +19,16 @@
 </ul>
 </nav>
 <section>
-
-{% block main %}{% endblock %}
-
-<hr/>
-<footer>
-<p>
-  <small>© 2016 {{ orgName }}</small>
-  <small><a href="https://github.com/nodejsjp/nodejsjp.github.com">GitHub</a></small>
-</p>
-</footer>
+  <article>
+    {% block main %}{% endblock %}
+    <hr/>
+    <footer>
+    <p>
+      <small>© 2016 {{ orgName }}</small>
+      <small><a href="https://github.com/nodejsjp/nodejsjp.github.com">GitHub</a></small>
+    </p>
+    </footer>
+  </article>
 </section>
 <script type="text/javascript">
   var _gaq = _gaq || [];