65 lines
2.0 KiB
HTML
65 lines
2.0 KiB
HTML
{% from "components/icon.html" import Icon %}
|
||
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>{% block title %}JEDI Cloud{% endblock %}</title>
|
||
{% assets "css" %}
|
||
<link rel="stylesheet" href="{{ ASSET_URL }}" type="text/css">
|
||
{% endassets %}
|
||
<link rel="icon" type="image/x-icon" href="/static/img/favicon.ico">
|
||
</head>
|
||
<body>
|
||
|
||
<div id='app-root'>
|
||
|
||
<div class="usa-banner-header">
|
||
<div class="usa-grid usa-banner-inner">
|
||
<img src="{{url_for('static', filename='img/us_flag.png')}}" alt="U.S. flag">
|
||
<p>An official website of the United States government</p>
|
||
<button class="usa-accordion-button usa-banner-button" aria-expanded="false" aria-controls="gov-banner">
|
||
<span class="usa-banner-button-text">Here’s how you know</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<header class="topbar topbar--public">
|
||
<nav class="topbar__navigation">
|
||
<a href="{{ url_for('atst.home') }}" class="topbar__link topbar__link--home">
|
||
{{ Icon('shield', classes='topbar__link-icon') }}
|
||
<span class="topbar__link-label">JEDI Cloud</span>
|
||
</a>
|
||
|
||
{% if g.current_user %}
|
||
<a href="{{ url_for('atst.user') }}" class="topbar__link">
|
||
<span class="topbar__link-label">{{ g.current_user.first_name + " " + g.current_user.last_name }}</span>
|
||
{{ Icon('avatar', classes='topbar__link-icon') }}
|
||
</a>
|
||
|
||
<a href="{{ url_for('atst.logout') }}" class="topbar__link" title='Log out of JEDI Cloud'>
|
||
{{ Icon('logout', classes='topbar__link-icon') }}
|
||
</a>
|
||
{% else %}
|
||
<a href="{{ url_for('atst.home') }}" class="topbar__link" title='Log in'>
|
||
<span class="topbar__link-label">Log in</span>
|
||
{{ Icon('avatar', classes='topbar__link-icon') }}
|
||
</a>
|
||
{% endif %}
|
||
|
||
</nav>
|
||
</header>
|
||
|
||
{% block content %}{% endblock %}
|
||
|
||
{% include 'footer.html' %}
|
||
</div>
|
||
|
||
</body>
|
||
</html>
|
||
|
||
|