diff options
Diffstat (limited to 'layouts/partials/home/projects.html')
| -rw-r--r-- | layouts/partials/home/projects.html | 62 |
1 files changed, 33 insertions, 29 deletions
diff --git a/layouts/partials/home/projects.html b/layouts/partials/home/projects.html index e5a28a8..45a3a88 100644 --- a/layouts/partials/home/projects.html +++ b/layouts/partials/home/projects.html @@ -3,7 +3,7 @@ <!-- Begin Projects container --> <div class="container"> <h2 class="title is-2 has-text-centered"> - {{ .Title }} + {{ .Title | markdownify }} </h2> <div class="section"> <div class="columns is-multiline"> @@ -18,22 +18,27 @@ {{ end}} <div class="column {{ $columWidth }}"> <div class="card" data-target="#project-{{ $index }}"> + {{ if .Resources.ByType "image" }} <div class="card-image"> <figure class="image is-3by2"> <a {{ if .Params.external_link }} href="{{ .Params.external_link }}" {{ end }}> {{ with .Resources.ByType "image" }} {{ range first 1 (sort . "Params.weight") }} {{ $image := .Resize $width }} - <img src="{{ $image.Permalink }}" alt ="{{ $image.Name }}"> + <img class="card-thumbnail" src="{{ $image.Permalink }}" alt ="{{ $image.Name }}"> {{ end }} {{ end }} </a> </figure> </div> + {{ end }} <div class="card-content has-text-centered top-pad"> - <a {{ if .Params.external_link }} href="{{ .Params.external_link }}" {{ end }}> - {{ .Title }} - </a> + <h1><a {{ if .Params.external_link }} href="{{ .Params.external_link }}" {{ end }}> + {{ .Title | markdownify }} + </a></h1> + {{ if .Params.project_timeframe }} + <p class="fa-xs">{{ .Params.project_timeframe }}</p> + {{ end }} </div> </div> </div> @@ -55,35 +60,34 @@ <div class="modal-card"> {{ with .Title }} <header class="modal-card-header bottom-pad"> - <p class="modal-card-title has-text-centered">{{ . }}</p> + <h1 class="modal-card-title has-text-centered">{{ . }}</h1> </header> {{ end }} - - {{ with .Resources.ByType "image" }} - {{ $moreThenOneImage := gt (len .) 1 }} - {{ if $moreThenOneImage }} - <div class="owl-carousel owl-theme"> - {{ end }} - {{ range sort . "Params.weight" }} - {{ $image := .Resize "640x" }} - {{ if $moreThenOneImage }} - <div class="item owl-height"> - {{ end }} - <img src="{{ $image.Permalink }}" class="img-responsive" alt="{{ $image.Name }}"> - {{ if $moreThenOneImage }} - </div> + {{ if .Params.project_timeframe }} + <p class="fa-xs">{{ .Params.project_timeframe }}</p> + {{ end }} + <section class="modal-card-body markdown"> + {{ with .Resources.ByType "image" }} + {{ $moreThenOneImage := gt (len .) 1 }} + {{ if $moreThenOneImage }} + <div class="owl-carousel owl-theme"> + {{ end }} + {{ range sort . "Params.weight" }} + {{ $image := .Resize "640x" }} + {{ if $moreThenOneImage }} + <div class="item owl-height"> + {{ end }} + <img src="{{ $image.Permalink }}" class="img-responsive" alt="{{ $image.Name }}"> + {{ if $moreThenOneImage }} + </div> + {{ end }} {{ end }} + {{ if $moreThenOneImage }} + </div> {{ end }} - {{ if $moreThenOneImage }} - </div> - {{ end }} - {{ end }} - - {{ with .Content }} - <section class="modal-card-body markdown"> - {{ . }} + {{ end }} + {{ .Content }} </section> - {{ end }} </div> <button class="modal-close is-large" aria-label="close" data-target="#project-{{ $index }}"></button> </div> |