{{ define "main" }}
<div class="container">
  <h1 class="list-title">{{ .Title }}</h1>
  <div class="projects-list">
    {{ range .Pages.ByWeight }}
    {{ $url := .Permalink }}
    {{ if .Params.externalUrl }}{{ $url = .Params.externalUrl }}{{ end }}
    <a class="project-card"
       href="{{ $url }}"
       {{ if .Params.externalUrl }}target="_blank" rel="noopener noreferrer"{{ end }}>
      <div class="project-card-header">
        <span class="project-title">{{ .Title }}</span>
        <span data-feather="arrow-up-right" class="project-arrow"></span>
      </div>
      {{ if .Params.description }}
      <p class="project-description">{{ .Params.description }}</p>
      {{ end }}
      {{ if .Params.tags }}
      <div class="project-tags">
        {{ range .Params.tags }}
        <span class="project-tag">{{ . }}</span>
        {{ end }}
      </div>
      {{ end }}
    </a>
    {{ end }}
  </div>
</div>
{{ end }}