---
desc: "Nani.wtf homepage"
image: "./images/robert-pearce-UwHN0jU_YqQ-unsplash-800w.jpg"
lang: "en"
stylesheet: "default"
title: "Nani"
---

<header class="header">
  <div class="container">
    <div class="row">
      <div class="col-xs-12 col-sm-6 col-md-8 col-centered">
        <h1 class="display-1">
          Welcome to nani.wtf
        </h1>
      </div>
    </div>
  </div>
</header>
<main>
  <section class="content">
    <div class="container">
      <div class="row">

        <!-- POSTS  -->
        <div class="col">
          <h2 class="text-center">Posts</h2>
          <ul>
            $for(posts)$
              <div class="card nani_card-link my-3">
                <img src="$image$" class="card-img-top" alt="">
                <div class="card-body">
                  <h5 class="card-title">$title$</h5>
                  <small class="card-text ">$date$</small>
                  $if(desc)$
                    <p class="card-text">$desc$</p>
                  $endif$
                </div>
                <a href="$url$" class="stretched-link"></a>
              </div>
            $endfor$
          </ul>
        </div>

        <div class="col"></div>

        <!-- 語源 -->
        <div class="col">
          <h2 class="text-center">語源</h2>
          <ul>
            $for(gogen)$
              <li>
                <div><a href=".$url$">$titleHtml$</a></div>
              </li>
            $endfor$
          </ul>
        </div>
      </div>
    </div>
  </section>
</main>