UNCLASSIFIED - NO CUI

Skip to content
Snippets Groups Projects
Commit 2ecca269 authored by Jeremy Twidt's avatar Jeremy Twidt
Browse files

Merge branch 'BULL-355' into 'master' 

Big Bang fixes

See merge request platform-one/private/bullhorn/platform1-site!153
parents d25364e3 0d18e866
No related branches found
Tags v0.4.23
No related merge requests found
Hide whitespace changes
Inline Side-by-side
src/assets/images/Becoming a BB Customer-05.png 0 → 100644
+ 0
− 0
View file @ 2ecca269
src/assets/images/Becoming a BB Customer-05.png

144 KiB

src/views/BigBang.vue
+ 107
− 142
View file @ 2ecca269
......@@ -50,6 +50,15 @@
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.jpg')"
target="_blank"
>
Platform One's Tool Chain
</v-btn>
</div>
</div>
<div class="col-md-6 col-lg-4 card-container">
......@@ -69,22 +78,39 @@
work.
</div>
</div>
<div class="col-md-6 col-lg-4 card-container">
<HandshakeOutlineIcon class="logo" />
<h4>TIER 3 / TIER 4 SUPPORT FROM P1</h4>
<div class="text">
Coming Soon
</div>
</div>
</div>
</div>
<h2 class="mt-sm-16 pt-sm-16">How Do We Do It?</h2>
<h2 class="mt-sm-16 pt-sm-16">THE BIG BANG STAGES</h2>
<strong>Stage 1</strong> - We create your DevSecOps (DSOP) Software
Factory. We set this up for you.
<div class="row justify-center">
<div class="image-wrapper col-6" @click="() => showImg(0)">
<img
class="img-fluid"
src="@/assets/images/Big Bang Graphics-03.png"
alt="Big Bang Stage 1"
/>
</div>
</div>
<div class="row justify-center">
<div class="col-4">
<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>
</div>
<div class="image-wrapper pt-4" @click="() => showImg(0)">
<img
class="img-fluid"
src="@/assets/images/Big Bang Architecture.png"
/>
<div class="row justify-center">
<div class="image-wrapper pt-4 col-6" @click="() => showImg(1)">
<img
class="img-fluid"
src="@/assets/images/Big Bang Graphics-04.png"
alt="Big Bang Stage 2"
/>
</div>
</div>
</v-container>
......@@ -111,97 +137,20 @@
</Wave>
<div class="container my-4 px-8">
<h2 class="my-4 mt-sm-8 px-0">WHERE WE ARE TODAY</h2>
<p class="text-center">
We are working hard, but don't quite have all of our capabilities
operational.
<br />Check back often for updates!
</p>
<div class="d-flex flex-wrap my-4">
<div class="mx-auto my-4 text-left">
<h4 class="mb-4 mx-auto px-0">The Big Bang Milestones</h4>
<div class="milestones-wrapper mx-2 mb-16">
<div
v-for="milestone in milestones"
:key="milestone.text"
class="milestone pl-4 mb-4 position-relative"
>
<div class="bullet" :class="{ done: milestone.done }"></div>
<div class="text d-flex align-items-center">
<div class="img-container mr-2 d-flex justify-content-center">
<img
v-if="milestone.logo"
:src="getImageUrl(`logos/tool-logos/${milestone.logo}`)"
class="tool-logo"
:alt="milestone.text"
/>
</div>
{{ milestone.text }}
</div>
<div v-if="milestone.details">
<div
v-for="detail in milestone.details"
:key="detail"
class="milestone-detail font-italic"
>
{{ detail }}
</div>
</div>
</div>
<div class="card-summary">
<h2>BECOMING A BIG BANG CUSTOMER</h2>
<div class="row justify-center">
<div class="image-wrapper pt-4 col-6" @click="() => showImg(2)">
<img
class="img-fluid"
src="@/assets/images/Becoming a BB Customer-05.png"
alt="Become a Big Bang customer"
/>
</div>
</div>
</div>
<div class="my-4">
<h2 class="my-6 mt-sm-12">THE BIG BANG STAGES</h2>
<h3>Stage 1</h3>
<p class="mx-lg-16">
We execute the Big Bang IaC/CaC Package to create a software factory
with the tools required to build and deploy applications.
</p>
<div class="image-wrapper" @click="() => showImg(1)">
<img
class="img-fluid"
src="@/assets/images/Big Bang Graphics-03.png"
/>
</div>
<h3 class="mt-4">Stage 2</h3>
<p class="mx-lg-16 px-lg-16">
Using the Big Bang IaC/CaC, you get to go fast because you get an ATO
ready platform (kubernetes cluster and pipeline), with approved Iron
Bank containers. This helps you to set up your own software factory by
automating the testing and deployment of mission applications.
Platform One will assist you with Big Bang IaC/CaC Approving Official
(AO) reciprocity.
</p>
<div class="image-wrapper" @click="() => showImg(2)">
<img
class="img-fluid"
src="@/assets/images/Big Bang Graphics-04.png"
/>
</div>
</div>
<div class="my-4">
<h2 class="my-4 mt-sm-12">THE PLATFORM ONE'S TOOL CHAIN</h2>
<p>These are the tools we have available to get the job done.</p>
<v-btn
text
class="link"
:href="getImageUrl('P1 - Tool Chain-2.jpg')"
target="_blank"
>Download the tool chain graphic</v-btn
>
<div class="image-wrapper px-4 mt-4" @click="() => showImg(3)">
<img
class="img-fluid"
src="@/assets/images/P1 - Tool Chain-2.jpg"
alt="The Big Bang - ABMS All Domain Common Environment Tool Chain"
/>
</div>
</div>
<div class="card-summary">
<h2>BIG BANG ON-BOARDING</h2>
<h2>BIG BANG ONBOARDING</h2>
<div class="row justify-center">
<div class="col-md-6 col-lg-4 card-container-bottom">
<WorkshopIcon class="logo" />
......@@ -217,12 +166,13 @@
<div class="text">
An 11-day deep dive designed to give participants hands-on
experience with Big Bang Product and associated technologies.
<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">
Get involved!
Learn more about our Workshop and Residency
</router-link>
</div>
</div>
......@@ -237,7 +187,11 @@
</h2>
</div>
<div class="col-12 mt-4">
<v-btn class="mx-auto" color="primary" to="/contact-us"
<v-btn
class="mx-auto"
color="primary"
href="https://jira.il2.dsop.io/servicedesk/customer/portal/36/create/202"
target="_blank"
>CONTACT US</v-btn
>
</div>
......@@ -245,32 +199,45 @@
</div>
</Wave>
<div class="container my-4">
<div class="row">
<div class="col-md-6 px-4 my-auto text-center text-md-right">
<img
class="mm-logo"
src="@/assets/images/logos/tool-logos/Logo_MM.png"
alt="Mattermost"
/>
</div>
<div class="col-md-5 text-center text-md-left my-4 px-8">
<p>
A chat solution for team collaboration with integrated file sharing.
Start chatting today! Currently hosting instances up to Impact Level
4 (FOUO) with no-hassle video teleconferencing and Jira/Confluence
on the way!
</p>
<v-btn
color="primary"
class="mt-4"
href="https://chat.il2.dsop.io"
target="_blank"
>
Chat now
<!-- <b-icon icon="box-arrow-up-right" aria-hidden="true"></b-icon> -->
</v-btn>
<div class="container my-4 px-8">
<h2 class="my-4 mt-sm-8 px-0">WHERE WE ARE TODAY</h2>
<p class="text-center">
We are working hard, but don't quite have all of our capabilities
operational.
<br />Check back often for updates!
</p>
<div class="d-flex flex-wrap my-4">
<div class="mx-auto my-4 text-left">
<h4 class="mb-4 mx-auto px-0">The Big Bang Milestones</h4>
<div class="milestones-wrapper mx-2 mb-16">
<div
v-for="milestone in milestones"
:key="milestone.text"
class="milestone pl-4 mb-4 position-relative"
>
<div class="bullet" :class="{ done: milestone.done }"></div>
<div class="text d-flex align-items-center">
<div class="img-container mr-2 d-flex justify-content-center">
<img
v-if="milestone.logo"
:src="getImageUrl(`logos/tool-logos/${milestone.logo}`)"
class="tool-logo"
:alt="milestone.text"
/>
</div>
{{ milestone.text }}
</div>
<div v-if="milestone.details">
<div
v-for="detail in milestone.details"
:key="detail"
class="milestone-detail font-italic"
>
{{ detail }}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
......@@ -294,7 +261,6 @@ import WorkshopIcon from "@/assets/images/icons/Icon_Workshop.svg";
import ResidencyIcon from "@/assets/images/icons/Icon_Residency.svg";
import ClockEndIcon from "@/assets/images/icons/Icon_ClockEnd.svg";
import HammerWrenchIcon from "@/assets/images/icons/Icon_HammerWrench.svg";
import HandshakeOutlineIcon from "@/assets/images/icons/Icon_HandshakeOutline.svg";
import KeyboardSettingsIcon from "@/assets/images/icons/Icon_KeyboardSettings.svg";
import LockOpenVariantIcon from "@/assets/images/icons/Icon_LockOpenVariant.svg";
import PackageVariantIcon from "@/assets/images/icons/Icon_PackageVariant.svg";
......@@ -310,10 +276,9 @@ export default {
ResidencyIcon,
ClockEndIcon,
HammerWrenchIcon,
HandshakeOutlineIcon,
KeyboardSettingsIcon,
LockOpenVariantIcon,
PackageVariantIcon,
PackageVariantIcon
},
methods: {
showImg(index) {
......@@ -325,40 +290,40 @@ export default {
},
getImageUrl(filename) {
return require(`@/assets/images/${filename}`);
},
}
},
data: function () {
data: function() {
return {
// lightbox state
lightbox: {
visible: false,
index: 0, // default: 0
imgs: [
require("@/assets/images/Big Bang Architecture.png"),
require("@/assets/images/Big Bang Graphics-03.png"),
require("@/assets/images/Big Bang Graphics-04.png"),
require("@/assets/images/P1 - Tool Chain-2.jpg"),
],
require("@/assets/images/Becoming a BB Customer-05.png"),
require("@/assets/images/P1 - Tool Chain-2.jpg")
]
},
milestones: [
{
done: true,
text: "Big Bang MVP",
logo: "",
logo: ""
},
{
done: false,
text: "coming soon - Azure Support",
logo: "",
logo: ""
},
{
done: false,
text: "coming soon - Open Source version",
logo: "",
},
],
logo: ""
}
]
};
},
}
};
</script>
<style lang="scss">
......
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