Add USA header to base templates

templates/base.html

@@ -16,6 +16,8 @@
 
     {% block template_vars %}{% endblock %}
 
+    {% include 'components/usa_header.html' %}
+
     {% include 'navigation/topbar.html' %}
 
     <div class='global-layout'>

templates/base_public.html

@@ -16,6 +16,8 @@
 
 <div id='app-root'>
 
+  {% include 'components/usa_header.html' %}
+
   <header class="topbar topbar--public">
     <nav class="topbar__navigation">
       <a href="{{ url_for('atst.home') }}" class="topbar__link topbar__link--home">
@@ -61,6 +63,10 @@
 
 </div>
 
+{% assets "js_all" %}
+  <script src="{{ ASSET_URL }}"></script>
+{% endassets %}
+
 </body>
 </html>
 

templates/components/usa_header.html

@@ -0,0 +1,10 @@
+{% from "components/tooltip.html" import Tooltip %}
+
+<aside class='usa-banner'>
+  <img src='{{ url_for("static", filename="img/us_flag_small.png") }}' alt='U.S. Flag' />
+  <p>An official website of the United States government</p>
+
+  {{ Tooltip('<p><strong>The .mil means it’s official.</strong> Federal government websites often end in .gov or .mil. Before sharing sensitive information, make sure you’re on a federal government site.</p><br/><p><strong>The site is secure.</strong><br>The <strong>https://</strong> ensures that you are connecting to the official website and that any information you provide is encrypted and transmitted securely.</p>',
+  title='Heres how you know') }}
+
+</aside>