{"content": "\n<div class=\"djDebugPanelTitle\">\n  <button type=\"button\" class=\"djDebugClose\">\u00bb</button>\n  <h3>Template source: <code>components/header.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\">static</span> <span class=\"cp\">%}</span>\n\n<span class=\"cm\">&lt;!--HEADER--&gt;</span>\n<span class=\"p\">&lt;</span><span class=\"nt\">header</span> <span class=\"na\">id</span><span class=\"o\">=</span><span class=\"s\">&quot;site-head&quot;</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\">&quot;uk-background-secondary uk-padding-small&quot;</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\">&quot;uk-grid uk-grid-small uk-flex uk-flex-middle&quot;</span> <span class=\"na\">data-uk-grid</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\">&quot;uk-width-expand&quot;</span><span class=\"p\">&gt;</span>\n                <span class=\"ni\">&amp;nbsp;</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=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">&quot;uk-width-auto&quot;</span><span class=\"p\">&gt;</span>\n                <span class=\"p\">&lt;</span><span class=\"nt\">ul</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">&quot;uk-subnav uk-flex uk-flex-middle&quot;</span> <span class=\"na\">data-uk-margin</span><span class=\"p\">&gt;</span>\n                    <span class=\"cm\">&lt;!-- Display user info --&gt;</span>\n                    <span class=\"cp\">{%</span> <span class=\"k\">if</span> <span class=\"nv\">request.session.user</span> <span class=\"cp\">%}</span>\n                        <span class=\"p\">&lt;</span><span class=\"nt\">li</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\">&quot;uk-flex uk-flex-middle&quot;</span><span class=\"p\">&gt;</span>\n                                <span class=\"cm\">&lt;!-- Gravatar --&gt;</span>\n                                <span class=\"p\">&lt;</span><span class=\"nt\">img</span>\n                                    <span class=\"na\">src</span><span class=\"o\">=</span><span class=\"s\">&quot;https://www.gravatar.com/avatar/</span><span class=\"cp\">{{</span> <span class=\"nv\">request.session.user.email</span> <span class=\"cp\">}}</span><span class=\"s\">?s=40&amp;d=identicon&quot;</span>\n                                    <span class=\"na\">alt</span><span class=\"o\">=</span><span class=\"s\">&quot;User Avatar&quot;</span>\n                                    <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">&quot;uk-border-circle&quot;</span>\n                                    <span class=\"na\">style</span><span class=\"o\">=</span><span class=\"s\">&quot;height: 25px; width: 25px;&quot;</span>\n                                    <span class=\"na\">alt</span><span class=\"o\">=</span><span class=\"s\">&quot;</span><span class=\"cp\">{{</span> <span class=\"nv\">request.session.user.first_name</span><span class=\"o\">|</span><span class=\"nf\">slice</span><span class=\"s2\">:&quot;:1&quot;</span> <span class=\"cp\">}}</span><span class=\"s\">. </span><span class=\"cp\">{{</span> <span class=\"nv\">request.session.user.last_name</span> <span class=\"cp\">}}</span><span class=\"s\">&quot;</span>\n                                <span class=\"p\">&gt;</span>\n                                <span class=\"cm\">&lt;!-- User name --&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\">&quot;uk-margin-small-left uk-light&quot;</span><span class=\"p\">&gt;</span>\n                                    <span class=\"cp\">{{</span> <span class=\"nv\">request.session.user.first_name</span><span class=\"o\">|</span><span class=\"nf\">slice</span><span class=\"s2\">:&quot;:1&quot;</span> <span class=\"cp\">}}</span>. <span class=\"cp\">{{</span> <span class=\"nv\">request.session.user.last_name</span> <span class=\"cp\">}}</span>\n                                <span class=\"p\">&lt;/</span><span class=\"nt\">span</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\">li</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\">li</span><span class=\"p\">&gt;&lt;</span><span class=\"nt\">a</span> <span class=\"na\">href</span><span class=\"o\">=</span><span class=\"s\">&quot;/login&quot;</span><span class=\"p\">&gt;</span>Login<span class=\"p\">&lt;/</span><span class=\"nt\">a</span><span class=\"p\">&gt;&lt;/</span><span class=\"nt\">li</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\">ul</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\">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=\"p\">&lt;/</span><span class=\"nt\">header</span><span class=\"p\">&gt;</span>\n<span class=\"cm\">&lt;!--/HEADER--&gt;</span>\n</pre></div>\n\n  </div>\n</div>\n"}