{{ define "main" }}
|
|
{{ range $index, $elemen:= .Site.Data.portfolio.portfolioitems }}
|
<div
|
class="post {{ with .Site.Params.doNotLoadAnimations }}
|
.
|
|
{{ else }}
|
animated fadeInDown
|
|
{{ end }}"
|
>
|
<div class="post-content">
|
<div class="post-title">
|
<h2>{{ .title }}</h2>
|
</div>
|
|
{{ range $i, $p := .portfolioitem }}
|
<div class="box-wrapper">
|
{{ if .image }}
|
<div
|
class="box-image {{ if (modBool $i 2) }}
|
box-image--right
|
|
{{ else }}
|
box-image--left
|
|
{{ end }}"
|
>
|
<a href="{{ .link }}">
|
<img src="{{ .image | relURL }}" alt="{{ .name | markdownify }}" />
|
</a>
|
</div>
|
{{ end }}
|
<div
|
class="box {{ if (modBool $i 2) }}
|
box--left
|
|
{{ else }}
|
box--right
|
|
{{ end }}"
|
>
|
<h2>{{ .name | markdownify }}</h2>
|
<div class="info">
|
{{ if .status }}
|
<em class="fas fa-flag-checkered"></em>
|
<span>{{ .status }}</span>
|
|
{{ end }}
|
{{ if .start }}
|
<span>Start:</span>
|
<span>{{ .start }}</span>
|
|
{{ end }}
|
{{ if .end }}
|
<span>End:</span>
|
<span>{{ .end }}</span>
|
|
{{ end }}
|
</div>
|
|
<p>{{ .description | markdownify }}</p>
|
|
<div class="cta">
|
<a class="btn" href="{{ .link | safeURL }}" target="_blank">Visit Site</a>
|
</div>
|
<div class="seperator">
|
{{ range .tags }}
|
<p class="tag">{{ . }}</p>
|
|
{{ end }}
|
</div>
|
</div>
|
</div>
|
|
{{ end }}
|
</div>
|
</div>
|
|
{{ end }}
|
|
|
{{ end }}
|
