diff options
| author | Vicky <vicky@vickylai.io> | 2018-03-25 19:29:01 +0300 |
|---|---|---|
| committer | Vicky <vicky@vickylai.io> | 2018-03-25 19:29:01 +0300 |
| commit | 1083561c7b75da98561833b7268158ca4961ce17 (patch) | |
| tree | 39c9834d234cb806d530e7c67d5f45d2a8d2541f | |
| parent | 8d23938eedebdc4a69dc773a19195ee5348099d9 (diff) | |
Fix for #30
| -rw-r--r-- | layouts/partials/projects.html | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/layouts/partials/projects.html b/layouts/partials/projects.html index 74539af..7a16ea7 100644 --- a/layouts/partials/projects.html +++ b/layouts/partials/projects.html @@ -9,7 +9,7 @@ <div class="column is-half"> {{ else if eq (.Site.Params.projectColumns | default "3") "3" }} <div class="column is-one-third"> {{ end }} <!-- Hey Vicky, show half column if number is even. --> - <div {{ if not .Params.external_link }} id="project{{.Title | urlize}}" {{ end }} class="card"> + <div {{ if not .Params.external_link }} id="project{{ $card := .Title | urlize }}{{ replace $card "%" ""}}" {{ end }} class="card"> <div class="card-image"> <figure class="image is-3by2"> <a {{ if .Params.external_link }} href="{{ .Params.external_link }}" {{ end }}> @@ -32,7 +32,7 @@ <!-- Projects modals --> {{ range sort .Pages }} {{ if eq .Section "projects" }} {{ if not .Params.external_link }} -<div class="modal" id="modal{{.Title | urlize}}"> +<div class="modal" id="modal{{ $card := .Title | urlize }}{{ replace $card "%" ""}}"> <div class="modal-background"></div> <div class="modal-card"> {{ with .Title }} @@ -49,14 +49,14 @@ </section> {{ end }} </div> - <button class="modal-close is-large" aria-label="close" id="close{{.Title | urlize}}"></button> + <button class="modal-close is-large" aria-label="close" id="close{{ $card := .Title | urlize }}{{ replace $card "%" ""}}"></button> </div> <script> - $('#project{{.Title | urlize}}').click(function() { - $('#modal{{.Title | urlize}}').addClass('is-active'); + $('#project{{ $card := .Title | urlize }}{{ replace $card "%" ""}}').click(function() { + $('#modal{{ $card := .Title | urlize }}{{ replace $card "%" ""}}').addClass('is-active'); }); - $('#close{{.Title | urlize}}').click(function() { - $('#modal{{.Title | urlize}}').removeClass('is-active'); + $('#close{{ $card := .Title | urlize }}{{ replace $card "%" ""}}').click(function() { + $('#modal{{ $card := .Title | urlize }}{{ replace $card "%" ""}}').removeClass('is-active'); }); </script> {{ end }} {{ end }} {{ end }} |