{"content": "\n<div class=\"djDebugPanelTitle\">\n  <button type=\"button\" class=\"djDebugClose\">\u00bb</button>\n  <h3>Template source: <code>_home/_featured_collections.html</code></h3>\n</div>\n<div class=\"djDebugPanelContent\">\n  <div class=\"djdt-scroll\">\n    <div class=\"highlight\"><pre><span></span><span class=\"cp\">{%</span> <span class=\"k\">load</span> <span class=\"nv\">readux_templatetags</span> <span class=\"nv\">wagtailcore_tags</span> <span class=\"cp\">%}</span>\n\n<span class=\"p\">&lt;</span><span class=\"nt\">div</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"uk-section uk-section-default\"</span><span class=\"p\">&gt;</span>\n    <span class=\"p\">&lt;</span><span class=\"nt\">div</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"uk-container\"</span><span class=\"p\">&gt;</span>\n        <span class=\"p\">&lt;</span><span class=\"nt\">h2</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"uk-text-large uk-text-bold\"</span><span class=\"p\">&gt;</span>\n            Featured Collection<span class=\"cp\">{{</span><span class=\"nv\">page.featured_collections.all.count</span><span class=\"o\">|</span><span class=\"nf\">pluralize</span><span class=\"cp\">}}</span>\n            <span class=\"cp\">{%</span> <span class=\"k\">if</span> <span class=\"nv\">collectionsurl</span> <span class=\"cp\">%}</span>\n                <span class=\"p\">&lt;</span><span class=\"nt\">a</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"text-anchor\"</span> <span class=\"na\">href</span><span class=\"o\">=</span><span class=\"s\">\"</span><span class=\"cp\">{%</span> <span class=\"k\">pageurl</span> <span class=\"nv\">collectionsurl</span> <span class=\"cp\">%}</span><span class=\"s\">\"</span><span class=\"p\">&gt;</span>(See All Collections)<span class=\"p\">&lt;/</span><span class=\"nt\">a</span><span class=\"p\">&gt;</span>\n            <span class=\"cp\">{%</span> <span class=\"k\">endif</span> <span class=\"cp\">%}</span>\n        <span class=\"p\">&lt;/</span><span class=\"nt\">h2</span><span class=\"p\">&gt;</span>\n        \n        <span class=\"p\">&lt;</span><span class=\"nt\">div</span> <span class=\"na\">uk-slider</span><span class=\"p\">&gt;</span>\n            <span class=\"p\">&lt;</span><span class=\"nt\">div</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"uk-position-relative\"</span><span class=\"p\">&gt;</span>\n                <span class=\"p\">&lt;</span><span class=\"nt\">div</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"uk-slider-container\"</span><span class=\"p\">&gt;</span>\n                    <span class=\"p\">&lt;</span><span class=\"nt\">div</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"uk-slider-items uk-child-width-1-2 uk-child-width-1-3@s uk-child-width-1-4@m\"</span><span class=\"p\">&gt;</span>\n                        <span class=\"cp\">{%</span> <span class=\"k\">for</span> <span class=\"nv\">collection</span> <span class=\"k\">in</span> <span class=\"nv\">page.featured_collections.all</span><span class=\"o\">|</span><span class=\"nf\">order_by</span><span class=\"o\">:</span><span class=\"nv\">page.featured_collections_sort_order</span> <span class=\"cp\">%}</span>\n                            <span class=\"p\">&lt;</span><span class=\"nt\">div</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"uk-panel\"</span><span class=\"p\">&gt;</span>\n                                <span class=\"p\">&lt;</span><span class=\"nt\">a</span> <span class=\"na\">href</span><span class=\"o\">=</span><span class=\"s\">\"</span><span class=\"cp\">{%</span> <span class=\"k\">url</span> <span class=\"s1\">'collection'</span> <span class=\"nv\">collection.pid</span> <span class=\"cp\">%}</span><span class=\"s\">\"</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"grid-item\"</span><span class=\"p\">&gt;</span>\n                                    <span class=\"p\">&lt;</span><span class=\"nt\">div</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"cover-square uk-margin-small-bottom\"</span><span class=\"p\">&gt;</span>\n                                        <span class=\"p\">&lt;</span><span class=\"nt\">img</span> <span class=\"na\">src</span><span class=\"o\">=</span><span class=\"s\">\"/media/</span><span class=\"cp\">{{</span> <span class=\"nv\">collection.thumbnail</span> <span class=\"cp\">}}</span><span class=\"s\">\"</span> <span class=\"na\">alt</span><span class=\"o\">=</span><span class=\"s\">\"</span><span class=\"cp\">{{</span> <span class=\"nv\">collection.label</span> <span class=\"cp\">}}</span><span class=\"s\">\"</span><span class=\"p\">&gt;</span>\n                                    <span class=\"p\">&lt;/</span><span class=\"nt\">div</span><span class=\"p\">&gt;</span>\n                                <span class=\"p\">&lt;/</span><span class=\"nt\">a</span><span class=\"p\">&gt;</span>\n                                <span class=\"cp\">{%</span> <span class=\"k\">with</span> <span class=\"nv\">full_label</span><span class=\"o\">=</span><span class=\"nv\">collection.label</span><span class=\"o\">|</span><span class=\"nf\">default</span><span class=\"s2\">:\"[no title]\"</span> <span class=\"cp\">%}</span>\n                                    <span class=\"cp\">{%</span> <span class=\"k\">if</span> <span class=\"nv\">full_label</span><span class=\"o\">|</span><span class=\"nf\">length</span> <span class=\"o\">&gt;</span> <span class=\"m\">60</span> <span class=\"cp\">%}</span>\n                                        <span class=\"p\">&lt;</span><span class=\"nt\">h2</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"volume-title-inline\"</span> <span class=\"na\">uk-tooltip</span><span class=\"o\">=</span><span class=\"s\">\"mode: click\"</span> <span class=\"na\">title</span><span class=\"o\">=</span><span class=\"s\">\"</span><span class=\"cp\">{{</span> <span class=\"nv\">full_label</span> <span class=\"cp\">}}</span><span class=\"s\">\"</span><span class=\"p\">&gt;</span>\n                                            <span class=\"p\">&lt;</span><span class=\"nt\">a</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"volume-title__link\"</span> <span class=\"na\">href</span><span class=\"o\">=</span><span class=\"s\">\"</span><span class=\"cp\">{%</span> <span class=\"k\">url</span> <span class=\"s1\">'collection'</span> <span class=\"nv\">collection.pid</span> <span class=\"cp\">%}</span><span class=\"s\">\"</span><span class=\"p\">&gt;</span>\n                                                <span class=\"p\">&lt;</span><span class=\"nt\">span</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"volume-title__text\"</span><span class=\"p\">&gt;</span><span class=\"cp\">{{</span> <span class=\"nv\">full_label</span><span class=\"o\">|</span><span class=\"nf\">truncatechars</span><span class=\"o\">:</span><span class=\"m\">60</span> <span class=\"cp\">}}</span><span class=\"p\">&lt;/</span><span class=\"nt\">span</span><span class=\"p\">&gt;</span>\n                                            <span class=\"p\">&lt;/</span><span class=\"nt\">a</span><span class=\"p\">&gt;</span>\n                                        <span class=\"p\">&lt;/</span><span class=\"nt\">h2</span><span class=\"p\">&gt;</span>\n                                    <span class=\"cp\">{%</span> <span class=\"k\">else</span> <span class=\"cp\">%}</span>\n                                        <span class=\"p\">&lt;</span><span class=\"nt\">h2</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"volume-title-inline\"</span><span class=\"p\">&gt;</span>\n                                            <span class=\"p\">&lt;</span><span class=\"nt\">a</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"volume-title__link\"</span> <span class=\"na\">href</span><span class=\"o\">=</span><span class=\"s\">\"</span><span class=\"cp\">{%</span> <span class=\"k\">url</span> <span class=\"s1\">'collection'</span> <span class=\"nv\">collection.pid</span> <span class=\"cp\">%}</span><span class=\"s\">\"</span><span class=\"p\">&gt;</span>\n                                                <span class=\"p\">&lt;</span><span class=\"nt\">span</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"volume-title__text\"</span><span class=\"p\">&gt;</span><span class=\"cp\">{{</span> <span class=\"nv\">full_label</span><span class=\"o\">|</span><span class=\"nf\">truncatechars</span><span class=\"o\">:</span><span class=\"m\">60</span> <span class=\"cp\">}}</span><span class=\"p\">&lt;/</span><span class=\"nt\">span</span><span class=\"p\">&gt;</span>\n                                            <span class=\"p\">&lt;/</span><span class=\"nt\">a</span><span class=\"p\">&gt;</span>\n                                        <span class=\"p\">&lt;/</span><span class=\"nt\">h2</span><span class=\"p\">&gt;</span>\n                                    <span class=\"cp\">{%</span> <span class=\"k\">endif</span> <span class=\"cp\">%}</span>\n                                <span class=\"cp\">{%</span> <span class=\"k\">endwith</span> <span class=\"cp\">%}</span>\n                                <span class=\"p\">&lt;</span><span class=\"nt\">div</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"color-black\"</span><span class=\"p\">&gt;</span>\n                                    <span class=\"cp\">{%</span> <span class=\"k\">with</span> <span class=\"nv\">collection.manifests.all.count</span> <span class=\"k\">as</span> <span class=\"nv\">n_volumes</span> <span class=\"cp\">%}</span>\n                                        <span class=\"cp\">{{</span> <span class=\"nv\">n_volumes</span> <span class=\"cp\">}}</span> Volume<span class=\"cp\">{{</span> <span class=\"nv\">n_volumes</span><span class=\"o\">|</span><span class=\"nf\">pluralize</span> <span class=\"cp\">}}</span>\n                                    <span class=\"cp\">{%</span> <span class=\"k\">endwith</span> <span class=\"cp\">%}</span>\n                                <span class=\"p\">&lt;/</span><span class=\"nt\">div</span><span class=\"p\">&gt;</span>\n                            <span class=\"p\">&lt;/</span><span class=\"nt\">div</span><span class=\"p\">&gt;</span>\n                        <span class=\"cp\">{%</span> <span class=\"k\">endfor</span> <span class=\"cp\">%}</span>\n                    <span class=\"p\">&lt;/</span><span class=\"nt\">div</span><span class=\"p\">&gt;</span>\n                <span class=\"p\">&lt;/</span><span class=\"nt\">div</span><span class=\"p\">&gt;</span>\n        \n                <span class=\"p\">&lt;</span><span class=\"nt\">div</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"uk-hidden@s uk-light\"</span><span class=\"p\">&gt;</span>\n                    <span class=\"p\">&lt;</span><span class=\"nt\">a</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"uk-position-center-left uk-position-small\"</span> <span class=\"na\">href</span> <span class=\"na\">aria-label</span><span class=\"o\">=</span><span class=\"s\">\"Previous collections\"</span> <span class=\"na\">uk-slidenav-previous</span> <span class=\"na\">uk-slider-item</span><span class=\"o\">=</span><span class=\"s\">\"previous\"</span><span class=\"p\">&gt;&lt;/</span><span class=\"nt\">a</span><span class=\"p\">&gt;</span>\n                    <span class=\"p\">&lt;</span><span class=\"nt\">a</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"uk-position-center-right uk-position-small\"</span> <span class=\"na\">href</span> <span class=\"na\">aria-label</span><span class=\"o\">=</span><span class=\"s\">\"Next collections\"</span> <span class=\"na\">uk-slidenav-next</span> <span class=\"na\">uk-slider-item</span><span class=\"o\">=</span><span class=\"s\">\"next\"</span><span class=\"p\">&gt;&lt;/</span><span class=\"nt\">a</span><span class=\"p\">&gt;</span>\n                <span class=\"p\">&lt;/</span><span class=\"nt\">div</span><span class=\"p\">&gt;</span>\n        \n                <span class=\"p\">&lt;</span><span class=\"nt\">div</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"uk-visible@s\"</span><span class=\"p\">&gt;</span>\n                    <span class=\"p\">&lt;</span><span class=\"nt\">a</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"uk-position-center-left-out uk-position-small\"</span> <span class=\"na\">href</span> <span class=\"na\">aria-label</span><span class=\"o\">=</span><span class=\"s\">\"Previous collections\"</span> <span class=\"na\">uk-slidenav-previous</span> <span class=\"na\">uk-slider-item</span><span class=\"o\">=</span><span class=\"s\">\"previous\"</span><span class=\"p\">&gt;&lt;/</span><span class=\"nt\">a</span><span class=\"p\">&gt;</span>\n                    <span class=\"p\">&lt;</span><span class=\"nt\">a</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"uk-position-center-right-out uk-position-small\"</span> <span class=\"na\">href</span> <span class=\"na\">aria-label</span><span class=\"o\">=</span><span class=\"s\">\"Next collections\"</span> <span class=\"na\">uk-slidenav-next</span> <span class=\"na\">uk-slider-item</span><span class=\"o\">=</span><span class=\"s\">\"next\"</span><span class=\"p\">&gt;&lt;/</span><span class=\"nt\">a</span><span class=\"p\">&gt;</span>\n                <span class=\"p\">&lt;/</span><span class=\"nt\">div</span><span class=\"p\">&gt;</span>\n        \n            <span class=\"p\">&lt;/</span><span class=\"nt\">div</span><span class=\"p\">&gt;</span>\n        <span class=\"p\">&lt;/</span><span class=\"nt\">div</span><span class=\"p\">&gt;</span>\n\n    <span class=\"p\">&lt;/</span><span class=\"nt\">div</span><span class=\"p\">&gt;</span>\n<span class=\"p\">&lt;/</span><span class=\"nt\">div</span><span class=\"p\">&gt;</span>\n</pre></div>\n\n  </div>\n</div>\n"}