{{ define "main" }}
<h1 class="page-title">Projects</h1>
<p class="projects-intro">Things I've built or contributed to.</p>

<div class="projects-grid">
  {{- range .Site.Params.projects }}
  {{- if eq .url "#" }}
  <div class="project-card">
    <div class="project-card-inner">
      <h3 class="project-card-name">{{ .name }}</h3>
      <p class="project-card-desc">{{ .description }}</p>
      {{- with .tags }}
      <div class="project-card-tags">
        {{- range . }}
        <span class="project-card-tag">{{ . }}</span>
        {{- end }}
      </div>
      {{- end }}
    </div>
  </div>
  {{- else }}
  <a href="{{ .url }}" class="project-card" target="_blank" rel="noopener noreferrer">
    <div class="project-card-inner">
      <h3 class="project-card-name">{{ .name }}</h3>
      <p class="project-card-desc">{{ .description }}</p>
      {{- with .tags }}
      <div class="project-card-tags">
        {{- range . }}
        <span class="project-card-tag">{{ . }}</span>
        {{- end }}
      </div>
      {{- end }}
    </div>
    <span class="project-card-arrow">→</span>
  </a>
  {{- end }}
  {{- end }}
</div>
{{ end }}