Sha256: 7482eadf2646265f1a8728ff79b26b8d91332a53ff2f6947c4f06fd5112d4c8f
Contents?: true
Size: 1.24 KB
Versions: 2
Compression:
Stored size: 1.24 KB
Contents
--- layout: base description: Template for a list of posts as cards, with full width. --- <div class="row"> <div class="col"> {{ content }} </div> </div> <div class="row cards"> {% for item in site.posts %} <div class="col-md-6 col-lg-4"> {% include card.html %} </div> {% endfor %} </div> <script> // Filter cards on ?tag=value $(document).ready(function() { const urlParams = new URLSearchParams(window.location.search); if (urlParams.has("tag") && urlParams.get("tag") != "") { const tag = urlParams.get("tag"); // Will return 1st tag value + decode URI const cleanTag = $.trim(tag.toLowerCase()); // Create tag as written in .card data-tags $(".card").each(function() { const cardTags = $(this).data("tags").split("|"); // Hide card if it does not contain the selected tag if (!cardTags.includes(cleanTag)) { $(this).parent().addClass("d-none"); } }); $(".header .tags").append( '<a class="badge{% if site.rounded_corners != false %} rounded-pill{% endif %}" href="{{ site.archive_permalink | relative_url }}">' + tag + '<span class="btn-close btn-close-white"></span>' + '</a>' ); } }); </script>
Version data entries
2 entries across 2 versions & 1 rubygems
Version | Path |
---|---|
jekyll-theme-petridish-3.1.0 | _layouts/archive.html |
jekyll-theme-petridish-3.0 | _layouts/archive.html |