UNCLASSIFIED - NO CUI

Skip to content
Snippets Groups Projects
Commit 61f3df73 authored by luke.glasscock's avatar luke.glasscock
Browse files

Bull 632: Residency page

parent 3a5427c7
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 457 additions and 6 deletions
public/static/SkillsMatrixTemplate-PlatformOneResidency.xlsx 0 → 100644
+ 0
− 0
View file @ 61f3df73
File added
src/assets/images/Residency/Code_Icon.png 0 → 100644
+ 0
− 0
View file @ 61f3df73
src/assets/images/Residency/Code_Icon.png

355 B

src/assets/images/Residency/List_Icon.png 0 → 100644
+ 0
− 0
View file @ 61f3df73
src/assets/images/Residency/List_Icon.png

410 B

src/assets/images/Residency/Lock_Icon.png 0 → 100644
+ 0
− 0
View file @ 61f3df73
src/assets/images/Residency/Lock_Icon.png

510 B

src/assets/images/Residency/People_Icon.png 0 → 100644
+ 0
− 0
View file @ 61f3df73
src/assets/images/Residency/People_Icon.png

4.61 KiB

src/assets/images/Residency/User_Check_Icon.png 0 → 100644
+ 0
− 0
View file @ 61f3df73
src/assets/images/Residency/User_Check_Icon.png

529 B

src/components/ServicesSummary.vue
+ 23
− 5
View file @ 61f3df73
<template>
<div class="services-summary mt-8">
<div class="services-summary">
<v-container fluid>
<v-layout row wrap justify-center name="services-summary">
<v-flex lg2 md3 sm6 xs12>
<v-flex lg2 md3 sm6 xs12 v-if="!ignoreIronBank">
<LogoCard
:logoSource="ibLogo"
logoCardText="Download DoD-wide approved containers or harden with Iron Bank"
logoCardUrl="/products/iron-bank/"
/>
</v-flex>
<v-flex lg2 md3 sm6 xs12>
<v-flex lg2 md3 sm6 xs12 v-if="!ignoreBigBang">
<LogoCard
:logoSource="bbLogo"
logoCardText="Deploy your own software factory with Big Bang"
logoCardUrl="/products/big-bang/"
/>
</v-flex>
<v-flex lg2 md3 sm6 xs12>
<v-flex lg2 md3 sm6 xs12 v-if="!ignorePartyBus">
<LogoCard
:logoSource="pbLogo"
logoCardText="Get hands-on experience onboarding with ABMS ADCE Party Bus"
logoCardUrl="/products/abms-adce/"
/>
</v-flex>
<v-flex lg2 md3 sm6 xs12>
<v-flex lg2 md3 sm6 xs12 v-if="!ignoreCNAP">
<LogoCard
:logoSvg="cnapLogo"
logoCardText="Provide access to development, testing, and production enclaves"
......@@ -60,6 +60,24 @@ export default {
components: {
LogoCard,
},
props: {
ignoreIronBank: {
type: Boolean,
default: false,
},
ignoreBigBang: {
type: Boolean,
default: false,
},
ignorePartyBus: {
type: Boolean,
default: false,
},
ignoreCNAP: {
type: Boolean,
default: false,
},
},
data() {
return {
ibLogo: IBLogo,
......
src/router/index.js
+ 11
− 0
View file @ 61f3df73
......@@ -249,6 +249,17 @@ const routes = [
breadcrumb: "Cybersecurity",
},
},
{
path: "/products/residency",
name: "Residency",
component: () =>
import(/* webpackChunkName: "CNAP" */ "@/views/Residency.vue"),
meta: {
title: "Platform One | Products | Residency",
bodyClass: "Residency-page",
breadcrumb: "Residency",
},
},
{
path: "/contact-us",
name: "ContactUs",
......
src/views/Home.vue
+ 1
− 1
View file @ 61f3df73
......@@ -8,7 +8,7 @@
logoSource="static/p1-logo.png"
/>
<IntroVideo />
<ServicesSummary />
<ServicesSummary class="mt-8" />
<div class="container mt-6">
<div class="row">
<div class="col-md-6 text-md-left text-xs-center">
......
src/views/Residency.vue 0 → 100644
+ 422
− 0
View file @ 61f3df73
<template>
<div class="residency">
<PageHeader
title="Residency"
subtext="6-Month"
description="Are you ready to take the leap? Consider joining Platform One and the DevSecOps Initiative in the experience of a lifetime by joining us for a 6-month remote Residency. Here’s your chance to learn a skill, hone a talent, experience a different culture and put your fingerprints on the transformation of DoD in one of the most crucial moments yet."
/>
<v-container class="px-md-8 px-auto" fluid>
<v-container class="px-md-16" fluid>
<h2 class="my-3 mx-md-16 mx-auto">
Purpose
</h2>
</v-container>
<div class="container text-left">
<v-container class="row justify-center">
<div class="row text-left px-md-8 mb-16 mr-md-n10">
<div class="col-md-6">
Platform One is seeking applicants for our competitive 6-month
residency program! This program is intended to build a cadre of
DevSecOps users and professionals to accelerate DevSecOps adoption
and capabilities within the DoD, and directly support the DoD
DevSecOps initiative. Legacy software acquisition and development
practices in the DoD do not provide the agility to deploy new
software “at the speed of operations”. In addition, security is
often an afterthought, not built in from the beginning of the
lifecycle of the application and underlying infrastructure.
DevSecOps is the industry best practice for rapid, secure software
development.
</div>
<div class="col-md-6">
DevSecOps is an organizational software engineering culture and
practice that unifies software development (Dev), security (Sec)
and operations (Ops). The main characteristics of DevSecOps are
automation, monitoring, and security application in all phases of
the software lifecycle: plan, develop, build, test, release,
deliver, deploy, operate, and monitor. In DevSecOps, testing and
security are conducted earlier in the development process through
automated unit, functional, integration, and security testing -
this is a key DevSecOps differentiator since security and
functional capabilities are tested and built simultaneously.
</div>
</div>
</v-container>
</div>
<div class="my-4 row justify-content-center">
<v-card
class="white--text pb-16 mx-md-16"
style="background-color: #002743 !important;"
>
<h2 class="white--text pt-10">
Residency Details
</h2>
<div class="row justify-content-center white--text pb-6">
<p style="max-width: 600px">
Prospective candidates are military (CONUS - Active Duty) and
civilian personnel with the following skill sets:
</p>
</div>
<div class="row justify-content-center">
<div class="col-md-4 col-xl-2">
<img
class="img-fluid mt-2 mb-3"
src="@/assets/images/Residency/Code_Icon.png"
alt="CodeIcon"
/>
<h3 class="white--text">Software Development</h3>
</div>
<div class="col-md-4 col-xl-2">
<img
class="img-fluid mt-2 mb-3"
src="@/assets/images/Residency/Lock_Icon.png"
alt="LockIcon"
/>
<h3 class="white--text">Cyber Security</h3>
</div>
<div class="col-md-4 col-xl-2">
<img
class="img-fluid mt-2 mb-3"
src="@/assets/images/Residency/User_Check_Icon.png"
alt="UserCheckIcon"
/>
<h3 class="white--text">User Centric Design</h3>
</div>
<div class="col-md-4 col-xl-2">
<img
class="img-fluid mt-2 mb-3"
src="@/assets/images/CyberSecurity/CS_Calender_Icon.png"
alt="CalendarIcon"
/>
<h3 class="white--text">Software Product Management</h3>
</div>
<div class="col-md-4 col-xl-2">
<img
class="img-fluid mt-2 mb-3"
src="@/assets/images/Residency/List_Icon.png"
alt="ListIcon"
/>
<h3 class="white--text">ACQUISITIONS / CONTRACTING</h3>
</div>
</div>
</v-card>
</div>
<div class="container text-left">
<v-container class="row justify-center">
<div class="row text-left px-md-8 mb-8 mr-md-n10">
<div class="col-md-6">
Selected program residents will be full time employees at Platform
One and will work remotely on one of the various Value Streams at
Platform One: Big Bang, Party Bus, Iron Bank, Cyber, or
Acquisitions. Program residents will learn and participate in the
best application development practices, learn to use, manage, and
build DevSecOps pipelines, and develop an appreciation of the
importance of user centric design in product development. Program
residents with a cybersecurity background, will develop a deeper
understanding of how cybersecurity is executed in accordance with
the DoD
</div>
<div class="col-md-6">
DevSecOps Reference Design, will learn more about how Platform One
manages its continuous Authority to Operate (cATO), and learn how
to accredit mission applications using the Risk Management
Framework. Program residents with acquisitions and contracting
experience will learn more about how contracting vehicles like a
Basic Ordering Agreement (BOA) and others enable the acquisition
and scaling of talent, software licenses, and cloud services to
enable service delivery at Platform One.
</div>
</div>
</v-container>
</div>
<v-container class="px-md-16" fluid>
<h2 class="my-3 mx-md-16 mx-auto">
VALUE STREAMS
</h2>
<div class="row justify-center">
<div class="col-12 col-xl-8">
<p>
Platform One will only be selecting a set quantity of residents to
embed within our value streams as depicted below:
</p>
</div>
</div>
</v-container>
<ServicesSummary ignoreCNAP />
<v-btn class="mt-3" color="primary" href="/#/products" target="_blank"
>Learn More About P1 Products</v-btn
>
</v-container>
<v-container class="px-md-16 mt-16" fluid>
<h2 class="my-3 mx-md-16 mx-auto">
Application Process
</h2>
<div class="d-none d-md-block">
<div class="row justify-center align-end">
<div class="col-md-2"><p>Application Submission Window</p></div>
<div class="col-md-2"><p>Interviews will be conducted</p></div>
<div class="col-md-2"><p>Selected residents will be notified</p></div>
<div class="col-md-2">
<p>
Prospective residents must send back Memorandum of Agreement
signed by their Commanders to confirm their seat.
</p>
</div>
<div class="col-md-2">
<p>
Confirmed selectees will receive an acceptance letter from the
Platform One Material Leader.
<span style="font-weight:600">Begin Residency.</span>
</p>
</div>
</div>
<div class="row justify-center">
<div class="col-md-2">
<v-divider
vertical
style="min-height: 50px; border: dashed #BDC931"
></v-divider>
</div>
<div class="col-md-2">
<v-divider vertical style="border: dashed #BDC931"></v-divider>
</div>
<div class="col-md-2">
<v-divider vertical style="border: dashed #BDC931"></v-divider>
</div>
<div class="col-md-2">
<v-divider vertical style="border: dashed #BDC931"></v-divider>
</div>
<div class="col-md-2">
<v-divider vertical style="border: dashed #BDC931"></v-divider>
</div>
</div>
<v-divider style="background-color: black"></v-divider>
<div class="row justify-center align-center">
<div class="col-md-2">
<p><b>MARCH 15 - APRIL 30</b></p>
</div>
<div class="col-md-2">
<p><b>MAY 3 - MAY 14</b></p>
</div>
<div class="col-md-2">
<p><b>MAY 21</b></p>
</div>
<div class="col-md-2">
<p><b> MAY 28</b></p>
</div>
<div class="col-md-2">
<p><b> JUNE 14</b></p>
</div>
</div>
</div>
<div class="d-block d-md-none">
<div class="row text-right">
<div class="col-5">
<p style="min-height:80px"><b>MARCH 15 - APRIL 30</b></p>
<p style="min-height:80px"><b>MAY 3 - MAY 14</b></p>
<p style="min-height:80px"><b>MAY 21</b></p>
<p style="min-height:200px"><b> MAY 28</b></p>
<p style="min-height:80px"><b> JUNE 14</b></p>
</div>
<v-divider vertical style="background-color: black"> </v-divider>
<div class="col-5 text-left">
<p style="min-height:80px">Application Submission Window</p>
<p style="min-height:80px">Interviews will be conducted</p>
<p style="min-height:80px">Selected residents will be notified</p>
<p style="min-height:200px">
Prospective residents must send back Memorandum of Agreement
signed by their Commanders to confirm their seat.
</p>
<p style="min-height:80px">
Confirmed selectees will receive an acceptance letter from the
Platform One Material Leader.
<span style="font-weight:600">Begin Residency.</span>
</p>
</div>
</div>
</div>
</v-container>
<!-- Add HOW TO APPLY section back in once the apply here JSD link is provided -->
<!--
<v-container class="px-md-16 mt-16" fluid>
<h2 class="my-3 mx-md-16 mx-auto">
How To Apply
</h2>
<div class="row justify-center">
<div class="col-12 col-xl-8">
<p>
This message is applicable to the total force.
</p>
</div>
</div>
<div class="row justify-center">
<div class="col-12 col-md-6 text-left">
<ol>
<li class="py-3">
Write a single page Letter of Intent detailing your: Background,
Experiences, Interests and goals, WHY this opportunity is
important to you in further developing your DevSecOps knowledge,
and What weapon or IT systems you hope to support in the future?
Be sure to include you current branch of service and unit
information on letter.
</li>
<li class="py-3">
<p>
Fill out skills matrix spreadsheet (N/A to
Acquisitions/Contracting)
</p>
<DownloadButton
text="Skills Matrix Sheet"
internalFilePath="static/SkillsMatrixTemplate-PlatformOneResidency.xlsx"
/>
</li>
</ol>
</div>
<div class="col-12 col-md-6 text-left">
<ol start="3">
<li class="py-3">
<p>
Fill out your form, upload letters of intent and skills matrix
by clicking the “Apply Here” button below. Supervisors must be
commanders and Officers in Charge for military personnel and
GS-15 or equivalent supervisory position for civilian
applications. Supervisor approval is required to participate in
this program. Include your supervisor and the POC listed on this
message with the submission of your Letter of Intent.
</p>
<v-btn class="mt-3 px-16" color="primary" href="" target="_blank"
>Apply Here</v-btn
>
</li>
</ol>
</div>
</div>
<div class="row justify-center">
<div class="col-12 col-xl-8 mt-8">
<p>
Apply to the Residency , NLT 30 April, 2021.
<span style="font-weight:600"
>Applications received ater this date will not be
considered.</span
>
</p>
</div>
</div>
</v-container> -->
<div class="my-16 pb-10 row">
<v-card
class="py-8 mx-md-16"
style="background-color: #f4f4f4 !important;"
>
<div class="row px-16">
<div class="col-md-5 mt-4">
<img
class="img-fluid mt-2 mb-3"
src="@/assets/images/Residency/People_Icon.png"
alt="UserCheckIcon"
style="max-width:200px"
/>
</div>
<div class="col-md-7 text-left">
<h3 class="pl-0 pb-4">Coordinating Instructions</h3>
<p>
Selected applicants must be able to start the six-month residency
on 14 June, 2021. The program will last for 6 months and will be
100% Remote. There are no TDY costs associated with the residency
program. Applicants must have at least 6 months left at their
current duty station or service commitment to be eligible to
apply. There is no payback tour incurred by participating in this
opportunity.
</p>
</div>
</div>
</v-card>
</div>
<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 THE RESIDENCY PROGRAM?
</h2>
</div>
</div>
<div class="row justify-content-center">
<div :class="$vuetify.breakpoint.smAndDown ? 'text-center' : ''">
<v-btn
:class="
$vuetify.breakpoint.smAndDown
? 'my-3 my-md-6 mx-3'
: 'my-6 mr-6'
"
color="primary"
href="mailto:david.dallemand.2@us.af.mil?subject=Questions About The Residency Program"
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 ServicesSummary from "@/components/ServicesSummary";
import Wave from "@/components/Wave";
import VueEasyLightbox from "vue-easy-lightbox";
// import DownloadButton from "@/components/Base/DownloadButton";
export default {
name: "Residency",
components: {
PageHeader,
Wave,
VueEasyLightbox,
ServicesSummary,
// DownloadButton,
},
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 {
// lightbox state
lightbox: {
visible: false,
index: 0, // default: 0
imgs: [require("@/assets/images/logos/CNAP_logo.svg")],
},
};
},
};
</script>
<style lang="scss">
.residency {
}
</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