{{ define "main" }}

<div class="ui container">
  <div id="logo-black"></div>
  <div class="ui top attached menu borderless">
    <div class="ui item">
      <div class="ui breadcrumb small">
        <a class="section" href="/"><i class="ui icon home"></i></a>
        <div class="divider"> / </div>
        <div class="active section">{{ .Title }}</div>
      </div>
    </div>
  </div>
  <article class="ui segment attached bottom top">
    <div class="ui segment padded basic">
      <div class="ui relaxed divided list">
        {{ range .Data.Pages }}
        <div class="item">
          <i class="large newspaper middle aligned icon"></i>
          <div class="content">
            <div class="header">
              <a href="{{ .Permalink }}">{{ .Title }}</a>
              {{ range .Params.tags }}
              <span class="ui horizontal small basic label">{{ . }}</span>
              {{ end }}
            </span>
          </div>
          <div class="description">{{ .Param "description"  }}</div>
        </div>
      </div>
      {{ end  }}
    </div>
  </article>
  <div class="ui divider hidden"></div>
</div>
{{ end }}
