pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add some assets

Browse Source
This commit is contained in:
luis cielak 2018-09-12 10:29:33 -04:00 committed by luisgov
parent 8217633916
commit f33a4baad8
4 changed files with 82 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
static/img/us_flag.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 521 B

6
styles/components/_banner.scss Normal file
View File

@ -0,0 +1,6 @@
.site-banner .usa-banner-inner {
max-width: 100%;
}
.site-banner .usa-banner-content {
margin-left: 0;
}

2
templates/base.html
View File

@ -21,7 +21,7 @@
<div class='global-layout'> <div class='global-layout'>
{% if request.path != '/jedi' %} {% include 'navigation/global_navigation.html' %} {% endif %} {% if request.path != '/jedi' %} {% include 'navigation/global_navigation.html' %} {% endif %}
<div class='global-panel-container'> <div class='{% if request.path != '/jedi' %}global-panel-container{% endif %}'>
{% block sidenav %}{% endblock %} {% block sidenav %}{% endblock %}
{% block content %} {% block content %}

73
templates/jedi.html
View File

@ -2,40 +2,64 @@
{% block content %} {% block content %}
<section class="usa-banner site-banner">
<div class="usa-grid usa-banner-inner">
<img src="/assets/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>
</section>
<h1>JEDI Cloud</h1> <section class="usa-hero">
<h1 class="subtitle">Joint Enterprise Defense Infrastructure</h1> <div class="usa-grid">
<div class="usa-hero-callout usa-section-dark">
<h2><span class="usa-hero-callout-alt">Joint Enterprise Defense Infrastructure (JEDI) Cloud</span></h2>
<p>JEDI Cloud is an enterprise-level acquisition of commercial infrastructure as a service (IaaS) and platform as a service (PaaS) offerings to support DoD business and mission operations.</p>
</div>
</div>
</section>
<h2>What is JEDI Cloud?</h2> <section>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. <h2>Benefits of JEDI Cloud</h2>
<h2>Benefits of JEDI Cloud</h2> <div class="row">
<div class="col col--grow">
<h3>Benefit 1</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur architecto reprehenderit explicabo maxime natus dolores, accusamus, quis est fugit rerum praesentium blanditiis temporibus. Veniam sapiente iure non rerum, veritatis tempore.</p>
</div>
<div class="col col--grow">
<h3>Benefit 2</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur architecto reprehenderit explicabo maxime natus dolores, accusamus, quis est fugit rerum praesentium blanditiis temporibus. Veniam sapiente iure non rerum, veritatis tempore.</p>
</div>
</div>
<div class="row">
<div class="col col--grow">
<h3>Benefit 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur architecto reprehenderit explicabo maxime natus dolores, accusamus, quis est fugit rerum praesentium blanditiis temporibus. Veniam sapiente iure non rerum, veritatis tempore.</p>
</div>
<div class="col col--grow">
<h3>Benefit 4</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur architecto reprehenderit explicabo maxime natus dolores, accusamus, quis est fugit rerum praesentium blanditiis temporibus. Veniam sapiente iure non rerum, veritatis tempore.</p>
</div>
</div>
<ul> </section>
<li>
<b>Benefit 1</b>: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur architecto reprehenderit explicabo maxime natus dolores, accusamus, quis est fugit rerum praesentium blanditiis temporibus. Veniam sapiente iure non rerum, veritatis tempore.
</li>
<li>
<b>Benefit 2</b>: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid dolor laudantium, minus quas vel sint reprehenderit voluptatum odit numquam itaque velit a deserunt! Dolor eum assumenda cupiditate doloribus, earum dolore.
</li>
<li>
<b>Benefit 3</b>: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Necessitatibus facere dolorem commodi iste tempora quaerat! Magnam, molestias, reprehenderit? Voluptatem corrupti illum beatae, odio asperiores atque distinctio dolores odit suscipit ipsum.
</li>
<li>
<b>Benefit 4</b>: Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, voluptatibus culpa fuga voluptate consequuntur eius ipsam quae cumque officia? Porro ex autem magnam ut qui, sapiente voluptates, maxime eum rem!
</li>
</ul>
<section>
<h2>Technical Specifications</h2>
<h2>Technical Specifications</h2> <p>Learn more about the <a class="icon-link" href="#">security and technical capabilities of JEDI Cloud.</a></p>
</section>
<p>Learn more about the <a class="icon-link" href="#">security and technical capabilities of JEDI Cloud.</a></p> <section>
<h2>Steps to use JEDI Cloud</h2> <h2>Steps to use JEDI Cloud</h2>
<ol> <ol>
<li> <li>
<h4>Complete a JEDI Cloud access request</h4> <h4>Complete a JEDI Cloud access request</h4>
A JEDI Cloud Access Request will inform the the Cloud Computing Program Office (CCPO) about how you intend to use commercial cloud services. Any DoD employee with a CAC may initiate this request. A JEDI Cloud Access Request will inform the the Cloud Computing Program Office (CCPO) about how you intend to use commercial cloud services. Any DoD employee with a CAC may initiate this request.
@ -69,8 +93,9 @@ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor i
Users added to the JEDI Workspace will then be gain access to the commercial cloud console through AT-AT. Users added to the JEDI Workspace will then be gain access to the commercial cloud console through AT-AT.
</li> </li>
</ol> </ol>
</section>
{% endblock %} {% endblock %}