Merge branch 'more-tweaks' into 'master'

order and text tweaks

See merge request platform-one/private/bullhorn/platform1-site!38

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>

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>