aditya/hugo-theme-introduction
1
0
Fork 0
mirror of https://git.adityakumar.xyz/hugo-theme-introduction.git synced 2025-02-05 14:30:01 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix for #30

Browse source
This commit is contained in:
Vicky 2018-03-25 12:29:01 -04:00
parent 8d23938eed
commit 1083561c7b
1 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
layouts/partials/projects.html
View file

@ -9,7 +9,7 @@
<div class="column is-half"> {{ else if eq (.Site.Params.projectColumns | default "3") "3" }} <div class="column is-half"> {{ else if eq (.Site.Params.projectColumns | default "3") "3" }}
<div class="column is-one-third"> {{ end }} <div class="column is-one-third"> {{ end }}
<!-- Hey Vicky, show half column if number is even. --> <!-- 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"> <div class="card-image">
<figure class="image is-3by2"> <figure class="image is-3by2">
<a {{ if .Params.external_link }} href="{{ .Params.external_link }}" {{ end }}> <a {{ if .Params.external_link }} href="{{ .Params.external_link }}" {{ end }}>
@ -32,7 +32,7 @@
<!-- Projects modals --> <!-- Projects modals -->
{{ range sort .Pages }} {{ if eq .Section "projects" }} {{ if not .Params.external_link }} {{ 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-background"></div>
<div class="modal-card"> <div class="modal-card">
{{ with .Title }} {{ with .Title }}
@ -49,14 +49,14 @@
</section> </section>
{{ end }} {{ end }}
</div> </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> </div>
<script> <script>
$('#project{{.Title | urlize}}').click(function() { $('#project{{ $card := .Title | urlize }}{{ replace $card "%" ""}}').click(function() {
$('#modal{{.Title | urlize}}').addClass('is-active'); $('#modal{{ $card := .Title | urlize }}{{ replace $card "%" ""}}').addClass('is-active');
}); });
$('#close{{.Title | urlize}}').click(function() { $('#close{{ $card := .Title | urlize }}{{ replace $card "%" ""}}').click(function() {
$('#modal{{.Title | urlize}}').removeClass('is-active'); $('#modal{{ $card := .Title | urlize }}{{ replace $card "%" ""}}').removeClass('is-active');
}); });
</script> </script>
{{ end }} {{ end }} {{ end }} {{ end }} {{ end }} {{ end }}