diff --git a/src/assets/images/Services/clipboard.png b/src/assets/images/Services/clipboard.png
new file mode 100644
index 0000000000000000000000000000000000000000..cdcd79c4551d97f615e848724cc62ff60bbfaeb8
Binary files /dev/null and b/src/assets/images/Services/clipboard.png differ
diff --git a/src/assets/images/Services/cloud.png b/src/assets/images/Services/cloud.png
new file mode 100644
index 0000000000000000000000000000000000000000..e390a2ca3462ee2a2eacd8ad8874715aab3c0171
Binary files /dev/null and b/src/assets/images/Services/cloud.png differ
diff --git a/src/assets/images/Services/cnap_small_bw.png b/src/assets/images/Services/cnap_small_bw.png
new file mode 100644
index 0000000000000000000000000000000000000000..0a3a4ae7c966f62ae4aa2a39f754c91dd9c52fa4
Binary files /dev/null and b/src/assets/images/Services/cnap_small_bw.png differ
diff --git a/src/assets/images/Services/document_checkmark.png b/src/assets/images/Services/document_checkmark.png
new file mode 100644
index 0000000000000000000000000000000000000000..147e09e743e48879177072c374e359cadfe7e952
Binary files /dev/null and b/src/assets/images/Services/document_checkmark.png differ
diff --git a/src/assets/images/Services/enterprise_collab_small_bw.png b/src/assets/images/Services/enterprise_collab_small_bw.png
new file mode 100644
index 0000000000000000000000000000000000000000..7ab04ca8c32bee82e72e27516e0394f4d996e3e7
Binary files /dev/null and b/src/assets/images/Services/enterprise_collab_small_bw.png differ
diff --git a/src/assets/images/Services/folder.png b/src/assets/images/Services/folder.png
new file mode 100644
index 0000000000000000000000000000000000000000..6ac979e8752df6bc262a7aefcaeee5471b245b13
Binary files /dev/null and b/src/assets/images/Services/folder.png differ
diff --git a/src/assets/images/Services/reuse_checkmark.png b/src/assets/images/Services/reuse_checkmark.png
new file mode 100644
index 0000000000000000000000000000000000000000..c42d3955222e7a13b556dff2ae81f388e5c7d8a2
Binary files /dev/null and b/src/assets/images/Services/reuse_checkmark.png differ
diff --git a/src/assets/images/Services/wrench.png b/src/assets/images/Services/wrench.png
new file mode 100644
index 0000000000000000000000000000000000000000..f2fbdf6a488c7fa40ec52ad2be6f1c74637d373b
Binary files /dev/null and b/src/assets/images/Services/wrench.png differ
diff --git a/src/components/Base/ServiceCard.vue b/src/components/Base/ServiceCard.vue
new file mode 100644
index 0000000000000000000000000000000000000000..c078d2314d4de3927b79352f0364499705d1ece4
--- /dev/null
+++ b/src/components/Base/ServiceCard.vue
@@ -0,0 +1,40 @@
+<template>
+ <v-card
+ color="#F4F4F4"
+ class="pb-6 mx-6"
+ style="max-width: 600px; min-width: 400px; min-height: 100%"
+ >
+ <v-img
+ v-if="icon"
+ :src="icon"
+ :width="iconWidth || 30"
+ class="ml-8 mt-6 mb-4"
+ ></v-img>
+ <h2 v-if="header" class="pb-2 px-8">{{ header }}</h2>
+ <h4 v-if="subheader" class="subhead pb-6 px-8 font-weight-bold">
+ {{ subheader }}
+ </h4>
+ <div class="pl-4 pr-16">
+ <slot name="content"> </slot>
+ </div>
+ </v-card>
+</template>
+<script>
+export default {
+ name: "ServiceCard",
+ props: {
+ icon: Object,
+ iconWidth: String,
+ header: String,
+ subheader: String,
+ },
+ data() {
+ return {
+ svgComponent: this.logoSvg,
+ };
+ },
+ methods: {},
+};
+</script>
+<style lang="scss" scoped>
+</style>
diff --git a/src/views/Services.vue b/src/views/Services.vue
index f3c5171bbe8ff4754e4cfc00c4856fe009df9be4..37395526fb53836580109c103187a85e750d691c 100644
--- a/src/views/Services.vue
+++ b/src/views/Services.vue
@@ -2,104 +2,200 @@
<div class="services">
<PageHeader title="PLATFORM ONE SERVICES" />
- <h2>
- PLATFORM ONE ENTERPRISE SERVICES
- </h2>
+ <h2>PLATFORM ONE ENTERPRISE SERVICES</h2>
- <p class="section-description mx-auto px-8 mt-4">
+ <p class="section-description mx-auto px-8 mt-4 mb-12">
Platform One provides additional pay-per-use services and contract
vehicles to facilitate teams' adoption and move to DevSecOps. The list of
services will continuously evolve.
</p>
- <div class="container text-left">
- <div class="row">
- <div class="col-lg-5">
- <div class="mb-12">
- <h4 class="mb-4">CUSTOM DEVELOPMENT SERVICES</h4>
- <div class="pl-4 pr-16">
- <ul class="ml-4">
- <li>
- Build and deliver new and accredited custom software
- applications (microservices) by leveraging the Platform One
- pipeline and following Platform One's DoD Continuous Authority
- to Operate (cATO) (pay per app)
- </li>
- <li>
- To learn more about these capabilities, please contact
- <a
- href="mailto:af.cso@us.af.mil?subject=Platform One Custom Development Services Question"
- >
- af.cso@us.af.mil
- </a>
- with Subject: "Platform One Custom Development Services
- Question"
- </li>
- </ul>
- </div>
- </div>
-
- <div class="mb-12">
- <h4 class="mb-4">
- PLATFORM ONE CONTINUOUS INTEGRATION / CONTINUOUS DELIVERY (CI/CD)
- WITH INFRASTRUCTURE AS CODE (IaC)
- </h4>
- <div class="pl-4 pr-16">
- <ul class="ml-4">
- <li>
- Teams can use existing CI/CD pipelines hosted on Repo One with
- their current Infrastructure as Code (IaC) code
- </li>
- <li>
- If a custom CI/CD pipeline is needed due to specific program
- mission needs, check out the
- <router-link to="/products/big-bang">Big Bang</router-link>
- options
- </li>
- <li>
- To learn more about these capabilities, please contact
- <a
- href="mailto:af.cso@us.af.mil?subject=Platform One CI/CD Options Question"
- >
- af.cso@us.af.mil
- </a>
- with Subject: "Platform One CI/CD Options Question"
- </li>
- </ul>
- </div>
- </div>
-
- <div class="mb-12">
- <h4 class="mb-4">Cloud Native DNS</h4>
- <div class="pl-4 pr-16">
- <ul class="ml-4">
- <li>
- Platform one deploys a CNCF-graduated authoritative DNS server
- to provide a highly available, secure central way to manage
- DNS for dso.mil. This solution centralized DNS management for
- the organization and allowed us to execute DNS updates in
- minutes vs. weeks (for IL5)
- </li>
- <li>
- Cloud-native, agnostic and elastic DNS capability with .MIL
- and non .MIL capabilities
- </li>
- <li>
- Fully managed by configuration as code and Git mergers
- </li>
- <li>
- Runs on Kubernetes using coreDNS
- </li>
- </ul>
- </div>
- </div>
-
- <div class="mb-12">
- <h4 class="mb-4">PLATFORM ONE TRAINING AND ONBOARDING OPTIONS</h4>
- <div class="pl-4 pr-16">
- <ul class="ml-4">
- <li>
- <p>Check out the CSO DevSecOps / DAU training:</p>
+ <v-container class="text-left" :fluid="mobileView">
+ <v-row justify="center">
+ <ServiceCard
+ :icon="DocumentIcon"
+ header="CUSTOM DEVELOPMENT SERVICES"
+ class="mb-12"
+ >
+ <template v-slot:content>
+ <ul class="ml-4">
+ <li>
+ Build and deliver new and accredited custom software
+ applications (microservices) by leveraging the Platform One
+ pipeline and following Platform One's DoD Continuous Authority
+ to Operate (cATO) (pay per app)
+ </li>
+ <li>
+ To learn more about these capabilities, please contact
+ <a
+ href="mailto:af.cso@us.af.mil?subject=Platform One Custom Development Services Question"
+ >
+ af.cso@us.af.mil
+ </a>
+ with Subject: "Platform One Custom Development Services
+ Question"
+ </li>
+ </ul>
+ </template>
+ </ServiceCard>
+ <ServiceCard
+ :icon="CNAPIcon"
+ header="CLOUD NATIVE ACCESS POINT (CNAP)"
+ class="mb-12"
+ >
+ <template v-slot:content>
+ <ul class="ml-4">
+ <li>
+ The Cloud Native Acess Point is available on Cloud One to
+ provide access to Development, Testing, and Production enclaves
+ at IL-2, IL-4, and IL-5 that use Platform One DevSecOps
+ environments by using an internet-facing Cloud-native
+ Zero trust model
+ </li>
+ <li>
+ To learn more about these capabilities, please contact
+ <a
+ href="mailto:af.cso@us.af.mil?subject=Platform One CNAP Question"
+ >
+ af.cso@us.af.mil
+ </a>
+ with Subject: "Platform One CNAP Question"
+ </li>
+ </ul>
+ </template>
+ </ServiceCard>
+ </v-row>
+ <v-row justify="center">
+ <ServiceCard
+ :icon="ReuseIcon"
+ header="PLATFORM ONE CONTINUOUS INTEGRATION"
+ subheader="CONTINUOUS DELIVERY (CI/CD) WITH INFRASTRUCTURE AS CODE (IaC)"
+ class="mb-12"
+ >
+ <template v-slot:content>
+ <ul class="ml-4">
+ <li>
+ Teams can use existing CI/CD pipelines hosted on Repo One with
+ their current Infrastructure as Code (IaC) code
+ </li>
+ <li>
+ If a custom CI/CD pipeline is needed due to specific program
+ mission needs, check out the
+ <router-link to="/products/big-bang">Big Bang</router-link>
+ options
+ </li>
+ <li>
+ To learn more about these capabilities, please contact
+ <a
+ href="mailto:af.cso@us.af.mil?subject=Platform One CI/CD Options Question"
+ >
+ af.cso@us.af.mil
+ </a>
+ with Subject: "Platform One CI/CD Options Question"
+ </li>
+ </ul>
+ </template>
+ </ServiceCard>
+ <ServiceCard
+ :icon="WrenchIcon"
+ header="PLATFORM ONE DEVSECOPS MANAGED TOOLS"
+ class="mb-12"
+ >
+ <template v-slot:content>
+ <ul class="ml-4">
+ <li>
+ Platform One Enterprise Chat provides a collaboration solutions
+ suitable for connecting developer teams (pay per use): IL-4
+ (.mil email only)
+ <ExternalLink
+ inline
+ href="https://chat.il2.dso.mil/platform-one/channels/town-square"
+ >
+ https://chat.il2.dso.mil
+ </ExternalLink>
+ </li>
+ <li>Platform One All Domain Common Environment (see above, pay per use)</li>
+ <li>
+ Platform One Multi-Level Security Data Transfer (CDS/Diode) (pay
+ per use)
+ </li>
+ <li>
+ Platform One Stack Exchange: knowledge sharing service for
+ software developers and engineers (pay per use)
+ </li>
+ <li>
+ To learn more about these capabilities, please contact
+ <a
+ href="mailto:af.cso@us.af.mil?subject=Platform One Managed Tools Question"
+ >
+ af.cso@us.af.mil
+ </a>
+ with Subject: "Platform One Managed Tools Question"
+ </li>
+ </ul>
+ </template>
+ </ServiceCard>
+ </v-row>
+ <v-row justify="center">
+ <ServiceCard
+ :icon="CloudIcon"
+ iconWidth="35"
+ header="Cloud Native DNS"
+ class="mb-12"
+ >
+ <template v-slot:content>
+ <ul class="ml-4">
+ <li>
+ Platform one deploys a CNCF-graduated authoritative DNS server
+ to provide a highly available, secure central way to manage DNS
+ for dso.mil. This solution centralized DNS management for the
+ organization and allowed us to execute DNS updates in minutes
+ vs. weeks (for IL5)
+ </li>
+ <li>
+ Cloud-native, agnostic and elastic DNS capability with .MIL and
+ non .MIL capabilities
+ </li>
+ <li>Fully managed by configuration as code and Git mergers</li>
+ <li>Runs on Kubernetes using coreDNS</li>
+ </ul>
+ </template>
+ </ServiceCard>
+ <ServiceCard
+ :icon="EnterprseIcon"
+ header="Enterprise Collaboration"
+ class="mb-12"
+ >
+ <template v-slot:content>
+ <ul class="ml-4">
+ <li>
+ Provides secure collaboration tools to enable those who advance
+ the mission
+ </li>
+ <li>
+ Mattermost - Communicate with your peers within the DoD
+ anytime/anywhere
+ </li>
+ <li>Jira - Plan, track, and manage your projects</li>
+ <li>
+ Confluence - Create, collaborate and organize all of your work
+ in one place
+ </li>
+ </ul>
+ </template>
+ </ServiceCard>
+ </v-row>
+ <v-row justify="center">
+ <ServiceCard
+ :icon="ClipboardIcon"
+ header="PLATFORM ONE TRAINING AND ONBOARDING OPTIONS"
+ class="mb-12"
+ >
+ <template v-slot:content>
+ <ul class="ml-4">
+ <li>
+ <p>
+ Check out the CSO DevSecOps / DAU training:
<ExternalLink
inline
class="white-space-nowrap"
@@ -107,164 +203,123 @@
>
DevSecOps Training Resources
</ExternalLink>
- </li>
- <li>
- <ExternalLink
- inline
- class="white-space-nowrap"
- href="https://learn-2.galvanize.com/cohorts/fbc9761c8f97c752ea"
- >
- Virtual Platform One Learning Hub
- </ExternalLink>
- that provides self-service onboarding
- </li>
- <li>
- 1-day training Session: Introduction to DevSecOps. Overview
- and understanding of the vision and activities
- </li>
- <li>
- <router-link
- class="white-space-nowrap"
- to="/products/party-bus/onboarding"
- >
- Onboarding options for Party Bus
- </router-link>
- </li>
- <li>
- A
- <router-link
- class="white-space-nowrap"
- to="/products/party-bus/onboarding/3-day-workshop"
- >
- 3-day Platform One Platform Workshop.
- </router-link>
- Hands-on code and User-Centered Design (UCD) to create your
- first Platform One DevSecOps pipelines and deploy a "push
- button" DoD DevSecOps software factory
- </li>
- <li>
- To learn more about these capabilities, please contact
- <a
- href="mailto:af.cso@us.af.mil?subject=Platform One Training Question"
- >
- af.cso@us.af.mil
- </a>
- with Subject: "Platform One Training Question"
- </li>
- </ul>
- </div>
- </div>
- </div>
-
- <div class="col-lg-6">
- <div class="mb-12">
- <h4 class="mb-4">CLOUD NATIVE ACCESS POINT (CNAP)</h4>
- <div class="pl-4 pr-16">
- <ul class="ml-4">
- <body class="text-left">
- The Cloud Native Acess Point is available on Cloud One to
- provide access to Development, Testing, and Production
- enclaves at IL-2, IL-4, and IL-5 that use Platform One
- DevSecOps DevSecOps environments by using an internet-facing
- Cloud-native Zero trust model
- </body>
- <!-- <li>
- CNAP diagram <a href="TODO/somewhere" target="_blank">here</a>
- </li> -->
- <li>
- To learn more about these capabilities, please contact
- <a
- href="mailto:af.cso@us.af.mil?subject=Platform One CNAP Question"
- >
- af.cso@us.af.mil
- </a>
- with Subject: "Platform One CNAP Question"
- </li>
- </ul>
- </div>
- </div>
-
- <div class="mb-12">
- <h4 class="mb-4">PLATFORM ONE DEVSECOPS MANAGED TOOLS</h4>
- <div class="pl-4 pr-16">
- <ul class="ml-4">
- <li>
- Platform One Enterprise Chat provides a collaboration
- solutions suitable for connecting developer teams (pay per
- use): IL-4 (.mil email only)
- <ExternalLink
- inline
- href="https://chat.il2.dso.mil/platform-one/channels/town-square"
- >
- https://chat.il2.dso.mil
- </ExternalLink>
- </li>
- <li>
- Platform One All Domain Common Environment (pay per use)
- </li>
- <li>
- Platform One Multi-Level Security Data Transfer (CDS/Diode)
- (pay per use)
- </li>
- <li>
- Platform One Stack Exchange: knowledge sharing service for
- software developers and engineers (pay per use)
- </li>
- <li>
- To learn more about these capabilities, please contact
- <a
- href="mailto:af.cso@us.af.mil?subject=Platform One Managed Tools Question"
- >
- af.cso@us.af.mil
- </a>
- with Subject: "Platform One Managed Tools Question"
- </li>
- </ul>
- </div>
- </div>
-
- <div class="mb-12">
- <h4 class="mb-4">Identity Management/SSO/PKI</h4>
- <div class="pl-4 pr-16">
- <ul class="ml-4">
- <li>
- Brings Single Sign On with various DoD PKI options and MFA
- options
- </li>
- <li>
- Brings Person Entity (PE) and Non Person Entity (NPE) x509
- certificate based authentication
- </li>
- <li>Connects to existing AF, DoD and DIB PKI capabilities</li>
- <li>
- Provide secure and cloud native, agnostic and elastic
- capability
- </li>
- <li>
- Leverages VAULT capability and provides automated certificate
- generation, Kubernetes native and allows for automated
- certificate rotation
- </li>
- <li>
- Can be used for code signing, container signing and NPE/PE
- authentication
- </li>
- <li>Centralizes/Aggregates logs and pushes to CSSP and vSO</li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </div>
+ </p>
+ </li>
+ <li>
+ <ExternalLink
+ inline
+ class="white-space-nowrap"
+ href="https://learn-2.galvanize.com/cohorts/fbc9761c8f97c752ea"
+ >
+ Virtual Platform One Learning Hub
+ </ExternalLink>
+ that provides self-service onboarding
+ </li>
+ <li>
+ 1-day training Session: Introduction to DevSecOps. Overview and
+ understanding of the vision and activities
+ </li>
+ <li>
+ <router-link
+ class="white-space-nowrap"
+ to="/products/party-bus/onboarding"
+ >
+ Onboarding options for Party Bus
+ </router-link>
+ </li>
+ <li>
+ A
+ <router-link
+ class="white-space-nowrap"
+ to="/products/party-bus/onboarding/3-day-workshop"
+ >
+ 3-day Platform One Platform Workshop.
+ </router-link>
+ Hands-on code and User-Centered Design (UCD) to create your
+ first Platform One DevSecOps pipelines and deploy a "push
+ button" DoD DevSecOps software factory
+ </li>
+ <li>
+ To learn more about these capabilities, please contact
+ <a
+ href="mailto:af.cso@us.af.mil?subject=Platform One Training Question"
+ >
+ af.cso@us.af.mil
+ </a>
+ with Subject: "Platform One Training Question"
+ </li>
+ </ul>
+ </template>
+ </ServiceCard>
+ <ServiceCard
+ :icon="FolderIcon"
+ header="Identity Management/SSO/PKI"
+ class="mb-12"
+ >
+ <template v-slot:content>
+ <ul class="ml-4">
+ <li>
+ Brings Single Sign On with various DoD PKI options and MFA
+ options
+ </li>
+ <li>
+ Brings Person Entity (PE) and Non Person Entity (NPE) x509
+ certificate based authentication
+ </li>
+ <li>Connects to existing AF, DoD and DIB PKI capabilities</li>
+ <li>
+ Provide secure and cloud native, agnostic and elastic capability
+ </li>
+ <li>
+ Leverages VAULT capability and provides automated certificate
+ generation, Kubernetes native and allows for automated
+ certificate rotation
+ </li>
+ <li>
+ Can be used for code signing, container signing and NPE/PE
+ authentication
+ </li>
+ <li>Centralizes/Aggregates logs and pushes to CSSP and vSO</li>
+ </ul>
+ </template>
+ </ServiceCard>
+ </v-row>
+ </v-container>
</div>
</template>
<script>
import PageHeader from "@/components/PageHeader";
import ExternalLink from "@/components/ExternalLink";
+import ServiceCard from "@/components/Base/ServiceCard";
+import ClipboardIcon from "@/assets/images/Services/clipboard.png";
+import CloudIcon from "@/assets/images/Services/cloud.png";
+import CNAPIcon from "@/assets/images/Services/cnap_small_bw.png";
+import DocumentIcon from "@/assets/images/Services/document_checkmark.png";
+import EnterprseIcon from "@/assets/images/Services/enterprise_collab_small_bw.png";
+import FolderIcon from "@/assets/images/Services/folder.png";
+import ReuseIcon from "@/assets/images/Services/reuse_checkmark.png";
+import WrenchIcon from "@/assets/images/Services/wrench.png";
export default {
name: "Services",
- components: { PageHeader, ExternalLink },
+ components: { PageHeader, ExternalLink, ServiceCard },
+ data: () => {
+ return {
+ ClipboardIcon,
+ CloudIcon,
+ CNAPIcon,
+ DocumentIcon,
+ EnterprseIcon,
+ FolderIcon,
+ ReuseIcon,
+ WrenchIcon,
+ };
+ },
+ methods: {
+ mobileView: () => {
+ return this.$vuetify.breakpoint.mdAndBelow;
+ },
+ },
};
</script>
<style lang="scss" scoped>