{{ define "main" }}
<div id="scroller" 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 down">
      <i class="icon-angle-down" onclick="scrollDown()"></i>
    </div>
  </section>
  {{ range where .Site.RegularPages "Section" "projects"}}
  <section>
    <div class="scroll-indicator up">
      <i class="icon-angle-up" onclick="scrollUp()"></i>
    </div>
    <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 down">
      <i class="icon-angle-down" onclick="scrollDown()"></i>
    </div>
  </section>
  {{ end }}
</div>
{{ end }}