{{ define "main" }}
<div class="scroller">
  <section>
    <div class="profile card">
      {{ if .Params.image }}
      <div class="image">
        {{ partial "components/image.html" .Params.image }}
      </div>
      {{ else }}
      <div class="image placeholder"></div>
      {{ end }}
      <div class="content">
        <h1>{{ .Title }}</h1>
        {{ .Content }}
        {{ if .Params.social }}
          <div class="social">
          {{ range .Params.social }}
            {{ partial "components/icon.html" . }}
          {{ end }}
          </div>
        {{ end }}
      </div>
    </div>
    <div class="scroll-indicator">
      <a href="#">
        <i class="icon-angle-down"></i>
      </a>
    </div>
  </section>
  {{ range where .Site.RegularPages "Section" "projects"}}
  <section>
    <div class="card">
      {{ if .Params.image }}
      <div class="image">
        {{ partial "components/image.html" .Params.image }}
      </div>
      {{ end }}
      <div class="content">
        <div class="tags">
          {{ range .Params.tags }}
          <a class="tag" href="{{ "tags" | absURL }}/{{ . | urlize }}/">{{ . }}</a>
          {{ end }}
        </div>
        <h1><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h1>
        <div class="more">
          <a class="button filled" href="{{ .RelPermalink }}">
            View Case
          </a>
        </div>
      </div>
    </div>
    <div class="scroll-indicator">
      <a href="#">
        <i class="icon-angle-down"></i>
      </a>
    </div>
  </section>
  {{ end }}
</div>
{{ end }}
