UNCLASSIFIED - NO CUI

Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found

Target

Select target project
  • platform-one/party-bus/static-sites/platform-one-site
  • ortiz.jacob/platform-one-site
2 results
Show changes
Commits on Source (8)
Expand all Hide whitespace changes
Inline Side-by-side
package-lock.json
View file @ 24cacfa9
...@@ -8879,6 +8879,7 @@ ...@@ -8879,6 +8879,7 @@
"version": "1.0.2", "version": "1.0.2",
"resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz", "resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
"integrity": "sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==", "integrity": "sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==",
"deprecated": "Use your platform's native performance.now() and performance.timeOrigin.",
"dev": true, "dev": true,
"dependencies": { "dependencies": {
"browser-process-hrtime": "^1.0.0" "browser-process-hrtime": "^1.0.0"
......
src/assets/data/search-data.json
View file @ 24cacfa9
This diff is collapsed.
src/assets/data/search-index.json
View file @ 24cacfa9
This diff is collapsed.
src/components/Base/LogoCard.vue
View file @ 24cacfa9
...@@ -48,29 +48,11 @@ export default { ...@@ -48,29 +48,11 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.hvr-grow {
display: inline-block;
vertical-align: middle;
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: transform;
cursor: pointer;
}
.hvr-no-grow { .hvr-no-grow {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
cursor: not-allowed; cursor: not-allowed;
} }
.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
transform: scale(1.1);
}
.card-style { .card-style {
max-width: 400px; max-width: 400px;
} }
......
src/components/Footer.vue
View file @ 24cacfa9
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<PlatformOneWordMarkLogo /> <PlatformOneWordMarkLogo />
<div class="my-4"> <div class="my-4">
<a <a
class="social-logo linkedin" class="social-logo hvr-grow linkedin"
href="https://www.linkedin.com/company/dodplatformone" href="https://www.linkedin.com/company/dodplatformone"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
...@@ -14,7 +14,7 @@ ...@@ -14,7 +14,7 @@
<LinkedInLogo width="32" class="mr-3" /> <LinkedInLogo width="32" class="mr-3" />
</a> </a>
<a <a
class="social-logo youtube" class="social-logo hvr-grow youtube"
href="https://www.youtube.com/channel/UCJYa7FHdC-4iQMvSb5uEraw" href="https://www.youtube.com/channel/UCJYa7FHdC-4iQMvSb5uEraw"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
<YouTubeLogo width="32" class="mr-3" /> <YouTubeLogo width="32" class="mr-3" />
</a> </a>
<a <a
class="social-logo medium" class="social-logo hvr-grow medium"
href="https://medium.com/@platformone" href="https://medium.com/@platformone"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
...@@ -38,6 +38,7 @@ ...@@ -38,6 +38,7 @@
lg="2" lg="2"
> >
<a <a
class="hvr-grow"
id="af-logo" id="af-logo"
href="https://www.af.mil/" href="https://www.af.mil/"
target="_blank" target="_blank"
......
src/components/PartyBus/CICDPipelineFlow.vue
View file @ 24cacfa9
...@@ -358,6 +358,11 @@ export default { ...@@ -358,6 +358,11 @@ export default {
title: "Twistlock Scan", title: "Twistlock Scan",
detail: "This job scans the image \nusing Twistlock.", detail: "This job scans the image \nusing Twistlock.",
}, },
{
title: "Anchore",
detail:
"This tool scans container images \nfor vulnerabilities. This tool is \nPlatform One's latest edition to \nthe resource pool due to \nExecutive Order 14028. ",
},
], ],
}, },
{ {
...@@ -420,7 +425,9 @@ export default { ...@@ -420,7 +425,9 @@ export default {
["Fortify", "Build Image"], ["Fortify", "Build Image"],
["Sonarqube Job", "Build Image"], ["Sonarqube Job", "Build Image"],
["Build Image", "Twistlock Scan"], ["Build Image", "Twistlock Scan"],
["Build Image", "Anchore"],
["Twistlock Scan", "Deploy Staging"], ["Twistlock Scan", "Deploy Staging"],
["Anchore", "Deploy Staging"],
["Deploy Staging", "E2E Tests"], ["Deploy Staging", "E2E Tests"],
["Deploy Staging", "Pen Tests"], ["Deploy Staging", "Pen Tests"],
["E2E Tests", "Release Job (Production Only)"], ["E2E Tests", "Release Job (Production Only)"],
......
src/scss/custom.scss
View file @ 24cacfa9
...@@ -25,10 +25,29 @@ body { ...@@ -25,10 +25,29 @@ body {
text-decoration: none; text-decoration: none;
} }
.hvr-grow {
display: inline-block;
vertical-align: middle;
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: transform;
cursor: pointer;
}
.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
transform: scale(1.1);
}
.v-date-picker-table { .v-date-picker-table {
.v-btn { .v-btn {
height: 31px; height: 31px;
text-transform: capitalize; text-transform: capitalize;
&:not(.v-btn--round) { &:not(.v-btn--round) {
min-width: 31px; min-width: 31px;
} }
...@@ -42,6 +61,7 @@ body { ...@@ -42,6 +61,7 @@ body {
} }
} }
} }
.v-btn { .v-btn {
text-transform: capitalize; text-transform: capitalize;
...@@ -62,15 +82,18 @@ body { ...@@ -62,15 +82,18 @@ body {
color: #4a4a4a; color: #4a4a4a;
font-size: 1rem; font-size: 1rem;
} }
.description-style { .description-style {
color: #828282; color: #828282;
font-weight: 300; font-weight: 300;
} }
.border-left-md { .border-left-md {
@media (min-width: 960px) { @media (min-width: 960px) {
border-left: solid white 1px; border-left: solid white 1px;
} }
} }
.border-left-md-dark { .border-left-md-dark {
@media (min-width: 960px) { @media (min-width: 960px) {
border-left: solid black 1px; border-left: solid black 1px;
...@@ -82,21 +105,25 @@ body { ...@@ -82,21 +105,25 @@ body {
line-height: 6rem; line-height: 6rem;
letter-spacing: 3.2px; letter-spacing: 3.2px;
} }
h2 { h2 {
font-size: 1.625rem; font-size: 1.625rem;
line-height: 2.375rem; line-height: 2.375rem;
letter-spacing: 1.1px; letter-spacing: 1.1px;
} }
h3 { h3 {
font-size: 1.5rem; font-size: 1.5rem;
line-height: 1.8125rem; line-height: 1.8125rem;
letter-spacing: 1.1px; letter-spacing: 1.1px;
} }
h4 { h4 {
font-size: 1rem; font-size: 1rem;
line-height: 1.5rem; line-height: 1.5rem;
letter-spacing: 1.1px; letter-spacing: 1.1px;
} }
h6 { h6 {
font-size: 1.25rem; font-size: 1.25rem;
font-weight: 500; font-weight: 500;
...@@ -144,21 +171,25 @@ body { ...@@ -144,21 +171,25 @@ body {
line-height: 2.625rem; line-height: 2.625rem;
letter-spacing: 1.1px; letter-spacing: 1.1px;
} }
h2 { h2 {
font-size: 1.375rem; font-size: 1.375rem;
line-height: 2rem; line-height: 2rem;
letter-spacing: 1.1px; letter-spacing: 1.1px;
} }
h3 { h3 {
font-size: 1.125rem; font-size: 1.125rem;
line-height: 1.625rem; line-height: 1.625rem;
letter-spacing: 1.1px; letter-spacing: 1.1px;
} }
h4 { h4 {
font-size: 1rem; font-size: 1rem;
line-height: 1.625rem; line-height: 1.625rem;
letter-spacing: 1.1px; letter-spacing: 1.1px;
} }
font-size: 1rem; font-size: 1rem;
} }
...@@ -167,10 +198,12 @@ body { ...@@ -167,10 +198,12 @@ body {
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
h2 { h2 {
margin-top: 2rem; margin-top: 2rem;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
h4 { h4 {
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
...@@ -180,6 +213,7 @@ body { ...@@ -180,6 +213,7 @@ body {
.flex-card { .flex-card {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
& > .v-card__text { & > .v-card__text {
flex-grow: 1; flex-grow: 1;
} }
...@@ -190,6 +224,7 @@ body { ...@@ -190,6 +224,7 @@ body {
.vue-lb-modal-image { .vue-lb-modal-image {
background-color: $light-bg-color; background-color: $light-bg-color;
} }
.vue-lb-arrow > span > svg { .vue-lb-arrow > span > svg {
fill: $p1-light-green; fill: $p1-light-green;
} }
......
src/views/CNAP.vue
View file @ 24cacfa9
...@@ -6,18 +6,16 @@ ...@@ -6,18 +6,16 @@
</template> </template>
</PageHeader> </PageHeader>
<!-- Mobile View for Zero Trust section --> <v-container class="mb-8">
<v-container v-if="$vuetify.breakpoint.smAndDown" class="mb-5 mw-md-80">
<h2 class="mb-8">The future is zero trust</h2> <h2 class="mb-8">The future is zero trust</h2>
<v-row class="px-md-15"> <v-row no-gutters>
<v-col class="col-12 col-md-4"> <v-col class="col-12 col-md-4">
<img <img
class="img-fluid mt-2 mb-3"
src="@/assets/images/CyberSecurity/CS_Dependencies_Icon.webp" src="@/assets/images/CyberSecurity/CS_Dependencies_Icon.webp"
alt="DependenciesIcon" alt="DependenciesIcon"
/> />
<h4>What is CNAP</h4> <h4 class="card-subheader">What is CNAP</h4>
<p class="pa-4 pa-md-0 pb-0 pb-md-8"> <p class="card-text">
The Cloud Native Access Portal is a Secure Access Service Edge The Cloud Native Access Portal is a Secure Access Service Edge
(SASE) cloud-based enterprise security framework with a Zero Trust (SASE) cloud-based enterprise security framework with a Zero Trust
Architecture core providing eased access to AWS GovCloud resources Architecture core providing eased access to AWS GovCloud resources
...@@ -26,12 +24,11 @@ ...@@ -26,12 +24,11 @@
</v-col> </v-col>
<v-col class="col-12 col-md-4"> <v-col class="col-12 col-md-4">
<img <img
class="img-fluid mt-md-2 mb-3"
src="@/assets/images/CyberSecurity/CS_Warning_Icon.webp" src="@/assets/images/CyberSecurity/CS_Warning_Icon.webp"
alt="WarningIcon" alt="WarningIcon"
/> />
<h4 class="pa-md-0">Device compliance</h4> <h4 class="card-subheader">Device compliance</h4>
<p class="pa-4 pa-md-0 pb-0 pb-md-8"> <p class="card-text">
Network devices are not to be trusted by default, rather each Network devices are not to be trusted by default, rather each
connected device is checked for identity and integrity then aligned connected device is checked for identity and integrity then aligned
against a managed set of policies (or access denied outright) before against a managed set of policies (or access denied outright) before
...@@ -40,12 +37,11 @@ ...@@ -40,12 +37,11 @@
</v-col> </v-col>
<v-col class="col-12 col-md-4"> <v-col class="col-12 col-md-4">
<img <img
class="img-fluid mt-md-2 mb-3"
src="@/assets/images/CyberSecurity/CS_Innovation_Icon.webp" src="@/assets/images/CyberSecurity/CS_Innovation_Icon.webp"
alt="DependenciesIcon" alt="DependenciesIcon"
/> />
<h4 class="pa-md-0">Software Defined Perimeter</h4> <h4 class="card-subheader">Software Defined Perimeter</h4>
<p class="pa-4 pa-md-0 pb-0 pb-md-8"> <p class="card-text">
A Software Defined Perimeter (SDP) is based on a need-to-know model, A Software Defined Perimeter (SDP) is based on a need-to-know model,
in which device posture and identity are verified before access to in which device posture and identity are verified before access to
application infrastructure is granted effectively leaving application infrastructure is granted effectively leaving
...@@ -55,72 +51,7 @@ ...@@ -55,72 +51,7 @@
</v-row> </v-row>
</v-container> </v-container>
<!-- Desktop view for Zero Trust section --> <v-container class="dark-section pa-4 pa-md-12">
<v-container v-if="$vuetify.breakpoint.mdAndUp" class="mb-5 mw-md-80">
<h2 class="mb-8">The future is zero trust</h2>
<v-row class="px-md-4 mb-n8">
<v-col class="col-12 col-md-4">
<img
class="img-fluid"
src="@/assets/images/CyberSecurity/CS_Dependencies_Icon.webp"
alt="DependenciesIcon"
/>
</v-col>
<v-col class="col-12 col-md-4">
<img
class="img-fluid"
src="@/assets/images/CyberSecurity/CS_Warning_Icon.webp"
alt="WarningIcon"
/>
</v-col>
<v-col class="col-12 col-md-4">
<img
class="img-fluid"
src="@/assets/images/CyberSecurity/CS_Innovation_Icon.webp"
alt="DependenciesIcon"
/>
</v-col>
</v-row>
<v-row class="px-md-4 mb-n8">
<v-col class="col-12 col-md-4">
<h4>What is CNAP</h4>
</v-col>
<v-col class="col-12 col-md-4">
<h4 class="pa-md-0">Device compliance</h4>
</v-col>
<v-col class="col-12 col-md-4">
<h4 class="pa-md-0">Software Defined Perimeter</h4>
</v-col>
</v-row>
<v-row class="px-md-4 mb-n8">
<v-col class="col-12 col-md-4">
<p class="pa-4 pa-md-0 pb-0 pb-md-8">
The Cloud Native Access Portal is a Secure Access Service Edge
(SASE) cloud-based enterprise security framework with a Zero Trust
Architecture core providing eased access to AWS GovCloud resources
(IL 2/4/5) for the DoD from both on and off NIPR.
</p>
</v-col>
<v-col class="col-12 col-md-4">
<p class="pa-4 pa-md-0 pb-0 pb-md-8">
Network devices are not to be trusted by default, rather each
connected device is checked for identity and integrity then aligned
against a managed set of policies (or access denied outright) before
allowing encrypted access to intended mission applications.
</p>
</v-col>
<v-col class="col-12 col-md-4">
<p class="pa-4 pa-md-0 pb-0 pb-md-8">
A Software Defined Perimeter (SDP) is based on a need-to-know model,
in which device posture and identity are verified before access to
application infrastructure is granted effectively leaving
application infrastructure undetectable.
</p>
</v-col>
</v-row>
</v-container>
<v-container class="dark-section pa-4 pa-md-12 mw-md-80">
<v-row> <v-row>
<v-col cols="12" md="4" class="text-left pr-md-8 pa-8 pa-md-0"> <v-col cols="12" md="4" class="text-left pr-md-8 pa-8 pa-md-0">
<v-card <v-card
...@@ -229,10 +160,10 @@ ...@@ -229,10 +160,10 @@
</v-container> </v-container>
<v-container class="card-container"> <v-container class="card-container">
<v-row class="px-md-8"> <v-row class="mx-n6">
<v-col class="col-12 col-md-6 mx-auto"> <v-col class="col-12 col-md-6">
<v-card class="px-sm-4 px-md-8"> <v-card class="px-sm-4 px-md-8 h-100">
<v-card-text class="text-left gray--text"> <v-card-text class="text-left">
<h3 class="text-center mt-6"> <h3 class="text-center mt-6">
Trust Nothing / Verify Everything Trust Nothing / Verify Everything
</h3> </h3>
...@@ -278,8 +209,8 @@ ...@@ -278,8 +209,8 @@
</v-card> </v-card>
</v-col> </v-col>
<v-col class="col-12 col-md-6 mx-auto"> <v-col class="col-12 col-md-6 mx-auto">
<v-card class="px-sm-4 px-md-0"> <v-card class="px-sm-4 px-md-0 h-100">
<v-card-text class="text-left gray--text"> <v-card-text class="text-left">
<h3 class="text-center mt-6"> <h3 class="text-center mt-6">
Modernizing Federal Government Cybersecurity Modernizing Federal Government Cybersecurity
</h3> </h3>
...@@ -326,20 +257,20 @@ ...@@ -326,20 +257,20 @@
</v-row> </v-row>
</v-container> </v-container>
<v-container class="card-container"> <v-container class="card-container even-cards">
<h3 class="mb-10">CNAP Offerings</h3> <h3 class="mb-10">CNAP Offerings</h3>
<v-row> <v-row>
<v-col class="col-12 col-md-4 mx-auto"> <v-col class="col-12 col-md-4">
<v-card class="dark"> <v-card class="dark">
<v-card-text class="mh-md-80"> <v-card-text>
<h4 class="py-4 py-sm-2 py-md-4 py-lg-2 mh-md-25">P1 CNAP</h4> <h4 class="card-subheader">P1 CNAP</h4>
<p class="px-sm-11 px-md-0"> <p class="card-text">
Specifically for Platform One customers providing a secure Specifically for Platform One customers providing a secure
authenticaion and authorization platform to access DoD authenticaion and authorization platform to access DoD
resources. resources.
</p> </p>
</v-card-text> </v-card-text>
<v-card-actions class="justify-center align-btm"> <v-card-actions>
<div> <div>
<v-btn <v-btn
color="primary" color="primary"
...@@ -354,19 +285,17 @@ ...@@ -354,19 +285,17 @@
</v-card-actions> </v-card-actions>
</v-card> </v-card>
</v-col> </v-col>
<v-col class="col-12 col-md-4 mx-auto"> <v-col class="col-12 col-md-4">
<v-card class="dark"> <v-card class="dark">
<v-card-text class="mh-md-80"> <v-card-text>
<h4 class="py-4 py-sm-2 py-md-4 py-lg-2 mh-md-25"> <h4 class="card-subheader">CNAP As a Service</h4>
CNAP As a Service <p class="card-text">
</h4>
<p class="px-sm-11 px-md-0">
CNAP for customers with their own AWS GovCloud environment CNAP for customers with their own AWS GovCloud environment
interested in a Zero Trust Architecture secure access interested in a Zero Trust Architecture secure access
capability. capability.
</p> </p>
</v-card-text> </v-card-text>
<v-card-actions class="justify-center align-btm"> <v-card-actions>
<div> <div>
<v-btn <v-btn
color="primary" color="primary"
...@@ -381,17 +310,17 @@ ...@@ -381,17 +310,17 @@
</v-card-actions> </v-card-actions>
</v-card> </v-card>
</v-col> </v-col>
<v-col class="col-12 col-md-4 mx-auto"> <v-col class="col-12 col-md-4">
<v-card class="dark"> <v-card class="dark">
<v-card-text class="mh-md-80"> <v-card-text>
<h4 class="py-4 py-sm-2 mh-md-25">Zero Trust gateway (ZTAP)</h4> <h4 class="card-subheader">Zero Trust gateway (ZTAP)</h4>
<p class="pb-md-4 px-sm-11 px-md-0"> <p class="card-text">
Currently in development, based off of CNAP architecture. On Currently in development, based off of CNAP architecture. On
premise deployed and managed instances of ZTA capability to premise deployed and managed instances of ZTA capability to
expand edge coverage and unique use cases. expand edge coverage and unique use cases.
</p> </p>
</v-card-text> </v-card-text>
<v-card-actions class="justify-center align-btm"> <v-card-actions>
<div> <div>
<v-btn <v-btn
color="primary" color="primary"
...@@ -519,53 +448,43 @@ export default { ...@@ -519,53 +448,43 @@ export default {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.img-text { .v-card {
font-size: 14px; background-color: #f4f4f4;
}
.mw-md-80 {
@include md-up {
max-width: 80%;
}
} }
.mh-md-25 { .card-subheader {
@include md-up { height: 46px;
height: 25%; margin: 0 0 12px 0;
} display: flex;
align-items: center;
justify-content: center;
} }
.card-text {
.mh-md-80 { padding-left: 32px;
@include md-up { padding-right: 32px;
height: 80%; @include md-down {
padding-left: 16px;
padding-right: 16px;
} }
} }
.align-btm {
position: relative;
bottom: 1rem;
}
.v-card__text {
font-size: 16px;
@include xs {
h3 {
padding-left: 0px;
padding-right: 0px;
}
}
}
.v-card {
background-color: #f4f4f4;
height: 100%;
}
.card-container { .card-container {
margin-top: 3.5rem; margin-top: 3.5rem;
@include lg-up {
max-width: 80%;
}
margin-bottom: 8rem; margin-bottom: 8rem;
&.even-cards {
.v-card {
height: 100%;
display: flex;
flex-direction: column;
}
.v-card__actions {
margin-top: auto;
justify-content: center;
margin-bottom: 24px;
padding-top: 0;
}
}
} }
.onboarding { .onboarding {
@include sm-up { @include sm-up {
......

UNCLASSIFIED - NO CUI