layouts/partials/project/item.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


{{ $url := $.Site.BaseURL }}
{{ $image := .Params.image | urlize }}
{{ $title := .Title }}
{{ $summary := .Summary }}
{{ $link := .Permalink }}
<!-- TODO: Figure out why line height causes issues here -->
<div class="flex-item flex-item-spacing no-line-height">
    <div class="relative lazyload" data-noscript="">
        <noscript>
            <a href="{{ $link }}">
                <div class="project-container rounded-corners z-depth-1">
                    <img src="{{ $image }}" class="fill-container-width rounded-corners-top" />
                    <div class="rounded-corners-bottom center-text project-container-title">
                        <h4 class="white-text">{{ $title }}</h4>
                        {{ partial "extra/categories.html" . }}
                        {{ partial "extra/tags.html" . }}
                    </div>
                </div>
            </a>
        </noscript>
    </div>
</div>