layouts/portfolio/list.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

{{ define "main" }}

{{ partial "page-title.html" . }}


<section>
  <div class="uk-container uk-margin-xlarge-bottom">

    <div uk-filter="target: .js-filter">

      <ul class="uk-subnav uk-subnav-pill uk-subnav-divider">
        <li uk-filter-control><a href="#">All</a> </li>
        {{ range .Site.Data.homepage.portfolio.filter }}

        <li uk-filter-control="[data-tags*='{{.value}}']"><a href="#">{{.label}}</a></li>

        {{end}}
      </ul>

      <ul class="js-filter uk-child-width-1-1 uk-child-width-1-4@m  uk-text-center" uk-grid uk-height-match="target: > li > div > .fixy">
        {{ range .Data.Pages }}
        <li data-tags="{{delimit .Params.categories  ' '}}">
          <div class="uk-card uk-card-default" style="position: relative">
            <div class="fixy">
            <div class="uk-card-media-top">
              <img class="contain experience" src="{{.Params.Image | absURL}}" alt="">
            </div>
            <div class="uk-card-body">
              <h3 class="uk-card-title">{{.Title}}</h3>
              <p>{{.Params.Description}}</p>
            </div>
            </div>


            <div class="uk-card-footer">
              <a href="{{.Permalink| relURL}}" class="uk-button uk-button-text">Read more</a>
            </div>
          </div>
        </li>
        {{end}}

      </ul>

    </div>
  </div>


</section>

{{ end }}