diff --git a/src/components/IntroVideo.vue b/src/components/IntroVideo.vue index 63e5042214eb78f061bbe2e6b3c3cb17cdb12119..f44c7c5871fe724e47a760694e6cb90b74a4c502 100644 --- a/src/components/IntroVideo.vue +++ b/src/components/IntroVideo.vue @@ -22,17 +22,17 @@ <div class="col-lg-6 text-left px-5 d-flex"> <ul class="my-auto"> <li class="my-3"> - P1 accelerates your deployment capabilities by providing an 85% - solution to get you started faster + P1 helps deploy your mission code to the warfighter quickly and + securely </li> - <li class="my-3">Provides a common code base for reusability</li> <li class="my-3"> - Creates a collaborative environment to break down silos and enable - government-wide cross-functionality + P1 accelerates your deployment capabilities by providing an 85% + solution to get you started faster </li> + <li class="my-3">P1 provides a common code base for reusability</li> <li class="my-3"> - P1 helps deploy your mission code to the warfighter quickly and - securely + P1 creates a collaborative environment to break down silos and + enable government-wide cross-functionality </li> </ul> </div> diff --git a/src/views/ADCE.vue b/src/views/ADCE.vue index 046cf136c05ecacd376b98d66835afabd76a32f6..ca815f25cb75d1bafd7047c3610f4ca3d14fad41 100644 --- a/src/views/ADCE.vue +++ b/src/views/ADCE.vue @@ -112,71 +112,45 @@ </div> </BottomWave> - <div class="container"> - <div class="row mt-5 mb-xl-3 justify-content-center"> - <h2 class="col-12">WHERE WE ARE GOING</h2> - <p class="col-xl-6 col-lg-8 text-center"> - Our goal is to provide a CATO pipeline that allows you to seamlessly - integrate Continuous Integration / Continuous Delivery (CI/CD). - <br /> - Deploy your code to the mission faster, more securely, more reliably. - </p> + <div + class="d-flex flex-column architecture-container align-items-center my-5" + > + <ProcessLogo class="logo" /> + <h4 class="my-3">ABMS-ADCE PIPELINE</h4> + <p>This is how we enable your teams to do DevSecOps.</p> + <div class="image-wrapper px-4 mb-5" @click="() => showImg(0)"> + <img + class="img-fluid" + src="@/assets/images/CI_CD_infographic_final_web_update.png" + alt="ABMS-ADCE Pipeline" + /> + <div class="font-italic"> + click to enlarge + </div> </div> - <div class="architecture-container"> - <div class="row mb-xl-5"> - <div - class="col-xl-4 d-flex flex-column align-items-center justify-content-center order-xl-2 px-4" - > - <ProcessLogo class="logo" /> - <h4 class="my-4 mx-0">ABMS-ADCE PIPELINE</h4> - <p class="text-center"> - This is how we enable your teams to do DevSecOps. - </p> - </div> - - <div class="col-xl-8 image-wrapper" @click="() => showImg(0)"> - <img - class="img-fluid" - src="@/assets/images/CI_CD_infographic_final_web_update.png" - alt="ABMS-ADCE Pipeline" - /> - <div class="align-self-end mx-auto mt-auto font-italic"> - click to enlarge - </div> - </div> - </div> - <div class="row my-5"> - <div - class="col-xl-4 d-flex flex-column align-items-center justify-content-center px-4" - > - <SoftwareLogo class="logo" /> - <h4 class="my-4 mx-0">ABMS-ADCE TOOL CHAIN</h4> - <p class="text-center"> - These are the tools we have available to get the job done. - </p> - </div> - <div class="col-xl-8 image-wrapper" @click="() => showImg(1)"> - <img - class="img-fluid" - src="@/assets/images/P1 - Tool Chain.jpg" - alt="ABMS-ADCE Tool Chain" - /> - <div class="align-self-end mx-auto mt-auto font-italic"> - click to enlarge - </div> - </div> + <SoftwareLogo class="logo" /> + <h4 class="my-3">ABMS-ADCE TOOL CHAIN</h4> + <p>These are the tools we have available to get the job done.</p> + <div class="image-wrapper px-4" @click="() => showImg(1)"> + <img + class="img-fluid" + src="@/assets/images/P1 - Tool Chain.jpg" + alt="ABMS-ADCE Tool Chain" + /> + <div class="font-italic"> + click to enlarge </div> - - <vue-easy-lightbox - escDisabled - moveDisabled - :visible="lightbox.visible" - :imgs="lightbox.imgs" - :index="lightbox.index" - @hide="handleHide" - ></vue-easy-lightbox> </div> + + <vue-easy-lightbox + escDisabled + moveDisabled + :visible="lightbox.visible" + :imgs="lightbox.imgs" + :index="lightbox.index" + @hide="handleHide" + ></vue-easy-lightbox> </div> </div> </template>