UNCLASSIFIED - NO CUI

Skip to content
Snippets Groups Projects
Commit c310e906 authored by Michelle Tran's avatar Michelle Tran Committed by Chase Schell
Browse files

Bull 1943

parent c4c81f9a
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 @ c310e906
...@@ -106,6 +106,9 @@ export default { ...@@ -106,6 +106,9 @@ export default {
} }
.dark-section { .dark-section {
@include sm-down {
border-radius: 0px;
}
border-radius: 10px; border-radius: 10px;
background-color: #031726 !important; background-color: #031726 !important;
} }
......
src/assets/data/search-data.json
+ 1
− 1
View file @ c310e906
This diff is collapsed.
src/assets/data/search-index.json
+ 1
− 1
View file @ c310e906
This diff is collapsed.
src/assets/images/icons/Icon_ClockEnd.svg
+ 11
− 1
View file @ c310e906
<?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> <?xml version="1.0" encoding="UTF-8"?>
\ No newline at end of file <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 @ c310e906
<?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> <?xml version="1.0" encoding="UTF-8"?>
\ No newline at end of file <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 @ c310e906
<?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> <?xml version="1.0" encoding="UTF-8"?>
\ No newline at end of file <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 @ c310e906
...@@ -81,10 +81,6 @@ export default { ...@@ -81,10 +81,6 @@ export default {
}; };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.dark-section {
border-radius: 5px;
background-color: #031726 !important;
}
.risk-text { .risk-text {
color: #e36d39; color: #e36d39;
} }
......
src/scss/custom.scss
+ 10
− 0
View file @ c310e906
...@@ -90,6 +90,16 @@ body { ...@@ -90,6 +90,16 @@ body {
border-left: solid black 1px; 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 // to dissuade use
h5, h5,
h6 { h6 {
......
src/views/BigBang.vue
+ 219
− 257
View file @ c310e906
...@@ -15,167 +15,222 @@ ...@@ -15,167 +15,222 @@
</v-btn></template </v-btn></template
> >
</PageHeader> </PageHeader>
<v-container class="px-md-8 px-auto" fluid> <v-container class="mw-sm-80 px-md-16 mb-15" fluid>
<v-container class="px-md-16" fluid> <h2 class="mt-3 mb-8 mx-md-16">
<h2 class="my-3 mx-md-16 mx-auto"> Empowering you to create custom environments for your mission
Empowering you to create custom environments for your mission </h2>
</h2> <p class="my-3 mx-md-16">
<p class="my-3 mx-md-16 mx-auto"> Big Bang will help you build a custom software factory for your specific
Big Bang will help you build a custom software factory for your mission needs to enable faster development and deployment of your
specific mission needs to enable faster development and deployment of mission applications.
your mission applications. </p>
</p> </v-container>
</v-container>
<div class="my-16 px-md-8 px-auto card-summary"> <v-container class="dark-section py-sm-4 px-sm-7 pa-md-12 expand-md">
<h2 class="my-4 mt-sm-8 px-auto">The Big Bang Advantage</h2> <v-row class="justify-center">
<div class="row justify-center"> <v-card
<div class="col-md-6 col-lg-4 card-container"> class="d-flex flex-column"
<LockOpenVariantIcon class="logo" /> color="transparent"
<h4>AVOID VENDOR LOCK</h4> flat
<div class="text"> 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 Big Bang is Kubernetes distro-agnostic, meaning you can pick
between Upstream, Rancher, Konvoy, Tanzu Kubernetes Grid, or between Upstream, Rancher, Konvoy, Tanzu Kubernetes Grid, or
OpenShift Container Partner. OpenShift Container Partner.
</div> </p>
</div> </v-row>
<div class="col-md-6 col-lg-4 card-container"> </v-col>
<ClockEndIcon class="logo" /> <v-col class="col-12 col-md-4 mt-10 mt-md-0 border-left-md white--text">
<h4>FASTER ATO VIA RECIPROCITY</h4> <v-row class="justify-center">
<div class="text"> <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 Our Platform is accredited DOD wide and we can work AO to AO to
ensure reciprocity. ensure reciprocity.
</div> </p>
</div> </v-row>
<div class="col-md-6 col-lg-4 card-container"> </v-col>
<HammerWrenchIcon class="logo" /> <v-col
<h4>WIDE RANGE OF TOOL CHOICES</h4> class="col-12 col-md-4 mt-10 mt-md-auto border-left-md white--text"
<div class="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 We offer multiple tools at each stage of CI/CD pipeline. The tool
choices can be customized to your preference and to the choices can be customized to your preference and to the
programming language of your choice. programming language of your choice.
<br /> </p>
<v-btn <v-btn
text link
class="link" class="mb-8 mt-2 mb-md-0 mt-md-6"
:href="getImageUrl('P1 - Tool Chain-2.webp')" color="primary"
target="_blank" :href="getImageUrl('P1 - Tool Chain-2.webp')"
rel="noopener noreferrer" target="_blank"
> rel="noopener noreferrer"
Platform One's Tool Chain >
</v-btn> Platform One's Tools
</div> </v-btn>
</div> </v-row>
</div> </v-col>
</div> </v-row>
</v-container>
<div class="my-16 px-md-8 px-auto card-summary"> <v-container class="mt-8 my-md-16 expand-md">
<h2 class="my-4 mt-sm-8 px-auto">Big Bang Resources</h2> <h2 class="my-8 px-auto">Big Bang Resources</h2>
<div class="row justify-center"> <v-row>
<div class="col-md-6 col-lg-4 card-container"> <v-col cols="12" md="6">
<h4>Product Release Notes</h4> <v-container class="mw-sm-80">
<div class="text">Check out the latest</div> <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 <v-btn
text link
class="link" class="mt-md-3"
color="primary"
href="https://repo1.dso.mil/platform-one/big-bang/bigbang/-/releases" href="https://repo1.dso.mil/platform-one/big-bang/bigbang/-/releases"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
> >
release notes Release Notes
</v-btn> </v-btn>
</div> </v-container>
<div class="col-md-6 col-lg-4 card-container"> </v-col>
<h4>Get Started</h4> </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 <v-btn
text link
class="link" class="mt-md-3"
href="https://repo1.dso.mil/platform-one/big-bang/bigbang#getting-started" color="primary"
href="https://repo1.dso.mil/platform-one/bbtoc"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
> >
Visit our quick start guides Get Involved!
</v-btn> </v-btn>
</div> </v-container>
<div class="col-md-6 col-lg-4 card-container"> </v-col>
<h4>Licensing Expectations</h4> <v-col cols="12" md="6">
<div class="text"> <v-container class="mw-sm-80">
<h4 class="mb-3">Licensing Expectations</h4>
<p>
Our core platform is open source with extensible enterprise-level Our core platform is open source with extensible enterprise-level
capabilities. Please read our report on licensing expectations capabilities. Please read our report on licensing expectations
</div> </p>
<v-btn <v-btn
text link
class="link" class="mt-md-3"
href="https://repo1.dso.mil/platform-one/big-bang/bigbang/-/blob/master/docs/understanding_bigbang/licensing_expectations.md" color="primary"
href="https://repo1.dso.mil/platform-one/big-bang/bigbang/-/tree/master"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
> >
here Licensing Info
</v-btn> </v-btn>
</div> </v-container>
<div class="col-md-6 col-lg-4 card-container"> </v-col>
<h4>Open Source Contributions</h4> </v-row>
<div class="text"> </v-container>
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>
<h2 class="mt-sm-16 pt-sm-16">THE BIG BANG STAGES</h2> <h2 class="mb-5 pt-16">THE BIG BANG STAGES</h2>
<div class="row justify-center"> <div class="row justify-center">
<div class="col-4"> <div class="mw-sm-80 col-md-6 text-20">
<p>
<strong>Stage 1</strong> - We create your DevSecOps (DSOP) Software <strong>Stage 1</strong> - We create your DevSecOps (DSOP) Software
Factory. We set this up for you. Factory. We set this up for you.
</div> </p>
</div> </div>
</div>
<div class="row justify-center"> <div class="row justify-center">
<div <div
class="cursor-pointer col-8 col-md-6" class="cursor-pointer col-md-6"
@click.stop="$refs.lightbox.showImage(0)" @click.stop="$refs.lightbox.showImage(0)"
> >
<img <img
class="img-fluid" class="img-fluid"
src="@/assets/images/Big Bang Graphics-03.webp" src="@/assets/images/Big Bang Graphics-03.webp"
alt="Big Bang Stage 1" alt="Big Bang Stage 1"
/> />
</div>
</div> </div>
</div>
<div class="row justify-center"> <div class="row justify-center">
<div class="col-4"> <div class="mw-sm-80 col-md-6 text-20">
<p>
<strong>Stage 2</strong> - You use the DevSecOps (DSOP) Software <strong>Stage 2</strong> - You use the DevSecOps (DSOP) Software
Factory to build and deploy your mission applications. You run these Factory to build and deploy your mission applications. You run these
pipelines to build and deploy mission applications any number of pipelines to build and deploy mission applications any number of
times. times.
</div> </p>
</div> </div>
</div>
<div class="row justify-center"> <div class="row justify-center">
<div <div
class="cursor-pointer pt-4 col-6" class="cursor-pointer col-md-6"
@click.stop="$refs.lightbox.showImage(1)" @click.stop="$refs.lightbox.showImage(1)"
> >
<img <img
class="img-fluid" class="img-fluid"
src="@/assets/images/Big Bang Graphics-04.webp" src="@/assets/images/Big Bang Graphics-04.webp"
alt="Big Bang Stage 2" alt="Big Bang Stage 2"
/> />
</div>
</div> </div>
</v-container> </div>
<Wave> <Wave>
<div class="container px-8 pt-0 pb-16"> <div class="container px-8 pt-0 pb-16">
...@@ -183,7 +238,7 @@ ...@@ -183,7 +238,7 @@
<div class="col-md-6 d-flex text-center text-md-left mb-4 mb-md-0"> <div class="col-md-6 d-flex text-center text-md-left mb-4 mb-md-0">
<h2 class="ma-auto px-0"> <h2 class="ma-auto px-0">
We move fast, We move fast,
<br />but we move smart. <br />and we move smart.
</h2> </h2>
</div> </div>
<div class="col-md-6 text-left"> <div class="col-md-6 text-left">
...@@ -203,7 +258,7 @@ ...@@ -203,7 +258,7 @@
<h2>BECOMING A BIG BANG CUSTOMER</h2> <h2>BECOMING A BIG BANG CUSTOMER</h2>
<div class="row justify-center"> <div class="row justify-center">
<div <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)" @click.stop="$refs.lightbox.showImage(2)"
> >
<img <img
...@@ -213,71 +268,43 @@ ...@@ -213,71 +268,43 @@
/> />
</div> </div>
</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>
<div class="container my-4"> <div class="container my-4">
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-md-6 px-4 my-auto text-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 <v-btn
color="primary" color="primary"
class="mt-4" 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" target="_blank"
rel="noopener noreferrer" 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> </v-btn>
</div> </div>
</div> </div>
</div> </div>
<Wave :bottom="false"> <Wave :bottom="false">
<div class="container mb-16"> <div class="container mb-16">
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-md-6"> <div class="col-md-6 py-0">
<h2 class="mx-auto">READY TO PROCURE BIG BANG SERVICES?</h2> <h2 class="mx-0 mx-sm-auto">Have More Questions?</h2>
</div> </div>
<div class="col-12 mt-4"> <div class="col-12">
<v-btn <v-btn
class="mx-4 my-2" class="mx-4"
color="primary" 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" target="_blank"
rel="noopener noreferrer" 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> </div>
</div> </div>
</Wave> </Wave>
<LightBox <LightBox
ref="lightbox" ref="lightbox"
:showLightBox="false" :showLightBox="false"
...@@ -349,108 +376,43 @@ export default { ...@@ -349,108 +376,43 @@ export default {
}; };
</script> </script>
<style lang="scss"> <style lang="scss">
.big-bang { p {
.mm-logo { @include xs {
width: 250px; padding: 0px 12px 0px 12px !important;
} }
.milestones-wrapper { @include sm {
background-image: linear-gradient(black 33%, rgba(255, 255, 255, 0) 0%); padding: 0px 32px 0px 32px !important;
background-position: left; }
background-size: 3px 10px; }
background-repeat: repeat-y; h2 {
padding-top: 8px; font-size: 26px !important;
position: relative; }
h4 {
.bullet { font-size: 20px !important;
border: 1px solid black; padding: 0px 24px !important;
background-color: #ffffff; }
border-radius: 50%; .big-bang {
display: inline-block; .icon {
position: absolute; @include sm-down {
left: -7px; width: 2.5rem;
top: 3px; height: 2.5rem;
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 md-up {
.milestone:last-child { width: 3.5rem;
background-color: #ffffff; height: 3.5rem;
margin-bottom: 0 !important;
} }
.milestone:first-child { }
margin-top: -12px; .mw-sm-80 {
@include sm-up {
max-width: 80%;
} }
} }
.text-20 {
.bb-logo { font-size: 20px;
max-width: 200px;
} }
.expand-md {
.card-summary { @include md {
.row { max-width: 90%;
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;
}
}
} }
} }
} }
......
src/views/IronBank.vue
+ 103
− 115
View file @ c310e906
...@@ -43,7 +43,7 @@ ...@@ -43,7 +43,7 @@
</v-container> </v-container>
</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"> <v-container class="px-md-16">
<h2 class="my-3 mx-md-16 mx-auto">Why Iron Bank?</h2> <h2 class="my-3 mx-md-16 mx-auto">Why Iron Bank?</h2>
<div class="row text-left px-xl-16"> <div class="row text-left px-xl-16">
...@@ -116,125 +116,119 @@ ...@@ -116,125 +116,119 @@
</div> </div>
</v-container> </v-container>
</v-container> </v-container>
<v-container class="col-md-10 white--text pa-md-12 dark-section">
<div class="row justify-center mt-8"> <div class="row">
<div class="col-md-10 white--text pa-md-12 div-style"> <div class="col-md-5 text-left pr-md-16 pa-12 pa-md-0">
<div class="row"> <v-card
<div class="col-md-5 text-left pr-md-16 pa-12 pa-md-0"> class="d-flex flex-column"
<v-card color="transparent"
class="d-flex flex-column" flat
color="transparent" tile
flat height="100%"
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 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-card> </v-card>
</div> <v-card color="transparent" flat>
<div class="col-md-7 text-left pl-md-16 pa-12 pa-md-0 border-left-md"> <p class="white--text">
<h2 class="ma-auto px-0 pb-10 white--text">Process Highlights</h2> We work with the open source community and commercial vendors to
<p> centralize a hardened and approved version of an application
The Iron Bank approval process centralizes and standardizes that is easily accessible to the entire DoD. By leveraging our
application hardening throughout the DoD. This information is Certificate to Field (CtF) process, the DoD community can
stored in Repo One. quickly and easily deploy applications at unprecedented speed.
</p> </p>
<div class="row"> </v-card>
<div class="col-6 col-md-3 img-text"> <v-card color="transparent" class="mt-auto" flat>
<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 <v-btn
:class="
$vuetify.breakpoint.smAndDown
? 'my-3 my-md-6 mx-3'
: 'my-6 mr-6'
"
color="primary" color="primary"
href="https://ironbank.dso.mil/ironbank/repomap" class="my-6"
target="_blank" href="https://registry1.dso.mil"
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" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
> >
Repo One <v-icon color="#202020" left>mdi-lock</v-icon>Registry One
</v-btn> </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> </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> </div>
</div> </v-container>
<v-container class="px-md-8 px-auto"> <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-8 px-auto mt-10 pb-5">
<v-container class="px-md-16"> <v-container class="px-md-16">
...@@ -683,12 +677,6 @@ export default { ...@@ -683,12 +677,6 @@ export default {
li { li {
margin: 15px 0; margin: 15px 0;
} }
.div-style {
border-radius: 10px;
height: 100%;
width: 100%;
background-color: #031726 !important;
}
.img-text { .img-text {
font-size: 14px; font-size: 14px;
} }
......
src/views/PartyBus.vue
+ 1
− 8
View file @ c310e906
...@@ -168,7 +168,7 @@ ...@@ -168,7 +168,7 @@
</div> </div>
<div class="container mt-4 mb-10 px-8"> <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"> <p class="text-center">
The Party Bus team will be measuring twice and cutting once. We believe 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 the sooner we can get you squared away on our level of standards (which
...@@ -261,13 +261,6 @@ export default { ...@@ -261,13 +261,6 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.party-bus { .party-bus {
.dark-section {
border-radius: 10px;
background-color: #031726 !important;
&.sm {
border-radius: 0px;
}
}
.border-style { .border-style {
border: solid 1px #bdc931; 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