{"content": "\n<div class=\"djDebugPanelTitle\">\n  <button type=\"button\" class=\"djDebugClose\">\u00bb</button>\n  <h3>Template source: <code>login.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\">extends</span> <span class=\"s2\">&quot;base.html&quot;</span> <span class=\"cp\">%}</span>\n\n<span class=\"cp\">{%</span> <span class=\"k\">block</span> <span class=\"nv\">css</span> <span class=\"cp\">%}</span>\n<span class=\"p\">&lt;</span><span class=\"nt\">style</span><span class=\"p\">&gt;</span>\n\n<span class=\"w\">    </span><span class=\"p\">.</span><span class=\"nc\">form-signin</span><span class=\"w\"> </span><span class=\"p\">{</span>\n<span class=\"w\">      </span><span class=\"k\">width</span><span class=\"p\">:</span><span class=\"w\"> </span><span class=\"mi\">100</span><span class=\"kt\">%</span><span class=\"p\">;</span>\n<span class=\"w\">      </span><span class=\"k\">max-width</span><span class=\"p\">:</span><span class=\"w\"> </span><span class=\"mi\">330</span><span class=\"kt\">px</span><span class=\"p\">;</span>\n<span class=\"w\">      </span><span class=\"k\">padding</span><span class=\"p\">:</span><span class=\"w\"> </span><span class=\"mi\">15</span><span class=\"kt\">px</span><span class=\"p\">;</span>\n<span class=\"w\">      </span><span class=\"k\">margin</span><span class=\"p\">:</span><span class=\"w\"> </span><span class=\"mi\">0</span><span class=\"w\"> </span><span class=\"kc\">auto</span><span class=\"p\">;</span>\n<span class=\"w\">    </span><span class=\"p\">}</span>\n<span class=\"w\">    </span><span class=\"p\">.</span><span class=\"nc\">form-signin</span><span class=\"w\"> </span><span class=\"p\">.</span><span class=\"nc\">checkbox</span><span class=\"w\"> </span><span class=\"p\">{</span>\n<span class=\"w\">      </span><span class=\"k\">font-weight</span><span class=\"p\">:</span><span class=\"w\"> </span><span class=\"mi\">400</span><span class=\"p\">;</span>\n<span class=\"w\">    </span><span class=\"p\">}</span>\n<span class=\"w\">    </span><span class=\"p\">.</span><span class=\"nc\">form-signin</span><span class=\"w\"> </span><span class=\"p\">.</span><span class=\"nc\">form-control</span><span class=\"w\"> </span><span class=\"p\">{</span>\n<span class=\"w\">      </span><span class=\"k\">position</span><span class=\"p\">:</span><span class=\"w\"> </span><span class=\"kc\">relative</span><span class=\"p\">;</span>\n<span class=\"w\">      </span><span class=\"k\">box-sizing</span><span class=\"p\">:</span><span class=\"w\"> </span><span class=\"kc\">border-box</span><span class=\"p\">;</span>\n<span class=\"w\">      </span><span class=\"k\">height</span><span class=\"p\">:</span><span class=\"w\"> </span><span class=\"kc\">auto</span><span class=\"p\">;</span>\n<span class=\"w\">      </span><span class=\"k\">padding</span><span class=\"p\">:</span><span class=\"w\"> </span><span class=\"mi\">10</span><span class=\"kt\">px</span><span class=\"p\">;</span>\n<span class=\"w\">      </span><span class=\"k\">font-size</span><span class=\"p\">:</span><span class=\"w\"> </span><span class=\"mi\">16</span><span class=\"kt\">px</span><span class=\"p\">;</span>\n<span class=\"w\">    </span><span class=\"p\">}</span>\n<span class=\"w\">    </span><span class=\"p\">.</span><span class=\"nc\">form-signin</span><span class=\"w\"> </span><span class=\"p\">.</span><span class=\"nc\">form-control</span><span class=\"p\">:</span><span class=\"nd\">focus</span><span class=\"w\"> </span><span class=\"p\">{</span>\n<span class=\"w\">      </span><span class=\"k\">z-index</span><span class=\"p\">:</span><span class=\"w\"> </span><span class=\"mi\">2</span><span class=\"p\">;</span>\n<span class=\"w\">    </span><span class=\"p\">}</span>\n<span class=\"w\">    </span><span class=\"p\">.</span><span class=\"nc\">form-signin</span><span class=\"w\"> </span><span class=\"nt\">input</span><span class=\"o\">[</span><span class=\"nt\">type</span><span class=\"o\">=</span><span class=\"s2\">&quot;email&quot;</span><span class=\"o\">]</span><span class=\"w\"> </span><span class=\"p\">{</span>\n<span class=\"w\">      </span><span class=\"k\">margin-bottom</span><span class=\"p\">:</span><span class=\"w\"> </span><span class=\"mi\">-1</span><span class=\"kt\">px</span><span class=\"p\">;</span>\n<span class=\"w\">      </span><span class=\"k\">border-bottom-right-radius</span><span class=\"p\">:</span><span class=\"w\"> </span><span class=\"mi\">0</span><span class=\"p\">;</span>\n<span class=\"w\">      </span><span class=\"k\">border-bottom-left-radius</span><span class=\"p\">:</span><span class=\"w\"> </span><span class=\"mi\">0</span><span class=\"p\">;</span>\n<span class=\"w\">    </span><span class=\"p\">}</span>\n<span class=\"w\">    </span><span class=\"p\">.</span><span class=\"nc\">form-signin</span><span class=\"w\"> </span><span class=\"nt\">input</span><span class=\"o\">[</span><span class=\"nt\">type</span><span class=\"o\">=</span><span class=\"s2\">&quot;password&quot;</span><span class=\"o\">]</span><span class=\"w\"> </span><span class=\"p\">{</span>\n<span class=\"w\">      </span><span class=\"k\">margin-bottom</span><span class=\"p\">:</span><span class=\"w\"> </span><span class=\"mi\">10</span><span class=\"kt\">px</span><span class=\"p\">;</span>\n<span class=\"w\">      </span><span class=\"k\">border-top-left-radius</span><span class=\"p\">:</span><span class=\"w\"> </span><span class=\"mi\">0</span><span class=\"p\">;</span>\n<span class=\"w\">      </span><span class=\"k\">border-top-right-radius</span><span class=\"p\">:</span><span class=\"w\"> </span><span class=\"mi\">0</span><span class=\"p\">;</span>\n<span class=\"w\">    </span><span class=\"p\">}</span>\n<span class=\"p\">&lt;/</span><span class=\"nt\">style</span><span class=\"p\">&gt;</span>\n<span class=\"cp\">{%</span> <span class=\"k\">endblock</span> <span class=\"cp\">%}</span>\n<span class=\"cp\">{%</span> <span class=\"k\">block</span> <span class=\"nv\">content</span> <span class=\"cp\">%}</span>\n    <span class=\"p\">&lt;</span><span class=\"nt\">form</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">&quot;form-signin&quot;</span> <span class=\"na\">style</span><span class=\"o\">=</span><span class=\"s\">&quot;text-align: center&quot;</span> <span class=\"na\">method</span><span class=\"o\">=</span><span class=\"s\">&quot;post&quot;</span><span class=\"p\">&gt;</span>\n        <span class=\"cp\">{%</span> <span class=\"k\">csrf_token</span> <span class=\"cp\">%}</span>\n        <span class=\"p\">&lt;</span><span class=\"nt\">img</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">&quot;mb-4&quot;</span> <span class=\"na\">src</span><span class=\"o\">=</span><span class=\"s\">&quot;/django/media/puretechnology1_logo.jpg&quot;</span> <span class=\"na\">alt</span><span class=\"o\">=</span><span class=\"s\">&quot;&quot;</span> <span class=\"na\">width</span><span class=\"o\">=</span><span class=\"s\">&quot;72&quot;</span> <span class=\"na\">height</span><span class=\"o\">=</span><span class=\"s\">&quot;72&quot;</span><span class=\"p\">&gt;</span>\n        <span class=\"p\">&lt;</span><span class=\"nt\">h1</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">&quot;h3 mb-3 font-weight-normal&quot;</span><span class=\"p\">&gt;</span>Please sign in<span class=\"p\">&lt;/</span><span class=\"nt\">h1</span><span class=\"p\">&gt;</span>\n        <span class=\"p\">&lt;</span><span class=\"nt\">label</span> <span class=\"na\">for</span><span class=\"o\">=</span><span class=\"s\">&quot;inputEmail&quot;</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">&quot;sr-only&quot;</span><span class=\"p\">&gt;</span>Email address<span class=\"p\">&lt;/</span><span class=\"nt\">label</span><span class=\"p\">&gt;</span>\n        <span class=\"p\">&lt;</span><span class=\"nt\">input</span> <span class=\"na\">name</span><span class=\"o\">=</span><span class=\"s\">&quot;username&quot;</span> <span class=\"na\">type</span><span class=\"o\">=</span><span class=\"s\">&quot;email&quot;</span> <span class=\"na\">id</span><span class=\"o\">=</span><span class=\"s\">&quot;inputEmail&quot;</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">&quot;form-control&quot;</span> <span class=\"na\">placeholder</span><span class=\"o\">=</span><span class=\"s\">&quot;Email address&quot;</span> <span class=\"na\">required</span><span class=\"o\">=</span><span class=\"s\">&quot;&quot;</span> <span class=\"na\">autofocus</span><span class=\"o\">=</span><span class=\"s\">&quot;&quot;</span><span class=\"p\">&gt;</span>\n\n        <span class=\"p\">&lt;</span><span class=\"nt\">label</span> <span class=\"na\">for</span><span class=\"o\">=</span><span class=\"s\">&quot;inputPassword&quot;</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">&quot;sr-only&quot;</span><span class=\"p\">&gt;</span>Password<span class=\"p\">&lt;/</span><span class=\"nt\">label</span><span class=\"p\">&gt;</span>\n        <span class=\"p\">&lt;</span><span class=\"nt\">input</span> <span class=\"na\">name</span><span class=\"o\">=</span><span class=\"s\">&quot;password&quot;</span> <span class=\"na\">type</span><span class=\"o\">=</span><span class=\"s\">&quot;password&quot;</span> <span class=\"na\">id</span><span class=\"o\">=</span><span class=\"s\">&quot;inputPassword&quot;</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">&quot;form-control&quot;</span> <span class=\"na\">placeholder</span><span class=\"o\">=</span><span class=\"s\">&quot;Password&quot;</span> <span class=\"na\">required</span><span class=\"o\">=</span><span class=\"s\">&quot;&quot;</span><span class=\"p\">&gt;</span>\n\n\n        <span class=\"p\">&lt;</span><span class=\"nt\">button</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">&quot;btn btn-lg btn-primary btn-block&quot;</span> <span class=\"na\">type</span><span class=\"o\">=</span><span class=\"s\">&quot;submit&quot;</span><span class=\"p\">&gt;</span>Sign in<span class=\"p\">&lt;/</span><span class=\"nt\">button</span><span class=\"p\">&gt;</span>\n        <span class=\"p\">&lt;</span><span class=\"nt\">p</span> <span class=\"na\">class</span><span class=\"o\">=</span><span class=\"s\">&quot;mt-5 mb-3 text-muted&quot;</span><span class=\"p\">&gt;</span>\u00a9 2023<span class=\"p\">&lt;/</span><span class=\"nt\">p</span><span class=\"p\">&gt;</span>\n    <span class=\"p\">&lt;/</span><span class=\"nt\">form</span><span class=\"p\">&gt;</span>\n<span class=\"cp\">{%</span> <span class=\"k\">endblock</span> <span class=\"cp\">%}</span>\n\n\n<span class=\"cp\">{%</span> <span class=\"k\">block</span> <span class=\"nv\">footer</span> <span class=\"cp\">%}</span>\n<span class=\"cp\">{%</span> <span class=\"k\">endblock</span> <span class=\"cp\">%}</span>\n</pre></div>\n\n  </div>\n</div>\n"}