UNCLASSIFIED - NO CUI

Skip to content
Snippets Groups Projects
Commit 74ef4373 authored by Chase Schell's avatar Chase Schell
Browse files

Merge branch 'BULL-1943' into 'master' 

Bull 1943

See merge request !190
parents c4c81f9a c310e906
No related branches found
No related tags found
1 merge request!190Bull 1943
Expand all Hide whitespace changes
Inline Side-by-side
Showing
with 367 additions and 389 deletions
src/App.vue
+ 3
− 0
View file @ 74ef4373
......@@ -106,6 +106,9 @@ export default {
}
.dark-section {
@include sm-down {
border-radius: 0px;
}
border-radius: 10px;
background-color: #031726 !important;
}
......
src/assets/data/search-data.json
+ 1
− 1
View file @ 74ef4373
This diff is collapsed.
src/assets/data/search-index.json
+ 1
− 1
View file @ 74ef4373
This diff is collapsed.
src/assets/images/icons/Icon_ClockEnd.svg
+ 11
− 1
View file @ 74ef4373
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M12,1C8.14,1 5,4.14 5,8A7,7 0 0,0 12,15C15.86,15 19,11.87 19,8C19,4.14 15.86,1 12,1M12,3.15C14.67,3.15 16.85,5.32 16.85,8C16.85,10.68 14.67,12.85 12,12.85A4.85,4.85 0 0,1 7.15,8A4.85,4.85 0 0,1 12,3.15M11,5V8.69L14.19,10.53L14.94,9.23L12.5,7.82V5M15,16V19H3V21H15V24L19,20M19,20V24H21V16H19" /></svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_1" preserveAspectRatio="xMidYMid meet" viewBox="0 0 50 49.88" xmlns="http://www.w3.org/2000/svg">
<defs>
<style>
.cls-1{ fill:#fff;}
</style>
</defs>
<path class="cls-1"
d="M32.71,19.9l-11.53,11.15-4.19-4.03c-.76-.73-2.02-.73-2.78,0-.76,.73-.76,1.94,0,2.67l5.56,5.35c.76,.73,2.02,.73,2.78,0l12.95-12.46c.76-.73,.76-1.94,0-2.67-.76-.73-2.02-.73-2.78,0ZM49.07,7.04L40.99,.58c-1.1-.88-2.75-.76-3.7,.33-.92,1.06-.76,2.65,.34,3.56l8.05,6.46c1.1,.88,2.75,.76,3.7-.33,.94-1.06,.79-2.65-.31-3.56h0ZM4.29,10.92L12.34,4.47c1.13-.91,1.28-2.5,.34-3.56-.92-1.08-2.57-1.21-3.67-.33L.93,7.04c-1.1,.91-1.26,2.5-.31,3.56,.92,1.08,2.57,1.21,3.67,.33ZM25,4.49C11.97,4.49,1.41,14.65,1.41,27.19s10.56,22.7,23.59,22.7,23.59-10.16,23.59-22.7S38.03,4.49,25,4.49Zm0,40.35c-10.12,0-18.35-7.92-18.35-17.65S14.88,9.54,25,9.54s18.35,7.92,18.35,17.65-8.23,17.65-18.35,17.65Z"
/>
</svg>
\ No newline at end of file
src/assets/images/icons/Icon_HammerWrench.svg
+ 9
− 1
View file @ 74ef4373
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M13.78 15.3L19.78 21.3L21.89 19.14L15.89 13.14L13.78 15.3M17.5 10.1C17.11 10.1 16.69 10.05 16.36 9.91L4.97 21.25L2.86 19.14L10.27 11.74L8.5 9.96L7.78 10.66L6.33 9.25V12.11L5.63 12.81L2.11 9.25L2.81 8.55H5.62L4.22 7.14L7.78 3.58C8.95 2.41 10.83 2.41 12 3.58L9.89 5.74L11.3 7.14L10.59 7.85L12.38 9.63L14.2 7.75C14.06 7.42 14 7 14 6.63C14 4.66 15.56 3.11 17.5 3.11C18.09 3.11 18.61 3.25 19.08 3.53L16.41 6.2L17.91 7.7L20.58 5.03C20.86 5.5 21 6 21 6.63C21 8.55 19.45 10.1 17.5 10.1Z" /></svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_1" preserveAspectRatio="xMidYMid meet" viewBox="0 0 50 50.13" xmlns="http://www.w3.org/2000/svg">
<defs>
<style>.cls-1{fill:#fff;}</style>
</defs>
<path class="cls-1"
d="M29.5,33.95l15.17,16.17,5.33-5.82-15.17-16.17-5.33,5.82Zm9.4-14.02c-.99,0-2.05-.13-2.88-.51L7.23,49.99l-5.33-5.69L20.63,24.36l-4.47-4.8-1.82,1.89-3.67-3.8v7.71l-1.77,1.89L0,17.65l1.77-1.89h7.1l-3.54-3.8L14.33,2.37c2.96-3.15,7.71-3.15,10.67,0l-5.33,5.82,3.56,3.77-1.79,1.91,4.52,4.8,4.6-5.07c-.35-.89-.51-2.02-.51-3.02,0-5.31,3.94-9.49,8.85-9.49,1.49,0,2.81,.38,3.99,1.13l-6.75,7.2,3.79,4.04,6.75-7.2c.71,1.27,1.06,2.61,1.06,4.31,0,5.17-3.92,9.35-8.85,9.35Z"
/>
</svg>
\ No newline at end of file
src/assets/images/icons/Icon_LockOpenVariant.svg
+ 9
− 1
View file @ 74ef4373
<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M18 1C15.24 1 13 3.24 13 6V8H4C2.9 8 2 8.89 2 10V20C2 21.11 2.9 22 4 22H16C17.11 22 18 21.11 18 20V10C18 8.9 17.11 8 16 8H15V6C15 4.34 16.34 3 18 3C19.66 3 21 4.34 21 6V8H23V6C23 3.24 20.76 1 18 1M10 13C11.1 13 12 13.89 12 15C12 16.11 11.11 17 10 17C8.9 17 8 16.11 8 15C8 13.9 8.9 13 10 13Z" /></svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg id="Layer_1" preserveAspectRatio="xMidYMid meet" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg">
<defs>
<style>.cls-1{fill:#fff;}</style>
</defs>
<path class="cls-1"
d="M38.1,0c-6.57,0-11.9,5.33-11.9,11.9v4.76H4.76c-2.62,0-4.76,2.12-4.76,4.76v23.81c0,2.64,2.14,4.76,4.76,4.76h28.57c2.64,0,4.76-2.12,4.76-4.76V21.43c0-2.62-2.12-4.76-4.76-4.76h-2.38v-4.76c0-3.95,3.19-7.14,7.14-7.14s7.14,3.19,7.14,7.14v4.76h4.76v-4.76c0-6.57-5.33-11.9-11.9-11.9ZM19.05,28.57c2.62,0,4.76,2.12,4.76,4.76s-2.12,4.76-4.76,4.76-4.76-2.12-4.76-4.76,2.14-4.76,4.76-4.76Z"
/>
</svg>
\ No newline at end of file
src/components/PartyBus/UnsupportedRdsStorage.vue
+ 0
− 4
View file @ 74ef4373
......@@ -81,10 +81,6 @@ export default {
};
</script>
<style scoped lang="scss">
.dark-section {
border-radius: 5px;
background-color: #031726 !important;
}
.risk-text {
color: #e36d39;
}
......
src/scss/custom.scss
+ 10
− 0
View file @ 74ef4373
......@@ -90,6 +90,16 @@ body {
border-left: solid black 1px;
}
}
.border-right-md {
@media (min-width: 960px) {
border-right: solid white 1px;
}
}
.border-right-md-dark {
@media (min-width: 960px) {
border-right: solid black 1px;
}
}
// to dissuade use
h5,
h6 {
......
src/views/BigBang.vue
+ 219
− 257
View file @ 74ef4373
......@@ -15,167 +15,222 @@
</v-btn></template
>
</PageHeader>
<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">
Empowering you to create custom environments for your mission
</h2>
<p class="my-3 mx-md-16 mx-auto">
Big Bang will help you build a custom software factory for your
specific mission needs to enable faster development and deployment of
your mission applications.
</p>
</v-container>
<v-container class="mw-sm-80 px-md-16 mb-15" fluid>
<h2 class="mt-3 mb-8 mx-md-16">
Empowering you to create custom environments for your mission
</h2>
<p class="my-3 mx-md-16">
Big Bang will help you build a custom software factory for your specific
mission needs to enable faster development and deployment of your
mission applications.
</p>
</v-container>
<div class="my-16 px-md-8 px-auto card-summary">
<h2 class="my-4 mt-sm-8 px-auto">The Big Bang Advantage</h2>
<div class="row justify-center">
<div class="col-md-6 col-lg-4 card-container">
<LockOpenVariantIcon class="logo" />
<h4>AVOID VENDOR LOCK</h4>
<div class="text">
<v-container class="dark-section py-sm-4 px-sm-7 pa-md-12 expand-md">
<v-row class="justify-center">
<v-card
class="d-flex flex-column"
color="transparent"
flat
tile
height="100%"
>
<v-card color="transparent" flat>
<h2 class="mt-15 mb-5 my-md-auto px-0 pb-8 white--text">
The Big Bang Advantage
</h2>
</v-card>
</v-card>
</v-row>
<v-row>
<v-col class="col-12 col-md-4 white--text">
<v-row class="justify-center">
<LockOpenVariantIcon class="icon" />
</v-row>
<v-row class="justify-center">
<h4 class="white--text mt-5 mb-3 mb-md-5">AVOID VENDOR LOCK</h4>
</v-row>
<v-row class="justify-center">
<p class="pr-md-3">
Big Bang is Kubernetes distro-agnostic, meaning you can pick
between Upstream, Rancher, Konvoy, Tanzu Kubernetes Grid, or
OpenShift Container Partner.
</div>
</div>
<div class="col-md-6 col-lg-4 card-container">
<ClockEndIcon class="logo" />
<h4>FASTER ATO VIA RECIPROCITY</h4>
<div class="text">
</p>
</v-row>
</v-col>
<v-col class="col-12 col-md-4 mt-10 mt-md-0 border-left-md white--text">
<v-row class="justify-center">
<ClockEndIcon class="icon" />
</v-row>
<v-row class="justify-center">
<h4 class="white--text mt-5 mb-3 mb-md-5">
FASTER ATO VIA RECIPROCITY
</h4>
</v-row>
<v-row class="justify-center">
<p class="px-md-3">
Our Platform is accredited DOD wide and we can work AO to AO to
ensure reciprocity.
</div>
</div>
<div class="col-md-6 col-lg-4 card-container">
<HammerWrenchIcon class="logo" />
<h4>WIDE RANGE OF TOOL CHOICES</h4>
<div class="text">
</p>
</v-row>
</v-col>
<v-col
class="col-12 col-md-4 mt-10 mt-md-auto border-left-md white--text"
>
<v-row class="justify-center">
<HammerWrenchIcon class="icon" />
</v-row>
<v-row class="justify-center">
<h4 class="white--text mt-5 mb-3 mb-md-5">
WIDE RANGE OF TOOL CHOICES
</h4>
</v-row>
<v-row class="justify-center">
<p class="pl-md-3">
We offer multiple tools at each stage of CI/CD pipeline. The tool
choices can be customized to your preference and to the
programming language of your choice.
<br />
<v-btn
text
class="link"
:href="getImageUrl('P1 - Tool Chain-2.webp')"
target="_blank"
rel="noopener noreferrer"
>
Platform One's Tool Chain
</v-btn>
</div>
</div>
</div>
</div>
</p>
<v-btn
link
class="mb-8 mt-2 mb-md-0 mt-md-6"
color="primary"
:href="getImageUrl('P1 - Tool Chain-2.webp')"
target="_blank"
rel="noopener noreferrer"
>
Platform One's Tools
</v-btn>
</v-row>
</v-col>
</v-row>
</v-container>
<div class="my-16 px-md-8 px-auto card-summary">
<h2 class="my-4 mt-sm-8 px-auto">Big Bang Resources</h2>
<div class="row justify-center">
<div class="col-md-6 col-lg-4 card-container">
<h4>Product Release Notes</h4>
<div class="text">Check out the latest</div>
<v-container class="mt-8 my-md-16 expand-md">
<h2 class="my-8 px-auto">Big Bang Resources</h2>
<v-row>
<v-col cols="12" md="6">
<v-container class="mw-sm-80">
<h4 class="mb-3">Getting Started</h4>
<p>
Our Platform is accredited DOD wide and we can work AO to AO to
ensure reciprocity.
</p>
<v-btn
link
class="mt-md-3"
color="primary"
href="https://repo1.dso.mil/platform-one/big-bang/bigbang#getting-started"
target="_blank"
rel="noopener noreferrer"
>
Quick Start Guide
</v-btn>
</v-container>
</v-col>
<v-col cols="12" md="6">
<v-container class="mw-sm-80">
<h4 class="mb-3">Product Release Notes</h4>
<p>Check out the latest Release Notes.</p>
<v-btn
text
class="link"
link
class="mt-md-3"
color="primary"
href="https://repo1.dso.mil/platform-one/big-bang/bigbang/-/releases"
target="_blank"
rel="noopener noreferrer"
>
release notes
Release Notes
</v-btn>
</div>
<div class="col-md-6 col-lg-4 card-container">
<h4>Get Started</h4>
</v-container>
</v-col>
</v-row>
<v-row>
<v-col cols="12" md="6">
<v-container class="mw-sm-80">
<h4 class="mb-3">Open Source Contributions</h4>
<p>
We are hard at work building an open-source platform but we need
your help.
</p>
<v-btn
text
class="link"
href="https://repo1.dso.mil/platform-one/big-bang/bigbang#getting-started"
link
class="mt-md-3"
color="primary"
href="https://repo1.dso.mil/platform-one/bbtoc"
target="_blank"
rel="noopener noreferrer"
>
Visit our quick start guides
Get Involved!
</v-btn>
</div>
<div class="col-md-6 col-lg-4 card-container">
<h4>Licensing Expectations</h4>
<div class="text">
</v-container>
</v-col>
<v-col cols="12" md="6">
<v-container class="mw-sm-80">
<h4 class="mb-3">Licensing Expectations</h4>
<p>
Our core platform is open source with extensible enterprise-level
capabilities. Please read our report on licensing expectations
</div>
</p>
<v-btn
text
class="link"
href="https://repo1.dso.mil/platform-one/big-bang/bigbang/-/blob/master/docs/understanding_bigbang/licensing_expectations.md"
link
class="mt-md-3"
color="primary"
href="https://repo1.dso.mil/platform-one/big-bang/bigbang/-/tree/master"
target="_blank"
rel="noopener noreferrer"
>
here
Licensing Info
</v-btn>
</div>
<div class="col-md-6 col-lg-4 card-container">
<h4>Open Source Contributions</h4>
<div class="text">
We are hard at work building an open-source platform but we need
your help.
<br />
<v-btn
text
class="link"
href="https://repo1.dso.mil/platform-one/bbtoc"
target="_blank"
rel="noopener noreferrer"
>
Get Involved Now!
</v-btn>
</div>
</div>
</div>
</div>
</v-container>
</v-col>
</v-row>
</v-container>
<h2 class="mt-sm-16 pt-sm-16">THE BIG BANG STAGES</h2>
<div class="row justify-center">
<div class="col-4">
<h2 class="mb-5 pt-16">THE BIG BANG STAGES</h2>
<div class="row justify-center">
<div class="mw-sm-80 col-md-6 text-20">
<p>
<strong>Stage 1</strong> - We create your DevSecOps (DSOP) Software
Factory. We set this up for you.
</div>
</p>
</div>
<div class="row justify-center">
<div
class="cursor-pointer col-8 col-md-6"
@click.stop="$refs.lightbox.showImage(0)"
>
<img
class="img-fluid"
src="@/assets/images/Big Bang Graphics-03.webp"
alt="Big Bang Stage 1"
/>
</div>
</div>
<div class="row justify-center">
<div
class="cursor-pointer col-md-6"
@click.stop="$refs.lightbox.showImage(0)"
>
<img
class="img-fluid"
src="@/assets/images/Big Bang Graphics-03.webp"
alt="Big Bang Stage 1"
/>
</div>
</div>
<div class="row justify-center">
<div class="col-4">
<div class="row justify-center">
<div class="mw-sm-80 col-md-6 text-20">
<p>
<strong>Stage 2</strong> - You use the DevSecOps (DSOP) Software
Factory to build and deploy your mission applications. You run these
pipelines to build and deploy mission applications any number of
times.
</div>
</p>
</div>
<div class="row justify-center">
<div
class="cursor-pointer pt-4 col-6"
@click.stop="$refs.lightbox.showImage(1)"
>
<img
class="img-fluid"
src="@/assets/images/Big Bang Graphics-04.webp"
alt="Big Bang Stage 2"
/>
</div>
</div>
<div class="row justify-center">
<div
class="cursor-pointer col-md-6"
@click.stop="$refs.lightbox.showImage(1)"
>
<img
class="img-fluid"
src="@/assets/images/Big Bang Graphics-04.webp"
alt="Big Bang Stage 2"
/>
</div>
</v-container>
</div>
<Wave>
<div class="container px-8 pt-0 pb-16">
......@@ -183,7 +238,7 @@
<div class="col-md-6 d-flex text-center text-md-left mb-4 mb-md-0">
<h2 class="ma-auto px-0">
We move fast,
<br />but we move smart.
<br />and we move smart.
</h2>
</div>
<div class="col-md-6 text-left">
......@@ -203,7 +258,7 @@
<h2>BECOMING A BIG BANG CUSTOMER</h2>
<div class="row justify-center">
<div
class="cursor-pointer pt-4 px-0 col-8"
class="cursor-pointer pt-4 px-0 col-md-8"
@click.stop="$refs.lightbox.showImage(2)"
>
<img
......@@ -213,71 +268,43 @@
/>
</div>
</div>
<!-- Commenting out the following until this offering is brought back
<div class="card-summary">
<h2>BIG BANG ONBOARDING</h2>
<div class="row justify-center">
<div class="col-md-6 col-lg-4 card-container-bottom">
<WorkshopIcon class="logo" />
<h4>BIG BANG WORKSHOP</h4>
<div class="text">
A seminar targed towards anyone interested in learning about the
big bang tech stack.
</div>
</div>
<div class="col-md-6 col-lg-4 card-container-bottom">
<ResidencyIcon class="logo" />
<h4>BIG BANG ENGINEER COHORT</h4>
<div class="text">
A multi-week course targeted toward engineers wanting hands-on
experience deploying Big Bang in our sandbox environment.
<strong>Paid portion of Big Bang offering</strong>
</div>
</div>
</div>
<div class="row justify-center">
<router-link class="mt-4" to="/products/big-bang/onboarding">
Learn more about our Workshop and Engineer Cohort
</router-link>
</div>
</div> -->
</div>
<div class="container my-4">
<div class="row justify-content-center">
<div class="col-md-6 px-4 my-auto text-center">
<h4>Have questions about Big Bang?</h4>
<h4>READY TO PROCURE BIG BANG SERVICES?</h4>
<v-btn
color="primary"
class="mt-4"
href="https://confluence.il2.dso.mil/questions/topics/10813444/bigbang"
href="https://jira.il2.dso.mil/servicedesk/customer/portal/36/create/202"
target="_blank"
rel="noopener noreferrer"
>
<v-icon color="#202020" left>mdi-lock</v-icon>FAQs
<v-icon color="#202020" left>mdi-lock</v-icon>Contact Us
</v-btn>
</div>
</div>
</div>
<Wave :bottom="false">
<div class="container mb-16">
<div class="row justify-content-center">
<div class="col-md-6">
<h2 class="mx-auto">READY TO PROCURE BIG BANG SERVICES?</h2>
<div class="col-md-6 py-0">
<h2 class="mx-0 mx-sm-auto">Have More Questions?</h2>
</div>
<div class="col-12 mt-4">
<div class="col-12">
<v-btn
class="mx-4 my-2"
class="mx-4"
color="primary"
href="https://jira.il2.dso.mil/servicedesk/customer/portal/36/create/202"
href="https://confluence.il2.dso.mil/questions/topics/10813444/bigbang"
target="_blank"
rel="noopener noreferrer"
><v-icon color="#202020" left>mdi-lock</v-icon>Contact Us</v-btn
><v-icon color="#202020" left>mdi-lock</v-icon>FAQs</v-btn
>
</div>
</div>
</div>
</Wave>
<LightBox
ref="lightbox"
:showLightBox="false"
......@@ -349,108 +376,43 @@ export default {
};
</script>
<style lang="scss">
.big-bang {
.mm-logo {
width: 250px;
p {
@include xs {
padding: 0px 12px 0px 12px !important;
}
.milestones-wrapper {
background-image: linear-gradient(black 33%, rgba(255, 255, 255, 0) 0%);
background-position: left;
background-size: 3px 10px;
background-repeat: repeat-y;
padding-top: 8px;
position: relative;
.bullet {
border: 1px solid black;
background-color: #ffffff;
border-radius: 50%;
display: inline-block;
position: absolute;
left: -7px;
top: 3px;
height: 17px;
width: 17px;
&.done {
background-color: $p1-light-green;
}
}
.img-container {
width: 24px;
min-height: 24px;
.tool-logo {
max-width: 24px;
max-height: 24px;
}
}
.text {
font-weight: 600;
@include sm {
padding: 0px 32px 0px 32px !important;
}
}
h2 {
font-size: 26px !important;
}
h4 {
font-size: 20px !important;
padding: 0px 24px !important;
}
.big-bang {
.icon {
@include sm-down {
width: 2.5rem;
height: 2.5rem;
}
.milestone:last-child {
background-color: #ffffff;
margin-bottom: 0 !important;
@include md-up {
width: 3.5rem;
height: 3.5rem;
}
.milestone:first-child {
margin-top: -12px;
}
.mw-sm-80 {
@include sm-up {
max-width: 80%;
}
}
.bb-logo {
max-width: 200px;
.text-20 {
font-size: 20px;
}
.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;
a {
.btn-link {
word-wrap: none;
}
}
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;
}
}
.expand-md {
@include md {
max-width: 90%;
}
}
}
......
src/views/IronBank.vue
+ 103
− 115
View file @ 74ef4373
......@@ -43,7 +43,7 @@
</v-container>
</v-container>
<v-container class="px-md-8 px-auto">
<v-container class="px-md-8 px-auto mb-8">
<v-container class="px-md-16">
<h2 class="my-3 mx-md-16 mx-auto">Why Iron Bank?</h2>
<div class="row text-left px-xl-16">
......@@ -116,125 +116,119 @@
</div>
</v-container>
</v-container>
<div class="row justify-center mt-8">
<div class="col-md-10 white--text pa-md-12 div-style">
<div class="row">
<div class="col-md-5 text-left pr-md-16 pa-12 pa-md-0">
<v-card
class="d-flex flex-column"
color="transparent"
flat
tile
height="100%"
>
<v-card color="transparent" flat>
<h2 class="my-auto px-0 pb-10 white--text">How Do We Do It?</h2>
</v-card>
<v-card color="transparent" flat>
<p class="white--text">
We work with the open source community and commercial vendors
to centralize a hardened and approved version of an
application that is easily accessible to the entire DoD. By
leveraging our Certificate to Field (CtF) process, the DoD
community can quickly and easily deploy applications at
unprecedented speed.
</p>
</v-card>
<v-card color="transparent" class="mt-auto" flat>
<v-btn
color="primary"
class="my-6"
href="https://registry1.dso.mil"
target="_blank"
rel="noopener noreferrer"
>
<v-icon color="#202020" left>mdi-lock</v-icon>Registry One
</v-btn>
</v-card>
<v-container class="col-md-10 white--text pa-md-12 dark-section">
<div class="row">
<div class="col-md-5 text-left pr-md-16 pa-12 pa-md-0">
<v-card
class="d-flex flex-column"
color="transparent"
flat
tile
height="100%"
>
<v-card color="transparent" flat>
<h2 class="my-auto px-0 pb-10 white--text">How Do We Do It?</h2>
</v-card>
</div>
<div class="col-md-7 text-left pl-md-16 pa-12 pa-md-0 border-left-md">
<h2 class="ma-auto px-0 pb-10 white--text">Process Highlights</h2>
<p>
The Iron Bank approval process centralizes and standardizes
application hardening throughout the DoD. This information is
stored in Repo One.
</p>
<div class="row">
<div class="col-6 col-md-3 img-text">
<img
class="img-fluid mt-2 mb-3"
src="@/assets/images/iron-bank/rescan-icon.webp"
alt="earth icon"
/>
<p>
Every 12 hours applications are built and scanned again for
findings
</p>
</div>
<div class="col-6 col-md-3 img-text">
<img
class="img-fluid mb-2"
src="@/assets/images/iron-bank/continuous-update.webp"
alt="continuous update icon"
/>
<p>
Applications are continuously updated to the latest version
</p>
</div>
<div class="col-6 col-md-3 img-text">
<img
class="img-fluid mb-2"
src="@/assets/images/iron-bank/earth.webp"
alt="earth icon"
/>
<p>
Body of evidence that is public facing and readily available
for use
</p>
</div>
<div class="col-6 col-md-3 img-text">
<img
class="img-fluid mb-2"
src="@/assets/images/iron-bank/lock-check.webp"
alt="lock check icon"
/>
<p>DISA STIGs, CIS benchmarks, and best practices applied</p>
</div>
</div>
<div :class="$vuetify.breakpoint.smAndDown ? 'text-center' : ''">
<v-card color="transparent" flat>
<p class="white--text">
We work with the open source community and commercial vendors to
centralize a hardened and approved version of an application
that is easily accessible to the entire DoD. By leveraging our
Certificate to Field (CtF) process, the DoD community can
quickly and easily deploy applications at unprecedented speed.
</p>
</v-card>
<v-card color="transparent" class="mt-auto" flat>
<v-btn
:class="
$vuetify.breakpoint.smAndDown
? 'my-3 my-md-6 mx-3'
: 'my-6 mr-6'
"
color="primary"
href="https://ironbank.dso.mil/ironbank/repomap"
target="_blank"
rel="noopener noreferrer"
>
<v-icon color="#202020" left>mdi-lock</v-icon> Explore Iron Bank
</v-btn>
<v-btn
:class="
$vuetify.breakpoint.smAndDown
? 'my-3 mx-3 black--text'
: 'my-6 black--text'
"
color="light"
href="https://repo1.dso.mil/dsop"
class="my-6"
href="https://registry1.dso.mil"
target="_blank"
rel="noopener noreferrer"
>
Repo One
<v-icon color="#202020" left>mdi-lock</v-icon>Registry One
</v-btn>
</v-card>
</v-card>
</div>
<div class="col-md-7 text-left pl-md-16 pa-12 pa-md-0 border-left-md">
<h2 class="ma-auto px-0 pb-10 white--text">Process Highlights</h2>
<p>
The Iron Bank approval process centralizes and standardizes
application hardening throughout the DoD. This information is stored
in Repo One.
</p>
<div class="row">
<div class="col-6 col-md-3 img-text">
<img
class="img-fluid mt-2 mb-3"
src="@/assets/images/iron-bank/rescan-icon.webp"
alt="earth icon"
/>
<p>
Every 12 hours applications are built and scanned again for
findings
</p>
</div>
<div class="col-6 col-md-3 img-text">
<img
class="img-fluid mb-2"
src="@/assets/images/iron-bank/continuous-update.webp"
alt="continuous update icon"
/>
<p>Applications are continuously updated to the latest version</p>
</div>
<div class="col-6 col-md-3 img-text">
<img
class="img-fluid mb-2"
src="@/assets/images/iron-bank/earth.webp"
alt="earth icon"
/>
<p>
Body of evidence that is public facing and readily available for
use
</p>
</div>
<div class="col-6 col-md-3 img-text">
<img
class="img-fluid mb-2"
src="@/assets/images/iron-bank/lock-check.webp"
alt="lock check icon"
/>
<p>DISA STIGs, CIS benchmarks, and best practices applied</p>
</div>
</div>
<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="https://ironbank.dso.mil/ironbank/repomap"
target="_blank"
rel="noopener noreferrer"
>
<v-icon color="#202020" left>mdi-lock</v-icon> Explore Iron Bank
</v-btn>
<v-btn
:class="
$vuetify.breakpoint.smAndDown
? 'my-3 mx-3 black--text'
: 'my-6 black--text'
"
color="light"
href="https://repo1.dso.mil/dsop"
target="_blank"
rel="noopener noreferrer"
>
Repo One
</v-btn>
</div>
</div>
</div>
</div>
</v-container>
<v-container class="px-md-8 px-auto">
<v-container class="px-md-8 px-auto mt-10 pb-5">
<v-container class="px-md-16">
......@@ -683,12 +677,6 @@ export default {
li {
margin: 15px 0;
}
.div-style {
border-radius: 10px;
height: 100%;
width: 100%;
background-color: #031726 !important;
}
.img-text {
font-size: 14px;
}
......
src/views/PartyBus.vue
+ 1
− 8
View file @ 74ef4373
......@@ -168,7 +168,7 @@
</div>
<div class="container mt-4 mb-10 px-8">
<h2 class="my-4 mt-sm-8 px-0">We Move Fast, But We Move Smart</h2>
<h2 class="my-4 mt-sm-8 px-0">We Move Fast, And We Move Smart</h2>
<p class="text-center">
The Party Bus team will be measuring twice and cutting once. We believe
the sooner we can get you squared away on our level of standards (which
......@@ -261,13 +261,6 @@ export default {
</script>
<style lang="scss">
.party-bus {
.dark-section {
border-radius: 10px;
background-color: #031726 !important;
&.sm {
border-radius: 0px;
}
}
.border-style {
border: solid 1px #bdc931;
}
......
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