atst/templates/task_orders/new/get_started.html
2019-02-12 09:35:26 -05:00

70 lines
2.5 KiB
HTML

{% from "components/icon.html" import Icon %}
{% extends "base.html" %}
{% macro Help(icon_name="", name="", description="", link_text="") %}
<div class="panel__content col">
{{ Icon(icon_name, classes="task-order-help__icon") }}
<h3>{{ name }}</h3>
<p>{{ description }}</p>
<a class="icon-link">{{ link_text }}</a>
</div>
{% endmacro %}
{% block content %}
<div class="col col--grow task-order-get-started">
<div class="panel task-order-get-started__panel">
<h1 class="panel__content">Let's get started</h1>
<div class="panel__content">
<p class="centered">
To create a portfolio of JEDI cloud applications, you'll need to submit a task order in your organization's system of record. We'll walk you through the necessary steps of that task order, including the following:
</p>
</div>
<span class="task-order-get-started__list panel__content">
<ul>
<li>Statement of work</li>
<li>Market research</li>
<li>Security documentation</li>
<li>Various approvals</li>
</ul>
</span>
</div>
<div class="panel task-order-needs">
<h1 class="panel__content">You'll need a little help getting a task order</h1>
<div class="panel__content task-order-needs__list">
{{ Help(
name="Development Lead",
icon_name="computer",
description="Your development lead will decide and estimate what types of cloud offerings your group needs.",
link_text="Share cloud estimate link") }}
{{ Help(
name="Security Lead",
icon_name="shield",
description="Your security lead will review and approve your security classification needs. They will also review and complete a standardized DD-254.",
link_text="You'll need their DoD ID number") }}
{{ Help(
name="Contracting Officer",
icon_name="dollar-sign",
description="Your contracting officer will review your funding needs and ultimately approve your task order.",
link_text="You'll need their DoD ID number") }}
</div>
</div>
<div class="task-order-get-started__actions">
<div class="task-order-get-started__button-row">
<a href="{{ request.referrer or url_for("atst.home") }}" class="icon-link">
{{ Icon("caret_left") }}
<span>Cancel</span>
</a>
<a href="{{ url_for("task_orders.new", screen=1) }}" class="usa-button usa-button-big">Let's do cloud!</a>
</div>
<div>
<p class="centered">Create a portfolio by starting a new task order</p>
</div>
</div>
</div>
{% endblock %}