UNCLASSIFIED - NO CUI

Skip to content
Snippets Groups Projects
Commit fee9583f authored by daniel.cushman's avatar daniel.cushman
Browse files

BULL-609

parent f75de8f9
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
src/assets/images/cATO/Components_BG.png 0 → 100644
+ 0
− 0
View file @ fee9583f
src/assets/images/cATO/Components_BG.png

1.76 MiB

src/assets/images/cATO/Risk_Determination.png 0 → 100644
+ 0
− 0
View file @ fee9583f
src/assets/images/cATO/Risk_Determination.png

1.13 KiB

src/assets/images/cATO/Secure.png 0 → 100644
+ 0
− 0
View file @ fee9583f
src/assets/images/cATO/Secure.png

1.53 KiB

src/assets/images/cATO/Trust.png 0 → 100644
+ 0
− 0
View file @ fee9583f
src/assets/images/cATO/Trust.png

1.29 KiB

src/assets/images/cATO/cATO_Process.png 0 → 100644
+ 0
− 0
View file @ fee9583f
src/assets/images/cATO/cATO_Process.png

94.7 KiB

src/router/index.js
+ 12
− 2
View file @ fee9583f
......@@ -246,8 +246,18 @@ const routes = [
meta: {
title: "Platform One | Products | Cybersecurity",
bodyClass: "Cybersecuirty-page",
breadcrumb: "Cybersecurity",
},
breadcrumb: "Cybersecurity"
}
},
{
path: "/products/cATO",
name: "cATO",
component: () => import(/*webpackChucnkName: "cATO" */ "@/views/cATO.vue"),
meta: {
title: "Platform One | Products | cATO",
bodyClass: "cATO-page",
breadcrumb: "cATO"
}
},
{
path: "/residency",
......
src/views/cATO.vue 0 → 100644
+ 322
− 0
View file @ fee9583f
<template>
<div class="cATO">
<PageHeader
title="cATO = CONTINUOUS AUTHORIZATION"
description="Continuous Authority to Operate (cATO) allows rapid delivery to the DoD"
/>
<v-container class="justify-content-center px-8 fluid">
<div class="row justify-content-center">
<div class="col-xs-10 col-sm-8 col-md-10 col-lg-10 col-xl-6 pt-0">
<h2>WHAT IS CONTINUOUS AUTHORITY TO OPERATE (cATO)?</h2>
<div class="row">
<div class="col-md-4">
<img
class="img-fluid mt-2 mb-3"
src="@/assets/images/CyberSecurity/CS_Dependencies_Icon.png"
alt="DependenciesIcon"
/>
<h4>TRUST</h4>
<p>
The capabilities of weapons systems and other critical systems
are defined by the speed of software development and deployment
</p>
</div>
<div class="col-md-4">
<img
class="img-fluid mt-2 mb-3"
src="@/assets/images/CyberSecurity/CS_Warning_Icon.png"
alt="WarningIcon"
/>
<h4>RISK DETERMINATION</h4>
<p>
The legacy approach to software development is a leading source
of risk to DoD: it takes too long, is too expensive, and exposes
warfighters to unacceptable risk
</p>
</div>
<div class="col-md-4">
<img
class="img-fluid mt-2 mb-3"
src="@/assets/images/CyberSecurity/CS_Innovation_Icon.png"
alt="DependenciesIcon"
/>
<h4>SECURE</h4>
<p>
Modernize DoD software development to become safer, more
automated and test driven by fundamentally changing the
skillsets, processes, and platforms.
</p>
</div>
</div>
</div>
<v-card>
<h2 class="mb-6">COMPONENTS TO cATO</h2>
<div class="col-md-4">
<h4>FOCUS ON THE MISSION</h4>
<body>
cATO places the focus on the mission software rather than the
platform. Platform One was created so that DoD teams could focus
primarily on their mission applications, rather than having to
develop a platform and software factories.
</body>
<h4>FEEDBACK & MONITORING</h4>
<body>
cATO replaces the traditional linear authorization process and
works in a continuous process. Security requirements are met due
to continuous monitoring and always stay in compliance.
</body>
</div>
<div class="col-md-4">
<h4>DEVSECOPS</h4>
<body>
DevSecOps (Development Security Operations) provides one of the
main benefits of cATO. Automatically injected sidecar containers
provide risk reduction alongside Kubernetes. Infrastructure as
Code (IaC), continuous intregration, continuous deployment, and
security throughout provides insight on risks.
</body>
<h4>MVP'S STREAMLINE DEVELOPMENT</h4>
<body>
cATO saves time in later development cycle, as risk and errors are
continouously reduced during deployment activities.
</body>
</div>
</v-card>
<h2>cATO METHOD</h2>
<v-card>
<div class="row">
<div class="col-md-4">
<img/>
</div>
<div class="col-md-4">
<h4 class="md-6">cATO PROCESS</h4>
<body class="md-4">
The Continuous Authorization approach provides authorization of
platform(s), processes and teams. the platform (including
development, test, pre-production, and production environments)
is assessed and authorized using Risk Management Framework(RMF)
processes. The platform Incorporates continuous monitoring with
behavior modification/zero trust enforcement and integrated Tier
2 CSSP support.
</body>
<body class="md-4">
the cATO process is adaptable to differences in component/change
risk, urgent mission needs, and the AO's risk tolerance. cATO
moves from complicance-driven risk management to data-driven
risk management.
</body>
<body>
Authorizing the team allows review of the program office
personnnel expereince, clearances, skills, and certification
requirements. Critical team members are interviewed to assess
their knowledge of the program office's DevSecOps continuous
authorization process and their understanding of the AO's risk
tolerance. Integrated training workshops and tabletop excercises
are held to ensure taht individual teams work collaboratively
within the continuous authorization process. Ongoing team
performance is monitored against the outcome metrics established
for the program.
</body>
</div>
</div>
</v-card>
</div>
</v-container>
<Wave :bottom="false">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-6">
<h2 class="mx-auto">
Have more questions about platform one?
</h2>
<p>
Click Get Answers to find most of your questions answered on the
FAQ page. Click Contact Us for more specific inquiries.
</p>
</div>
</div>
<div class="row justify-content-center">
<div :class="$vuetify.breakpoint.smAndDown ? 'text-center' : ''">
<v-btn
:class="
$vuetify.breakpoint.smAndDown
? 'my-3 mx-3 black--text'
: 'my-6 mr-6 black--text'
"
color="light"
href="https://confluence.il2.dso.mil/questions/topics"
target="_blank"
>FAQ</v-btn
>
<v-btn
:class="
$vuetify.breakpoint.smAndDown
? 'my-3 my-md-6 mx-3'
: 'my-6 mr-6'
"
color="primary"
href="https://jira.il2.dso.mil/servicedesk/customer/portal/36/create/202"
target="_blank"
>CONTACT US</v-btn
>
</div>
</div>
</div>
</Wave>
<vue-easy-lightbox
escDisabled
moveDisabled
:visible="lightbox.visible"
:imgs="lightbox.imgs"
:index="lightbox.index"
@hide="handleHide"
></vue-easy-lightbox>
</div>
</template>
<script>
import PageHeader from "@/components/PageHeader";
import Wave from "@/components/Wave";
import VueEasyLightbox from "vue-easy-lightbox";
export default {
name: "cATO",
components: {
PageHeader,
Wave,
VueEasyLightbox,
},
methods: {
showImg(index) {
this.lightbox.index = index;
this.lightbox.visible = true;
},
handleHide() {
this.lightbox.visible = false;
},
getImageUrl(filename) {
return require(`@/assets/images/${filename}`);
},
// },
// data: function() {
// return {
// lifecycle: Lifecycle,
// // lightbox state
// lightbox: {
// visible: false,
// index: 0, // default: 0
// imgs: [require("@/assets/images/CyberSecurity/Lifecycle.svg")],
// },
// };
},
};
</script>
<style lang="scss">
.cATO {
.section-container {
margin-bottom: 2rem;
.registration-card {
background-color: $bottom-bg;
min-height: 350px;
color: white;
p {
color: white;
}
h4 {
color: white;
}
}
.registration-action {
margin-bottom: 30px;
h4 {
color: white;
}
}
}
.mm-logo {
width: 250px;
}
.image-wrapper {
cursor: pointer;
}
.lifecycle {
max-width: 586px;
max-height: 631px;
}
// lightbox stuff
.vel-modal {
.vel-img {
background-color: #ffffff;
}
.vel-toolbar {
.toobar-btn.toolbar-btn__rotate {
display: none;
}
}
}
.text-info-box {
height: 100%;
background-color: rgba(2, 29, 46, 0.9);
.header {
color: #ffffff;
font-size: 2rem;
}
.title-text {
color: #ffffff;
font-weight: bold;
font-size: 1rem;
}
.text {
color: #ffffff !important;
}
}
.card-summary {
.row {
margin-left: 0;
margin-right: 0;
}
.card-container {
display: flex;
flex-direction: column;
align-items: center;
padding-left: 2rem;
padding-right: 2rem;
margin-bottom: 1rem;
h4 {
margin-top: 1rem;
margin-bottom: 1rem;
}
@include xs {
align-items: flex-start;
text-align: left;
h4 {
margin-left: 0;
padding-left: 0;
}
}
}
.card-container-bottom {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 1rem;
@include xs {
align-items: flex-start;
text-align: left;
h4 {
margin-left: 0;
padding-left: 0;
}
}
}
}
}
</style>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

UNCLASSIFIED - NO CUI