From 4a89303231bbb00af25064912091516b07ba754e Mon Sep 17 00:00:00 2001
From: Radomir Dopieralski <openstack@dopieralski.pl>
Date: Tue, 4 Apr 2023 17:35:30 +0200
Subject: [PATCH] Clean up the syntax of html attributes to always use double
 quotes

Our templates are very inconsistent and sometimes even use single and
double quotes in the same tag. This is an attempt to clean it up a
little and use double quotes everywhere.

In addition, I have run into a problem with single quotes being
incorrectly escaped by the Django compressor, and I want to see if
this will help with the issue.

Change-Id: I2d5137a87ed65c6abef38a49264346f917a1c85a
---
 .../widgets/headers/hz-page-header.html       |  4 +-
 .../widgets/metadata/tree/metadata-tree.html  |  2 +-
 .../property/hz-resource-property.html        |  2 +-
 horizon/templates/horizon/_nav_list.html      |  2 +-
 horizon/templates/horizon/_subnav_list.html   |  2 +-
 .../templates/horizon/client_side/_modal.html | 12 ++--
 .../templates/horizon/common/_data_table.html |  2 +-
 .../common/_data_table_row_action_row.html    |  2 +-
 .../templates/horizon/common/_datepicker.html |  2 +-
 .../horizon/common/_detail_header.html        |  4 +-
 .../horizon/common/_domain_page_header.html   |  2 +-
 .../templates/horizon/common/_form_field.html |  4 +-
 .../horizon/common/_page_header.html          |  4 +-
 .../templates/horizon/common/_sidebar.html    |  2 +-
 .../templates/horizon/common/_tab_group.html  |  2 +-
 .../templates/horizon/jasmine/jasmine.html    |  4 +-
 .../horizon/jasmine/jasmine_legacy.html       | 24 +++----
 horizon/test/templates/base.html              | 16 ++---
 horizon/test/unit/tables/test_tables.py       |  4 +-
 .../unit/templatetags/test_templatetags.py    |  6 +-
 .../theme-preview/theme-preview.html          |  2 +-
 .../templates/instances/_detail_console.html  |  2 +-
 .../templates/instances/_instance_flavor.html |  4 +-
 .../network_topology/_graph_view.html         |  2 +-
 .../network_topology/_post_massage.html       |  2 +-
 .../network_topology/_svg_element.html        |  4 +-
 .../templates/network_topology/iframe.html    |  4 +-
 .../launch-instance/keypair/keypair.html      |  2 +-
 .../launch-instance/source/source.html        |  2 +-
 openstack_dashboard/templates/500.html        |  2 +-
 .../templates/_stylesheets.html               |  4 +-
 .../templates/angular/angular_templates.html  |  2 +-
 openstack_dashboard/templates/base.html       | 14 ++--
 .../context_selection/_anti_clickjack.html    |  2 +-
 .../templates/horizon/_conf.html              |  6 +-
 .../templates/horizon/_scripts.html           | 64 +++++++++----------
 .../templates/serial_console.html             | 10 +--
 .../themes/example/templates/base.html        |  4 +-
 .../material/templates/header/_header.html    |  2 +-
 39 files changed, 118 insertions(+), 118 deletions(-)

diff --git a/horizon/static/framework/widgets/headers/hz-page-header.html b/horizon/static/framework/widgets/headers/hz-page-header.html
index 4b586cf9a7..0172f7128b 100644
--- a/horizon/static/framework/widgets/headers/hz-page-header.html
+++ b/horizon/static/framework/widgets/headers/hz-page-header.html
@@ -1,5 +1,5 @@
-<div class='page-header'>
+<div class="page-header">
   <h1>{$ ::header $}</h1>
   <p>{$ ::description $}</p>
   <ng-transclude></ng-transclude>
-</div>
\ No newline at end of file
+</div>
diff --git a/horizon/static/framework/widgets/metadata/tree/metadata-tree.html b/horizon/static/framework/widgets/metadata/tree/metadata-tree.html
index 185c813469..48263059e3 100644
--- a/horizon/static/framework/widgets/metadata/tree/metadata-tree.html
+++ b/horizon/static/framework/widgets/metadata/tree/metadata-tree.html
@@ -34,7 +34,7 @@
                      ng-model="ctrl.customItem"
                      validate-unique="ctrl.checkNameUnique"/>
               <span class="input-group-btn">
-                <button type='button' class="btn btn-primary"
+                <button type="button" class="btn btn-primary"
                    ng-click="ctrl.tree.addCustom(ctrl.customItem); ctrl.customItem=''"
                    ng-disabled="!ctrl.customItem || customItemForm.$invalid">
                   <span class="fa fa-plus"></span>
diff --git a/horizon/static/framework/widgets/property/hz-resource-property.html b/horizon/static/framework/widgets/property/hz-resource-property.html
index eac545fe66..45762f154a 100644
--- a/horizon/static/framework/widgets/property/hz-resource-property.html
+++ b/horizon/static/framework/widgets/property/hz-resource-property.html
@@ -1,5 +1,5 @@
 <dt>{$ ctrl.config.label $}</dt>
 <dd>
-  <hz-field config='ctrl.config' item='ctrl.item'></hz-field>
+  <hz-field config="ctrl.config" item="ctrl.item"></hz-field>
 </dd>
 
diff --git a/horizon/templates/horizon/_nav_list.html b/horizon/templates/horizon/_nav_list.html
index 2218fc5444..95a2f81822 100644
--- a/horizon/templates/horizon/_nav_list.html
+++ b/horizon/templates/horizon/_nav_list.html
@@ -5,7 +5,7 @@
     {% for component in components %}
       {% if user|has_permissions:component %}
         <li{% if current.slug == component.slug %} class="active"{% endif %}>
-          <a href="{{ component.get_absolute_url }}" tabindex='1'>{{ component.name }}</a>
+          <a href="{{ component.get_absolute_url }}" tabindex="1">{{ component.name }}</a>
         </li>
       {% endif %}
     {% endfor %}
diff --git a/horizon/templates/horizon/_subnav_list.html b/horizon/templates/horizon/_subnav_list.html
index c4d8001503..1dd21fe798 100644
--- a/horizon/templates/horizon/_subnav_list.html
+++ b/horizon/templates/horizon/_subnav_list.html
@@ -10,7 +10,7 @@
         {% for panel in filtered_panels %}
           {% if panel in accessible_panels or current == panel.slug %}
             <li>
-              <a href="{{ panel.get_absolute_url }}" {% if current == panel.slug %}class="active"{% endif %} tabindex='1'>{{ panel.name }}</a>
+              <a href="{{ panel.get_absolute_url }}" {% if current == panel.slug %}class="active"{% endif %} tabindex="1">{{ panel.name }}</a>
             </li>
           {% endif %}
         {% endfor %}
diff --git a/horizon/templates/horizon/client_side/_modal.html b/horizon/templates/horizon/client_side/_modal.html
index 8560e076eb..47b8047186 100644
--- a/horizon/templates/horizon/client_side/_modal.html
+++ b/horizon/templates/horizon/client_side/_modal.html
@@ -7,18 +7,18 @@
 <div class="modal" data-backdrop="[[modal_backdrop]]">
   <div class="modal-dialog">
     <div class="modal-content">
-      <div class='modal-header'>
-        <a class='close' data-dismiss='modal' href="#">
+      <div class="modal-header">
+        <a class="close" data-dismiss="modal" href="#">
           <span class="fa fa-times"></span>
         </a>
         <h3 class="modal-title">[[title]]</h3>
       </div>
-      <div class='modal-body'>
+      <div class="modal-body">
         [[[body]]]
       </div>
-      <div class='modal-footer'>
-        <a href='#' class='btn btn-default cancel' data-dismiss='modal'>[[cancel]]</a>
-        <a href='#' class='btn [[confirmCssClass]]'>[[confirm]]</a>
+      <div class="modal-footer">
+        <a href="#" class="btn btn-default cancel" data-dismiss="modal">[[cancel]]</a>
+        <a href="#" class="btn [[confirmCssClass]]">[[confirm]]</a>
       </div>
     </div>
   </div>
diff --git a/horizon/templates/horizon/common/_data_table.html b/horizon/templates/horizon/common/_data_table.html
index d29ff7c656..38db26fb7b 100644
--- a/horizon/templates/horizon/common/_data_table.html
+++ b/horizon/templates/horizon/common/_data_table.html
@@ -8,7 +8,7 @@
     {% block table_caption %}
       <caption>
         {% if not hidden_title %}
-          <span class='table-title'>{{ table }}</span>
+          <span class="table-title">{{ table }}</span>
         {% endif %}
         {{ table.render_table_actions }}
       </caption>
diff --git a/horizon/templates/horizon/common/_data_table_row_action_row.html b/horizon/templates/horizon/common/_data_table_row_action_row.html
index 2fdbb6ca1a..4cdd834180 100644
--- a/horizon/templates/horizon/common/_data_table_row_action_row.html
+++ b/horizon/templates/horizon/common/_data_table_row_action_row.html
@@ -4,7 +4,7 @@
     {{ action.verbose_name }}
   </button>
 {% else %}
-  <a href='{{ action.bound_url }}' title='{{ action.verbose_name }}' {{ action.attr_string|safe }}>
+  <a href="{{ action.bound_url }}" title="{{ action.verbose_name }}" {{ action.attr_string|safe }}>
     {% if action.icon != None %}<span class="fa fa-{{ action.icon }}"></span> {% endif %}
     {{ action.verbose_name }}
   </a>
diff --git a/horizon/templates/horizon/common/_datepicker.html b/horizon/templates/horizon/common/_datepicker.html
index efac7fdd91..5073761925 100644
--- a/horizon/templates/horizon/common/_datepicker.html
+++ b/horizon/templates/horizon/common/_datepicker.html
@@ -1,7 +1,7 @@
 {% load i18n %}
 
 {% block trimmed %}
-  <div class='input-group date'>
+  <div class="input-group date">
     {{ datepicker_input }}
     <label class="sr-only">{{ datepicker_label }}</label>
       <span class="input-group-addon datepicker-addon">
diff --git a/horizon/templates/horizon/common/_detail_header.html b/horizon/templates/horizon/common/_detail_header.html
index be12cb65fc..db99156f95 100644
--- a/horizon/templates/horizon/common/_detail_header.html
+++ b/horizon/templates/horizon/common/_detail_header.html
@@ -1,4 +1,4 @@
-<div class='page-header detail-header'>
+<div class="page-header detail-header">
   <div class="row">
     <div class="detail-title col-xs-12 col-sm-9">
       <span class="h1 word-wrap">{{ page_title }}</span>
@@ -6,7 +6,7 @@
 
     <div class="detail-actions col-xs-12 col-sm-3 text-right">
       {% if actions %}
-      <form class='detail-actions-form actions_column' action='{{ url }}' method="POST">
+      <form class="detail-actions-form actions_column" action="{{ url }}" method="POST">
         {% csrf_token %}
         {{ actions }}
       </form>
diff --git a/horizon/templates/horizon/common/_domain_page_header.html b/horizon/templates/horizon/common/_domain_page_header.html
index b77ce87c80..149fbf28c8 100644
--- a/horizon/templates/horizon/common/_domain_page_header.html
+++ b/horizon/templates/horizon/common/_domain_page_header.html
@@ -1,6 +1,6 @@
 {% load i18n %}
 {% block page_header %}
-  <div class='page-header'>
+  <div class="page-header">
     <h1>
     {% if 'domain_context_name' in request.session %}
       <em>{% blocktrans with context_name=request.session.domain_context_name %}{{ context_name }}:{% endblocktrans %}</em>
diff --git a/horizon/templates/horizon/common/_form_field.html b/horizon/templates/horizon/common/_form_field.html
index c521fc0d6e..5b3a3b2a8d 100644
--- a/horizon/templates/horizon/common/_form_field.html
+++ b/horizon/templates/horizon/common/_form_field.html
@@ -17,10 +17,10 @@
     <div class="{{ classes.value }} {{ field|wrapper_classes }}">
       {% with add_item_link=field|add_item_url %}
       {% if add_item_link %}
-        <div class='input-group'>
+        <div class="input-group">
           {{ field|add_bootstrap_class }}
           <span class="input-group-btn">
-            <a href="{{ add_item_link }}" data-add-to-field="{{ field.auto_id }}" class='btn btn-default ajax-add ajax-modal'>
+            <a href="{{ add_item_link }}" data-add-to-field="{{ field.auto_id }}" class="btn btn-default ajax-add ajax-modal">
               <span class="fa fa-plus"></span>
             </a>
           </span>
diff --git a/horizon/templates/horizon/common/_page_header.html b/horizon/templates/horizon/common/_page_header.html
index 9491a55acd..ab8585b8b0 100644
--- a/horizon/templates/horizon/common/_page_header.html
+++ b/horizon/templates/horizon/common/_page_header.html
@@ -1,9 +1,9 @@
 {% load i18n %}
 {% block page_header %}
-  <div class='page-header'>
+  <div class="page-header">
     <h1>{{ title }}</h1>
     {% if actions %}
-      <form class='actions_column pull-right' action='{{ url }}' method="POST">
+      <form class="actions_column pull-right" action="{{ url }}" method="POST">
         {% csrf_token %}
         {{ actions }}
       </form>
diff --git a/horizon/templates/horizon/common/_sidebar.html b/horizon/templates/horizon/common/_sidebar.html
index d55251ab59..73aec7bfd4 100644
--- a/horizon/templates/horizon/common/_sidebar.html
+++ b/horizon/templates/horizon/common/_sidebar.html
@@ -1,5 +1,5 @@
 {% load branding horizon i18n %}
 
-<nav id='sidebar'>
+<nav id="sidebar">
   {% horizon_nav %}
 </nav>
diff --git a/horizon/templates/horizon/common/_tab_group.html b/horizon/templates/horizon/common/_tab_group.html
index 8f3aa47fe3..05c062f820 100644
--- a/horizon/templates/horizon/common/_tab_group.html
+++ b/horizon/templates/horizon/common/_tab_group.html
@@ -6,7 +6,7 @@
   <ul id="{{ tab_group.get_id }}" {{ tab_group.attr_string|safe }}>
     {% for tab in tabs %}
     <li {{ tab.attr_string|safe }}>
-      <a href="?{{ tab_group.param_name }}={{ tab.get_id }}" data-toggle="tab" data-target="#{{ tab.get_id }}" data-loaded='{{ tab.load|yesno:"true,false" }}'>{{ tab.name }}</a>
+      <a href="?{{ tab_group.param_name }}={{ tab.get_id }}" data-toggle="tab" data-target="#{{ tab.get_id }}" data-loaded="{{ tab.load|yesno:"true,false" }}">{{ tab.name }}</a>
     </li>
     {% endfor %}
   </ul>
diff --git a/horizon/templates/horizon/jasmine/jasmine.html b/horizon/templates/horizon/jasmine/jasmine.html
index 76573879a7..05ddbe62ca 100644
--- a/horizon/templates/horizon/jasmine/jasmine.html
+++ b/horizon/templates/horizon/jasmine/jasmine.html
@@ -27,7 +27,7 @@
 
   <!-- source files -->
   {% for file in HORIZON_CONFIG.js_files %}
-    <script src='{{ STATIC_URL }}{{ file }}'></script>
+    <script src="{{ STATIC_URL }}{{ file }}"></script>
   {% endfor %}
 
   {% block source %}
@@ -36,7 +36,7 @@
   <!-- test files - mock and spec -->
   {% block spec %}
     {% for file in HORIZON_CONFIG.js_spec_files %}
-      <script src='{{ STATIC_URL }}{{ file }}'></script>
+      <script src="{{ STATIC_URL }}{{ file }}"></script>
     {% endfor %}
   {% endblock %}
 
diff --git a/horizon/templates/horizon/jasmine/jasmine_legacy.html b/horizon/templates/horizon/jasmine/jasmine_legacy.html
index a3a92c601a..6d52326561 100644
--- a/horizon/templates/horizon/jasmine/jasmine_legacy.html
+++ b/horizon/templates/horizon/jasmine/jasmine_legacy.html
@@ -7,17 +7,17 @@
   <script src="{{ STATIC_URL }}bootstrap/js/bootstrap.js"></script>
   <script src="{{ STATIC_URL }}horizon/lib/jquery/jquery.tablesorter.js"></script>
   <script src="{{ STATIC_URL }}horizon/lib/hogan.js"></script>
-  <script src='{{ STATIC_URL }}horizon/lib/jsencrypt/jsencrypt.js'></script>
+  <script src="{{ STATIC_URL }}horizon/lib/jsencrypt/jsencrypt.js"></script>
   <script src="{{ STATIC_URL }}horizon/js/horizon.templates.js"></script>
   <script src="{{ STATIC_URL }}horizon/js/horizon.instances.js"></script>
-  <script src='{{ STATIC_URL }}horizon/js/horizon.tabs.js'></script>
-  <script src='{{ STATIC_URL }}horizon/js/horizon.forms.js'></script>
-  <script src='{{ STATIC_URL }}horizon/js/horizon.formset_table.js'></script>
-  <script src='{{ STATIC_URL }}horizon/js/horizon.messages.js'></script>
-  <script src='{{ STATIC_URL }}horizon/js/horizon.modals.js'></script>
-  <script src='{{ STATIC_URL }}horizon/js/horizon.tables.js'></script>
-  <script src='{{ STATIC_URL }}horizon/js/horizon.quota.js'></script>
-  <script src='{{ STATIC_URL }}horizon/js/horizon.string.js'></script>
+  <script src="{{ STATIC_URL }}horizon/js/horizon.tabs.js"></script>
+  <script src="{{ STATIC_URL }}horizon/js/horizon.forms.js"></script>
+  <script src="{{ STATIC_URL }}horizon/js/horizon.formset_table.js"></script>
+  <script src="{{ STATIC_URL }}horizon/js/horizon.messages.js"></script>
+  <script src="{{ STATIC_URL }}horizon/js/horizon.modals.js"></script>
+  <script src="{{ STATIC_URL }}horizon/js/horizon.tables.js"></script>
+  <script src="{{ STATIC_URL }}horizon/js/horizon.quota.js"></script>
+  <script src="{{ STATIC_URL }}horizon/js/horizon.string.js"></script>
 
   {% include "horizon/client_side/templates.html" %}
 
@@ -94,9 +94,9 @@
           <table id="flavors" class=
           "table table-bordered table-striped datatable">
             <thead>
-              <tr class='table_caption'>
-                <th class='table_header' colspan='8'>
-                  <h3 class='table_title'>Flavors</h3>
+              <tr class="table_caption">
+                <th class="table_header" colspan="8">
+                  <h3 class="table_title">Flavors</h3>
 
                   <div class="table_actions clearfix"></div>
                 </th>
diff --git a/horizon/test/templates/base.html b/horizon/test/templates/base.html
index d3379035eb..4b516276bf 100644
--- a/horizon/test/templates/base.html
+++ b/horizon/test/templates/base.html
@@ -8,15 +8,15 @@
     window.STATIC_URL = '{{ STATIC_URL }}';
     window.WEBROOT = '{{ WEBROOT }}';
   </script>
-    <script src='{{ STATIC_URL }}horizon/lib/jquery/jquery.js' type='text/javascript' charset="utf-8"></script>
-    <script src='{{ STATIC_URL }}horizon/lib/jquery-ui/ui/jquery-ui.js' type='text/javascript' charset="utf-8"></script>
-    <script src='{{ STATIC_URL }}horizon/lib/jquery/jquery-migrate.js' type='text/javascript' charset="utf-8"></script>
+    <script src="{{ STATIC_URL }}horizon/lib/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>
+    <script src="{{ STATIC_URL }}horizon/lib/jquery-ui/ui/jquery-ui.js" type="text/javascript" charset="utf-8"></script>
+    <script src="{{ STATIC_URL }}horizon/lib/jquery/jquery-migrate.js' type="text/javascript" charset="utf-8"></script>
     <script src="{{ STATIC_URL }}horizon/lib/jquery/jquery.tablesorter.js"></script>
     <script src="{{ STATIC_URL }}horizon/lib/angular/angular.js" type="text/javascript" charset="utf-8"></script>
 
-    <script src='{{ STATIC_URL }}horizon/js/horizon.js' type='text/javascript' charset='utf-8'></script>
+    <script src="{{ STATIC_URL }}horizon/js/horizon.js" type="text/javascript" charset="utf-8"></script>
 
-    <script type='text/javascript' charset='utf-8'>
+    <script type="text/javascript" charset="utf-8">
       (function (global) {
         'use strict';
 
@@ -63,9 +63,9 @@
     <script src="{{ STATIC_URL }}horizon/lib/spin.js"></script>
     <script src="{{ STATIC_URL }}horizon/lib/spin.jquery.js"></script>
 
-    <script src='{{ STATIC_URL }}horizon/js/horizon.modals.js'></script>
-    <script src='{{ STATIC_URL }}horizon/js/horizon.tables.js'></script>
-    <script src='{{ STATIC_URL }}horizon/js/horizon.tabs.js'></script>
+    <script src="{{ STATIC_URL }}horizon/js/horizon.modals.js"></script>
+    <script src="{{ STATIC_URL }}horizon/js/horizon.tables.js"></script>
+    <script src="{{ STATIC_URL }}horizon/js/horizon.tabs.js"></script>
 
     <script>
         angular.module('test_app', []).run(updateHorizon);
diff --git a/horizon/test/unit/tables/test_tables.py b/horizon/test/unit/tables/test_tables.py
index d6b4581c22..8a82f9e7e1 100644
--- a/horizon/test/unit/tables/test_tables.py
+++ b/horizon/test/unit/tables/test_tables.py
@@ -713,13 +713,13 @@ class DataTableTests(test.TestCase):
         self.assertContains(resp, update_string, 4)
         self.assertContains(resp, "data-update-interval", 4)
         # Verify no table heading
-        self.assertNotContains(resp, "<h3 class='table_title'")
+        self.assertNotContains(resp, '<h3 class="table_title"')
         # Verify our XSS protection
         self.assertContains(resp, '&lt;strong&gt;evil&lt;/strong&gt;', 1)
         # Hidden Title = False shows the table title
         self.table._meta.hidden_title = False
         resp = http.HttpResponse(self.table.render())
-        self.assertContains(resp, "<span class='table-title'>", 1)
+        self.assertContains(resp, '<span class="table-title">', 1)
 
         # Filter = False hides the search box
         self.table._meta.filter = False
diff --git a/horizon/test/unit/templatetags/test_templatetags.py b/horizon/test/unit/templatetags/test_templatetags.py
index f858e924c3..2f3448b81e 100644
--- a/horizon/test/unit/templatetags/test_templatetags.py
+++ b/horizon/test/unit/templatetags/test_templatetags.py
@@ -139,12 +139,12 @@ class TemplateTagTests(test.TestCase):
         text = "{% horizon_main_nav %}"
         expected = """
                 <div>
-                    <ul class=\"nav nav-tabs\" role=\"tablist\">
+                    <ul class="nav nav-tabs" role="tablist">
                         <li>
-                            <a href=\"/cats/\" tabindex='1'>Cats</a>
+                            <a href="/cats/" tabindex="1">Cats</a>
                         </li>
                         <li>
-                            <a href=\"/dogs/\" tabindex='1'>Dogs</a>
+                            <a href="/dogs/" tabindex="1">Dogs</a>
                         </li>
                     </ul></div>"""
 
diff --git a/openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.html b/openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.html
index bf19efeee5..eddf798a30 100644
--- a/openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.html
+++ b/openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.html
@@ -679,7 +679,7 @@
             <div class="form-group">
               <label translate class="col-lg-2 control-label" for="datepicker">Datepicker</label>
               <div class="col-lg-10">
-                <div class='input-group'>
+                <div class="input-group">
                   <input type="text" class="form-control" id="datepicker">
                   <span class="input-group-addon datepicker-addon">
                     <span class="fa fa-calendar"></span>
diff --git a/openstack_dashboard/dashboards/project/instances/templates/instances/_detail_console.html b/openstack_dashboard/dashboards/project/instances/templates/instances/_detail_console.html
index 15cf537015..10cd22586e 100644
--- a/openstack_dashboard/dashboards/project/instances/templates/instances/_detail_console.html
+++ b/openstack_dashboard/dashboards/project/instances/templates/instances/_detail_console.html
@@ -2,7 +2,7 @@
 
 <h3>{% trans "Instance Console" %}</h3>
 {% if console_url %}
-<p class='alert alert-info'>
+<p class="alert alert-info">
 {% if console_type != 'SERIAL' %}
 {% blocktrans %}If console is not responding to keyboard input: click the grey status bar below.{% endblocktrans %}
 {% endif %}
diff --git a/openstack_dashboard/dashboards/project/instances/templates/instances/_instance_flavor.html b/openstack_dashboard/dashboards/project/instances/templates/instances/_instance_flavor.html
index ac2bc4167c..b71600fd0f 100644
--- a/openstack_dashboard/dashboards/project/instances/templates/instances/_instance_flavor.html
+++ b/openstack_dashboard/dashboards/project/instances/templates/instances/_instance_flavor.html
@@ -1,12 +1,12 @@
 {% load i18n %}
 <a href="#" id="flavor_details_{{ id }}" class="link-popover" rel="popover" tabindex="0" data-trigger="focus" data-content="
-<table class='table table-bordered'>
+<table class=&quot;table table-bordered&quot;>
   <tr><th>{% trans 'ID' %}</th><td>{{ flavor_id }}</td></tr>
   <tr><th>{% trans 'VCPUs' %}</th><td>{{ vcpus }}</td></tr>
   <tr><th>{% trans 'RAM' %}</th><td>{{ size_ram }}</td></tr>
   <tr><th>{% trans 'Size' %}</th><td>{{ size_disk }}</td></tr>
 </table>
-" data-original-title="{% blocktrans %}<span class='word-wrap'>Flavor Details: {{ name }}</span>">{{ name }}{% endblocktrans %}</a>
+" data-original-title="{% blocktrans %}<span class=&quot;word-wrap&quot;>Flavor Details: {{ name }}</span>">{{ name }}{% endblocktrans %}</a>
 <script type="text/javascript" charset="utf-8">
 $(function () {
   var $flavor = $("#flavor_details_{{ id }}");
diff --git a/openstack_dashboard/dashboards/project/network_topology/templates/network_topology/_graph_view.html b/openstack_dashboard/dashboards/project/network_topology/templates/network_topology/_graph_view.html
index da1b2527d8..8f5ab2572d 100644
--- a/openstack_dashboard/dashboards/project/network_topology/templates/network_topology/_graph_view.html
+++ b/openstack_dashboard/dashboards/project/network_topology/templates/network_topology/_graph_view.html
@@ -1,6 +1,6 @@
 {% load i18n %}
 
-<div class='description'>
+<div class="description">
   {% blocktrans trimmed %}
     Resize the canvas by scrolling up/down with your mouse/trackpad on the topology.
     Pan around the canvas by clicking and dragging the space behind the topology.
diff --git a/openstack_dashboard/dashboards/project/network_topology/templates/network_topology/_post_massage.html b/openstack_dashboard/dashboards/project/network_topology/templates/network_topology/_post_massage.html
index be1448d66c..053894e3f0 100644
--- a/openstack_dashboard/dashboards/project/network_topology/templates/network_topology/_post_massage.html
+++ b/openstack_dashboard/dashboards/project/network_topology/templates/network_topology/_post_massage.html
@@ -1,4 +1,4 @@
-<script type='text/javascript'>
+<script type="text/javascript">
 (function(){
   $(window).on('message',function(e){
     var message = JSON.parse(e.originalEvent.data);
diff --git a/openstack_dashboard/dashboards/project/network_topology/templates/network_topology/_svg_element.html b/openstack_dashboard/dashboards/project/network_topology/templates/network_topology/_svg_element.html
index 2a38b20630..6eb4ccf5df 100644
--- a/openstack_dashboard/dashboards/project/network_topology/templates/network_topology/_svg_element.html
+++ b/openstack_dashboard/dashboards/project/network_topology/templates/network_topology/_svg_element.html
@@ -10,7 +10,7 @@
     <pattern id="device_normal_bg_loading" patternUnits="userSpaceOnUse" x="0" y="0" width="20" height="20">
       <g>
         <rect width="20" height="20" class="loading_bg_normal"></rect>
-        <path d='M0 20L20 0ZM22 18L18 22ZM-2 2L2 -2Z' stroke-linecap="square" stroke='rgba(0, 0, 0, 0.3)' stroke-width="7"></path>
+        <path d="M0 20L20 0ZM22 18L18 22ZM-2 2L2 -2Z" stroke-linecap="square" stroke="rgba(0, 0, 0, 0.3)" stroke-width="7"></path>
       </g>
       <animate attributeName="x" attributeType="XML" begin="0s" dur="0.5s" from="0" to="-20" repeatCount="indefinite"></animate>
     </pattern>
@@ -22,7 +22,7 @@
     <pattern id="device_small_bg_loading" patternUnits="userSpaceOnUse" x="0" y="0" width="5" height="5">
       <g>
         <rect width="5" height="5" class="loading_bg_small"></rect>
-        <path d='M0 5L5 0ZM6 4L4 6ZM-1 1L1 -1Z' stroke-linecap="square" stroke='rgba(0, 0, 0, 0.4)' stroke-width="1.5"></path>
+        <path d="M0 5L5 0ZM6 4L4 6ZM-1 1L1 -1Z" stroke-linecap="square" stroke="rgba(0, 0, 0, 0.4)" stroke-width="1.5"></path>
       </g>
       <animate attributeName="x" attributeType="XML" begin="0s" dur="0.5s" from="0" to="-5" repeatCount="indefinite"></animate>
     </pattern>
diff --git a/openstack_dashboard/dashboards/project/network_topology/templates/network_topology/iframe.html b/openstack_dashboard/dashboards/project/network_topology/templates/network_topology/iframe.html
index 63ad0d1145..2b0758fa7a 100644
--- a/openstack_dashboard/dashboards/project/network_topology/templates/network_topology/iframe.html
+++ b/openstack_dashboard/dashboards/project/network_topology/templates/network_topology/iframe.html
@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta content='text/html; charset=utf-8' http-equiv='Content-Type' />
-    <script src='{{ STATIC_URL }}horizon/lib/jquery/jquery.js' type='text/javascript' charset="utf-8"></script>
+    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
+    <script src="{{ STATIC_URL }}horizon/lib/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>
   </head>
   <body>
     {% include "horizon/_messages.html" %}
diff --git a/openstack_dashboard/dashboards/project/static/dashboard/project/workflow/launch-instance/keypair/keypair.html b/openstack_dashboard/dashboards/project/static/dashboard/project/workflow/launch-instance/keypair/keypair.html
index d1bd5e9588..183c838f5e 100644
--- a/openstack_dashboard/dashboards/project/static/dashboard/project/workflow/launch-instance/keypair/keypair.html
+++ b/openstack_dashboard/dashboards/project/static/dashboard/project/workflow/launch-instance/keypair/keypair.html
@@ -26,7 +26,7 @@
     </hz-dynamic-table>
   </transfer-table> <!-- End Key Pairs Table -->
 
-  <settings-service hz-if-settings='["OPENSTACK_HYPERVISOR_FEATURES.can_set_password"]'>
+  <settings-service hz-if-settings="["OPENSTACK_HYPERVISOR_FEATURES.can_set_password"]">
     <div class="admin-password">
       <div class="themable-checkbox">
         <input ng-change="ctrl.setAdminPasswordChange()"
diff --git a/openstack_dashboard/dashboards/project/static/dashboard/project/workflow/launch-instance/source/source.html b/openstack_dashboard/dashboards/project/static/dashboard/project/workflow/launch-instance/source/source.html
index 32efb82a3f..a9a750792b 100644
--- a/openstack_dashboard/dashboards/project/static/dashboard/project/workflow/launch-instance/source/source.html
+++ b/openstack_dashboard/dashboards/project/static/dashboard/project/workflow/launch-instance/source/source.html
@@ -93,7 +93,7 @@
     </div>
   </div>
 
-  <div hz-if-settings='["OPENSTACK_HYPERVISOR_FEATURES.can_set_mount_point"]'
+  <div hz-if-settings="[&quot;OPENSTACK_HYPERVISOR_FEATURES.can_set_mount_point&quot;]"
     ng-if="model.newInstanceSpec.vol_create === true">
         <label translate>Device Name</label>
         <input class="form-control"
diff --git a/openstack_dashboard/templates/500.html b/openstack_dashboard/templates/500.html
index 7395142976..a63e96ddf7 100644
--- a/openstack_dashboard/templates/500.html
+++ b/openstack_dashboard/templates/500.html
@@ -15,7 +15,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta content='text/html; charset=utf-8' http-equiv='Content-Type' />
+    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
     <link rel="shortcut icon" href="{% static "dashboard/img/favicon.ico" %}"/>
     <link rel="apple-touch-icon" sizes="180x180" href="{% static 'dashboard/img/apple-touch-icon.png' %}" />
     <link rel="mask-icon" href="{% static 'dashboard/img/safari-pinned-tab.svg' %}" color="#5bbad5" />
diff --git a/openstack_dashboard/templates/_stylesheets.html b/openstack_dashboard/templates/_stylesheets.html
index 6de226f936..98e33114b7 100644
--- a/openstack_dashboard/templates/_stylesheets.html
+++ b/openstack_dashboard/templates/_stylesheets.html
@@ -2,8 +2,8 @@
 {% load themes %}
 
 {% compress css %}
-<link href='{{ STATIC_URL }}horizon/lib/bootstrap_datepicker/datepicker3.css' type='text/css' media='screen' rel='stylesheet' />
-<link href='{{ STATIC_URL }}horizon/lib/rickshaw/rickshaw.css' type='text/css' media='screen' rel='stylesheet' />
+<link href="{{ STATIC_URL }}horizon/lib/bootstrap_datepicker/datepicker3.css" type="text/css" media="screen" rel="stylesheet" />
+<link href="{{ STATIC_URL }}horizon/lib/rickshaw/rickshaw.css" type="text/css" media="screen" rel="stylesheet" />
 {% endcompress %}
 
 
diff --git a/openstack_dashboard/templates/angular/angular_templates.html b/openstack_dashboard/templates/angular/angular_templates.html
index 9fe6c28275..5155e94cdb 100644
--- a/openstack_dashboard/templates/angular/angular_templates.html
+++ b/openstack_dashboard/templates/angular/angular_templates.html
@@ -1,5 +1,5 @@
 {% for static_path, template_html in angular_templates %}
-  <script type='text/javascript' id='{{ static_path }}'>
+  <script type="text/javascript" id="{{ static_path }}">
     {% include 'angular/angular_templates.js' %}
   </script>
 {% endfor %}
diff --git a/openstack_dashboard/templates/base.html b/openstack_dashboard/templates/base.html
index ddc70ffc91..9851a681a5 100644
--- a/openstack_dashboard/templates/base.html
+++ b/openstack_dashboard/templates/base.html
@@ -7,8 +7,8 @@
   <head>
     {% block custom_analytics %}
     {% endblock %}
-    <meta content='IE=edge' http-equiv='X-UA-Compatible' />
-    <meta content='text/html; charset=utf-8' http-equiv='Content-Type' />
+    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
+    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
     <meta name="viewport" content="width=device-width, initial-scale=1">
     {% block custom_metadata %}
       {% include "horizon/_custom_meta.html" %}
@@ -26,23 +26,23 @@
     {% endblock %}
     {% block ng_route_base %} {% endblock %}
   </head>
-  <body id="{% block body_id %}{% endblock %}" ng-app='horizon.app' ng-strict-di>
+  <body id="{% block body_id %}{% endblock %}" ng-app="horizon.app" ng-strict-di>
     <noscript>
       <div class="alert alert-danger text-center javascript-disabled">
         {% trans "This application requires JavaScript to be enabled in your web browser." %}
       </div>
     </noscript>
     {% block content %}
-      <div class='topbar'>
+      <div class="topbar">
         {% include "header/_header.html" %}
       </div>
-      <div id='main_content'>
+      <div id="main_content">
         {% include "horizon/_messages.html" %}
         {% block sidebar %}
           {% include 'horizon/common/_sidebar.html' %}
         {% endblock %}
-        <div id='content_body'>
-          <div class='container-fluid'>
+        <div id="content_body">
+          <div class="container-fluid">
             <div class="row">
               <div class="col-xs-12">
                 <div class="page-breadcrumb">
diff --git a/openstack_dashboard/templates/context_selection/_anti_clickjack.html b/openstack_dashboard/templates/context_selection/_anti_clickjack.html
index 62e456830c..725a986eaa 100644
--- a/openstack_dashboard/templates/context_selection/_anti_clickjack.html
+++ b/openstack_dashboard/templates/context_selection/_anti_clickjack.html
@@ -1,7 +1,7 @@
 {% if disallow_iframe_embed %}
   <style id="anti-clickjack">body{display:none !important;}</style>
 
-  <script type='text/javascript' charset="utf-8">
+  <script type="text/javascript" charset="utf-8">
     if (self === top) {
       var antiClickjack = document.getElementById("anti-clickjack");
       antiClickjack.parentNode.removeChild(antiClickjack);
diff --git a/openstack_dashboard/templates/horizon/_conf.html b/openstack_dashboard/templates/horizon/_conf.html
index 631825fb1a..233f329f72 100644
--- a/openstack_dashboard/templates/horizon/_conf.html
+++ b/openstack_dashboard/templates/horizon/_conf.html
@@ -6,12 +6,12 @@
 {% comment %} Compress 3rd-party (jquery, angular, etc) and top-level Horizon JS. {% endcomment %}
 {% compress js %}
 {% for file in HORIZON_CONFIG.xstatic_lib_files %}
-    <script src='{{ STATIC_URL }}{{ file }}'></script>
+    <script src="{{ STATIC_URL }}{{ file }}"></script>
 {% endfor %}
-<script src='{{ STATIC_URL }}horizon/js/horizon.js' type='text/javascript' charset='utf-8'></script>
+<script src="{{ STATIC_URL }}horizon/js/horizon.js" type="text/javascript" charset="utf-8"></script>
 {% endcompress %}
 
-<script type='text/javascript' charset='utf-8'>
+<script type="text/javascript" charset="utf-8">
   (function (global) {
     'use strict';
 
diff --git a/openstack_dashboard/templates/horizon/_scripts.html b/openstack_dashboard/templates/horizon/_scripts.html
index a400a2eaba..d857fcd6ca 100644
--- a/openstack_dashboard/templates/horizon/_scripts.html
+++ b/openstack_dashboard/templates/horizon/_scripts.html
@@ -18,44 +18,44 @@
   var WEBROOT = "{{ WEBROOT }}";
 </script>
 <script src="{{ STATIC_URL }}horizon/lib/jquery/jquery.bootstrap.wizard.js"></script>
-<script src='{{ STATIC_URL }}horizon/js/horizon.string.js'></script>
-<script src='{{ STATIC_URL }}horizon/js/horizon.lists.js'></script>
-<script src='{{ STATIC_URL }}horizon/js/horizon.communication.js'></script>
-<script src='{{ STATIC_URL }}horizon/js/horizon.datepickers.js'></script>
-<script src='{{ STATIC_URL }}horizon/js/horizon.forms.js'></script>
-<script src='{{ STATIC_URL }}horizon/js/horizon.formset_table.js'></script>
-<script src='{{ STATIC_URL }}horizon/js/horizon.loader.js'></script>
-<script src='{{ STATIC_URL }}horizon/js/horizon.messages.js'></script>
-<script src='{{ STATIC_URL }}horizon/js/horizon.modals.js'></script>
-<script src='{{ STATIC_URL }}horizon/js/horizon.hacks.js'></script>
-<script src='{{ STATIC_URL }}horizon/js/horizon.uuid.js'></script>
+<script src="{{ STATIC_URL }}horizon/js/horizon.string.js"></script>
+<script src="{{ STATIC_URL }}horizon/js/horizon.lists.js"></script>
+<script src="{{ STATIC_URL }}horizon/js/horizon.communication.js"></script>
+<script src="{{ STATIC_URL }}horizon/js/horizon.datepickers.js"></script>
+<script src="{{ STATIC_URL }}horizon/js/horizon.forms.js"></script>
+<script src="{{ STATIC_URL }}horizon/js/horizon.formset_table.js"></script>
+<script src="{{ STATIC_URL }}horizon/js/horizon.loader.js"></script>
+<script src="{{ STATIC_URL }}horizon/js/horizon.messages.js"></script>
+<script src="{{ STATIC_URL }}horizon/js/horizon.modals.js"></script>
+<script src="{{ STATIC_URL }}horizon/js/horizon.hacks.js"></script>
+<script src="{{ STATIC_URL }}horizon/js/horizon.uuid.js"></script>
 <script type="text/javascript">
   horizon.modals.MODAL_BACKDROP = "{% firstof HORIZON_CONFIG.modal_backdrop 'static' %}";
 </script>
 {% if HORIZON_CONFIG.integration_tests_support %}
-<script src='{{ STATIC_URL }}horizon/js/horizon.selenium.js'></script>
+<script src="{{ STATIC_URL }}horizon/js/horizon.selenium.js"></script>
 {% endif %}
-<script src='{{ STATIC_URL }}horizon/js/horizon.tables.js'></script>
-<script src='{{ STATIC_URL }}horizon/js/horizon.tabs.js'></script>
-<script src='{{ STATIC_URL }}horizon/js/horizon.templates.js'></script>
-<script src='{{ STATIC_URL }}horizon/js/horizon.users.js'></script>
-<script src='{{ STATIC_URL }}horizon/js/horizon.membership.js'></script>
-<script src='{{ STATIC_URL }}horizon/js/horizon.d3piechart.js'></script>
-<script src='{{ STATIC_URL }}horizon/js/horizon.heattop.js'></script>
-<script src='{{ STATIC_URL }}horizon/js/horizon.d3linechart.js'></script>
-<script src='{{ STATIC_URL }}horizon/js/horizon.d3barchart.js'></script>
-<script src='{{ STATIC_URL }}horizon/js/horizon.sidebar.js'></script>
-<script src='{{ STATIC_URL }}horizon/js/horizon.extensible_header.js'></script>
-<script src='{{ STATIC_URL }}js/horizon.instances.js'></script>
-<script src='{{ STATIC_URL }}js/horizon.quota.js'></script>
-<script src='{{ STATIC_URL }}js/horizon.metering.js'></script>
-<script src='{{ STATIC_URL }}js/horizon.networktopologycommon.js'></script>
-<script src='{{ STATIC_URL }}js/horizon.flatnetworktopology.js'></script>
-<script src='{{ STATIC_URL }}js/horizon.networktopology.js'></script>
-<script src='{{ STATIC_URL }}js/horizon.volumes.js'></script>
+<script src="{{ STATIC_URL }}horizon/js/horizon.tables.js"></script>
+<script src="{{ STATIC_URL }}horizon/js/horizon.tabs.js"></script>
+<script src="{{ STATIC_URL }}horizon/js/horizon.templates.js"></script>
+<script src="{{ STATIC_URL }}horizon/js/horizon.users.js"></script>
+<script src="{{ STATIC_URL }}horizon/js/horizon.membership.js"></script>
+<script src="{{ STATIC_URL }}horizon/js/horizon.d3piechart.js"></script>
+<script src="{{ STATIC_URL }}horizon/js/horizon.heattop.js"></script>
+<script src="{{ STATIC_URL }}horizon/js/horizon.d3linechart.js"></script>
+<script src="{{ STATIC_URL }}horizon/js/horizon.d3barchart.js"></script>
+<script src="{{ STATIC_URL }}horizon/js/horizon.sidebar.js"></script>
+<script src="{{ STATIC_URL }}horizon/js/horizon.extensible_header.js"></script>
+<script src="{{ STATIC_URL }}js/horizon.instances.js"></script>
+<script src="{{ STATIC_URL }}js/horizon.quota.js"></script>
+<script src="{{ STATIC_URL }}js/horizon.metering.js"></script>
+<script src="{{ STATIC_URL }}js/horizon.networktopologycommon.js"></script>
+<script src="{{ STATIC_URL }}js/horizon.flatnetworktopology.js"></script>
+<script src="{{ STATIC_URL }}js/horizon.networktopology.js"></script>
+<script src="{{ STATIC_URL }}js/horizon.volumes.js"></script>
 
 {% for file in HORIZON_CONFIG.js_files %}
-    <script src='{{ STATIC_URL }}{{ file }}'></script>
+    <script src="{{ STATIC_URL }}{{ file }}"></script>
 {% endfor %}
 
 {% block custom_js_files %}{% endblock %}
@@ -84,7 +84,7 @@
 
 {% comment %}Locale sensitive js needs to be included outisde the "compress" tag{% endcomment %}
 {% if DATEPICKER_LOCALE and DATEPICKER_LOCALE != 'en' %}
-<script src='{{ STATIC_URL }}horizon/lib/bootstrap_datepicker/locales/bootstrap-datepicker.{{ DATEPICKER_LOCALE }}.js'></script>
+<script src="{{ STATIC_URL }}horizon/lib/bootstrap_datepicker/locales/bootstrap-datepicker.{{ DATEPICKER_LOCALE }}.js"></script>
 {% endif %}
 
 {% comment %}Go!{% endcomment %}
diff --git a/openstack_dashboard/templates/serial_console.html b/openstack_dashboard/templates/serial_console.html
index d1434e7b48..491c90b462 100644
--- a/openstack_dashboard/templates/serial_console.html
+++ b/openstack_dashboard/templates/serial_console.html
@@ -2,25 +2,25 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <meta content='IE=edge' http-equiv='X-UA-Compatible' />
-  <meta content='text/html; charset=utf-8' http-equiv='Content-Type' />
+  <meta content="IE=edge" http-equiv="X-UA-Compatible" />
+  <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
   <title>{{page_title}}</title>
   {% load compress %}
   {% compress css %}
   <link rel="stylesheet" href="{{ STATIC_URL }}dashboard/scss/serial_console.scss" type="text/scss" media="screen" />
   {% endcompress %}
   <script src="{% url 'horizon:jsi18n' 'horizon' %}"></script>
-  <script src='{{ STATIC_URL }}horizon/lib/termjs/term.js'></script>
+  <script src="{{ STATIC_URL }}horizon/lib/termjs/term.js"></script>
   <script src="{{ STATIC_URL }}horizon/lib/jquery/jquery.js"></script>
   <script src="{{ STATIC_URL }}horizon/lib/angular/angular.js"></script>
   <script src="{{ STATIC_URL }}js/angular/directives/serialConsole.js"></script>
 </head>
-<body ng-app='serialConsoleApp'>
+<body ng-app="serialConsoleApp">
 
     {% if error_message %}
         {{ error_message }}
     {% else %}
-        <serial-console connection='"{{console_url}}"' protocols='{{protocols}}'></serial-console>
+        <serial-console connection="&quot;{{console_url}}&quot;" protocols="{{protocols}}"></serial-console>
     {% endif %}
 
 </body>
diff --git a/openstack_dashboard/themes/example/templates/base.html b/openstack_dashboard/themes/example/templates/base.html
index ee7ab74c8e..337fcd2565 100644
--- a/openstack_dashboard/themes/example/templates/base.html
+++ b/openstack_dashboard/themes/example/templates/base.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 
 {% block custom_analytics %}
-  <script src='{{ STATIC_URL }}/themes/example/js/my_analytics_js.js' type='text/javascript' charset='utf-8'></script>
+  <script src="{{ STATIC_URL }}/themes/example/js/my_analytics_js.js" type="text/javascript" charset="utf-8"></script>
 {% endblock %}
 
 {% block custom_metadata %}
@@ -9,7 +9,7 @@
 {% endblock %}
 
 {% block custom_head_js %}
-  <script src='{{ STATIC_URL }}/themes/example/js/my_custom_js.js' type='text/javascript' charset='utf-8'></script>
+  <script src="{{ STATIC_URL }}/themes/example/js/my_custom_js.js" type="text/javascript" charset="utf-8"></script>
 {% endblock %}
 
 {% block footer %}
diff --git a/openstack_dashboard/themes/material/templates/header/_header.html b/openstack_dashboard/themes/material/templates/header/_header.html
index 07d4bd60dd..f60189c1ef 100644
--- a/openstack_dashboard/themes/material/templates/header/_header.html
+++ b/openstack_dashboard/themes/material/templates/header/_header.html
@@ -17,7 +17,7 @@
           <span class="md-hamburger-layer md-hamburger-menu"></span>
         </button>
         {% theme_dir as theme_dir %}
-        <script src='{{ STATIC_URL }}{{ theme_dir }}/material/js/material.hamburger.js'></script>
+        <script src="{{ STATIC_URL }}{{ theme_dir }}/material/js/material.hamburger.js"></script>
       </div>
       {% include "header/_brand.html" %}
     </div>