index.html

---
layout: default
---

<header class="home-header">

    {%- include navbar.html -%}

    <div class="container">
        <h1>PUZZLE GENERATOR JAPAN</h1>
        <p>タイムインターメディアが提供する、独自AIを搭載したナンプレパズル自動生成エンジン。<br>オープンソースです。</p>
        <a href="#" class="btn">Download</a>
    </div>
</header>

<div class="container member-section">
  <h2 class="section-title">Member</h2>
  <span class="section-title-border"></span>
  <p class="section-title-caprion">PUZZLE GENERATOR JAPAN の開発メンバー</p>
  <div class="row">
    <div class="member col-md-6">
      <img class="member-img" src="{{ '/assets/images/member/fujiwara.jpg' | relative_url }}">
      <h3 class="member-name">藤原 博文</h3>
      <p class="member-description">パソコン初心者</p>
    </div>
    <div class="member col-md-6">
      <img class="member-img" src="{{ '/assets/images/member/ton.jpg' | relative_url }}">
      <h3 class="member-name">とん</h3>
      <p class="member-description">ワタシハナンプレチョットデキル</p>
    </div>
  </div>
</div>

<div class="container news-section">
    <h2 class="section-title">News</h2>
    <span class="section-title-border"></span>
    <p class="section-title-caprion">PUZZLE GENERATOR JAPAN の新着情報</p>
    <ul class="news-list">

        {% for post in site.tags['News'] %}
        <li class="news-item">
            <div class="news-date">{{ post.date | date: '%Y-%m-%d' }}</div>
            <div class="news-title"><a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></div>
        </li>    
        {% endfor %}

    </ul>
    <a class="btn" href="{{ site.baseurl }}/tags#News">もっと見る</a>
</div>

<div class="container example-section">
    <h2 class="section-title">Works</h2>
    <span class="section-title-border"></span>
    <p class="section-title-caprion">PUZZLE GENERATOR JAPAN が制作に関わった著作物などのご紹介</p>
    <ul class="example-list row">
        <li class="example-content col-lg-2 col-md-3 col-4">
             <img src="{{ '/assets/images/book/gold_050.jpg' | relative_url }}">
            <p class="example-content-name">ナンプレ館シリーズ</p>
        </li>
        <li class="example-content col-lg-2 col-md-3 col-4">
             <img src="{{ '/assets/images/book/book_161216.jpg' | relative_url }}">
            <p class="example-content-name">辰巳出版</p>
        </li>
        <li class="example-content col-lg-2 col-md-3 col-4">
             <img src="{{ '/assets/images/book/book_151026.jpg' | relative_url }}">
            <p class="example-content-name">IQナンプレシリーズ</p>
        </li>
        <li class="example-content col-lg-2 col-md-3 col-4">
             <img src="{{ '/assets/images/book/book_110906.jpg' | relative_url }}">
            <p class="example-content-name">面白いほど解けるナンプレ攻略法</p>
        </li>
        <li class="example-content col-lg-2 col-md-3 col-4">
            <img src="{{ '/assets/images/book/book_131018_taiwan.jpg' | relative_url }}">
            <p class="example-content-name">海外シリーズ</p>
        </li>
        <li class="example-content col-lg-2 col-md-3 col-4">
             <img src="{{ '/assets/images/book/book_090516.jpg' | relative_url }}">
            <p class="example-content-name">学術系・その他</p>
        </li>
    </ul>
</div>