{"content": "\n<div class=\"djDebugPanelTitle\">\n  <button type=\"button\" class=\"djDebugClose\">\u00bb</button>\n  <h3>Template source: <code>_home/_featured_volumes.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=\"nv\">static</span> <span class=\"nv\">readux_extras</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 Volume<span class=\"cp\">{{</span><span class=\"nv\">page.featured_volumes.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\">volumesurl</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\">volumesurl</span> <span class=\"cp\">%}</span><span class=\"s\">\"</span><span class=\"p\">&gt;</span>(See All Volumes)<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        <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\">volume</span> <span class=\"k\">in</span> <span class=\"nv\">page.featured_volumes.all</span><span class=\"o\">|</span><span class=\"nf\">order_by</span><span class=\"o\">:</span><span class=\"nv\">page.featured_volumes_sort_order</span> <span class=\"cp\">%}</span>\n                            <span class=\"cp\">{%</span> <span class=\"k\">if</span> <span class=\"nv\">volume.pid</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\">'volumeall'</span> <span class=\"nv\">volume.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\">\"</span><span class=\"cp\">{{</span> <span class=\"nv\">volume.start_canvas.thumbnail_crop_volume</span> <span class=\"cp\">}}</span><span class=\"s\">\"</span> <span class=\"na\">alt</span><span class=\"o\">=</span><span class=\"s\">\"First page of </span><span class=\"cp\">{{</span><span class=\"nv\">volume.label</span><span class=\"cp\">}}</span><span class=\"s\">\"</span> <span class=\"na\">onerror</span><span class=\"o\">=</span><span class=\"s\">\"this.onerror=null;this.src='</span><span class=\"cp\">{%</span> <span class=\"k\">static</span> <span class=\"s1\">'images/image_not_found.jpg'</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_title</span><span class=\"o\">=</span><span class=\"nv\">volume.label</span><span class=\"o\">|</span><span class=\"nf\">default</span><span class=\"s2\">:\"[no title]\"</span> <span class=\"nv\">year</span><span class=\"o\">=</span><span class=\"nv\">volume</span><span class=\"o\">|</span><span class=\"nf\">manifest_year</span> <span class=\"cp\">%}</span>\n                                        <span class=\"cp\">{%</span> <span class=\"k\">if</span> <span class=\"nv\">full_title</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_title</span> <span class=\"cp\">}}{%</span> <span class=\"k\">if</span> <span class=\"nv\">year</span> <span class=\"cp\">%}</span><span class=\"s\"> (</span><span class=\"cp\">{{</span> <span class=\"nv\">year</span> <span class=\"cp\">}}</span><span class=\"s\">)</span><span class=\"cp\">{%</span> <span class=\"k\">endif</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\">'volumeall'</span> <span class=\"nv\">volume.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_title</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><span class=\"cp\">{%</span> <span class=\"k\">if</span> <span class=\"nv\">year</span> <span class=\"cp\">%}</span><span class=\"p\">&lt;</span><span class=\"nt\">span</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"volume-title__year\"</span><span class=\"p\">&gt;</span> (<span class=\"cp\">{{</span> <span class=\"nv\">year</span> <span class=\"cp\">}}</span>)<span class=\"p\">&lt;/</span><span class=\"nt\">span</span><span class=\"p\">&gt;</span><span class=\"cp\">{%</span> <span class=\"k\">endif</span> <span class=\"cp\">%}</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\">'volumeall'</span> <span class=\"nv\">volume.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_title</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><span class=\"cp\">{%</span> <span class=\"k\">if</span> <span class=\"nv\">year</span> <span class=\"cp\">%}</span><span class=\"p\">&lt;</span><span class=\"nt\">span</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"volume-title__year\"</span><span class=\"p\">&gt;</span> (<span class=\"cp\">{{</span> <span class=\"nv\">year</span> <span class=\"cp\">}}</span>)<span class=\"p\">&lt;/</span><span class=\"nt\">span</span><span class=\"p\">&gt;</span><span class=\"cp\">{%</span> <span class=\"k\">endif</span> <span class=\"cp\">%}</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\n                                    <span class=\"cp\">{%</span> <span class=\"k\">if</span> <span class=\"nv\">volume.authors</span> <span class=\"k\">and</span> <span class=\"s2\">\"[no author]\"</span> <span class=\"k\">not</span> <span class=\"k\">in</span> <span class=\"nv\">volume.authors</span> <span class=\"cp\">%}</span>\n                                        <span class=\"cp\">{%</span> <span class=\"k\">with</span> <span class=\"nv\">authors_display</span><span class=\"o\">=</span><span class=\"nv\">volume.authors</span><span class=\"o\">|</span><span class=\"nf\">join</span><span class=\"s2\">:\" | \"</span> <span class=\"cp\">%}</span>\n                                            <span class=\"cp\">{%</span> <span class=\"k\">if</span> <span class=\"nv\">authors_display</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\">div</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">\"author-line cursor-default\"</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\">authors_display</span> <span class=\"cp\">}}</span><span class=\"s\">\"</span><span class=\"p\">&gt;</span>\n                                                    <span class=\"cp\">{{</span> <span class=\"nv\">authors_display</span> <span class=\"cp\">}}</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\">else</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\">\"author-line\"</span><span class=\"p\">&gt;</span>\n                                                    <span class=\"cp\">{{</span> <span class=\"nv\">authors_display</span> <span class=\"cp\">}}</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\">endif</span> <span class=\"cp\">%}</span>\n                                        <span class=\"cp\">{%</span> <span class=\"k\">endwith</span> <span class=\"cp\">%}</span>\n                                    <span class=\"cp\">{%</span> <span class=\"k\">endif</span> <span class=\"cp\">%}</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\">endif</span> <span class=\"cp\">%}</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 volumes\"</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 volumes\"</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 volumes\"</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 volumes\"</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"}