package.json

@@ -6,7 +6,7 @@
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
     "test:unit": "vue-cli-service test:unit",
-    "test:e2e": "vue-cli-service test:e2e --mode=test",
+    "test:e2e": "vue-cli-service test:e2e --mode=development",
     "lint": "vue-cli-service lint",
     "build-staging": "NODE_ENV=production vue-cli-service build --mode=test",
     "preinstall": "cross-env NPM_CONFIG_YES=true npx npm-force-resolutions",
@@ -38,7 +38,7 @@
     "@babel/plugin-transform-strict-mode": "^7.8.3",
     "@mdi/font": "^5.3.45",
     "@vue/cli-plugin-babel": "~4.3.0",
-    "@vue/cli-plugin-e2e-cypress": "~4.3.0",
+    "@vue/cli-plugin-e2e-cypress": "^5.0.1",
     "@vue/cli-plugin-eslint": "~4.3.0",
     "@vue/cli-plugin-router": "~4.3.0",
     "@vue/cli-plugin-unit-jest": "^4.4.1",
@@ -47,6 +47,7 @@
     "@vue/test-utils": "^1.0.3",
     "babel-eslint": "^10.1.0",
     "chokidar": "^3.5.2",
+    "cypress": "^9.5.1",
     "eslint": "^6.7.2",
     "eslint-plugin-cypress": "^2.12.1",
     "eslint-plugin-prettier": "^3.1.1",
@@ -55,7 +56,7 @@
     "husky": "^7.0.0",
     "node-sass": "^6.0.1",
     "pre-commit": "^1.2.2",
-    "prettier": "^1.19.1",
+    "prettier": "^2.5.1",
     "pretty-quick": "^3.1.3",
     "sass": "^1.19.0",
     "sass-loader": "^10.2.0",

src/components/Base/DownloadButton.vue

@@ -15,6 +15,7 @@
     >
       <v-icon
         left
+        :class="iconClass"
         :size="iconSize"
         :style="{
           fill: iconFillColor,
@@ -34,7 +35,7 @@
           right
           size="24"
           :style="{ color: downloadColor + ' !important' }"
-          class="mt-1 "
+          :class="downloadIconClass"
         >
           mdi-download
         </v-icon>
@@ -113,6 +114,14 @@ export default {
     iconSize: {
       type: Number,
       default: 24
+    },
+    iconClass: {
+      type: String,
+      default: ""
+    },
+    downloadIconClass: {
+      type: String,
+      default: "mt-1"
     }
   }
 };

src/components/PartyBus/WhatIsAvailable.vue

@@ -269,7 +269,12 @@
                 <li>Java (Maven or Gradle build engine)</li>
                 <li>Python (built in python commands)</li>
                 <li>Golang (built in go commands)</li>
-                <li>.NET-Core (built in .NET-Core commands)</li>
+                <li>
+                  .NET-Core (built in .NET-Core commands)
+                  <ul>
+                    <li>C# with .NET 3/5 Framework</li>
+                  </ul>
+                </li>
                 <li>
                   C++ - <span class="red--text">beta</span>
                   (gcc + cmake only - not every situation is fully covered -
@@ -279,6 +284,9 @@
                   Ruby (bundler only, other Ruby package managers are not
                   supported)
                 </li>
+                <li>
+                  PHP (Composer only, other PHP package managers are not supported)
+                </li>
                 <li>
                   See
                   <a

src/views/Cybersecurity.vue

@@ -170,29 +170,19 @@
           </v-card>
         </div>
         <div class="row justify-content-center mb-6">
-          <v-btn
-            :class="
-              $vuetify.breakpoint.smAndDown
-                ? 'my-3 mx-3 py-3 white--text'
-                : 'my-6 mr-6 py-3 white--text'
-            "
-            style="background-color: #002743"
+          <DownloadButton
+            text="*DORA Accelerate State of DevOps Report"
             href="https://services.google.com/fh/files/misc/state-of-devops-2019.pdf"
-            target="_blank"
-          >
-            <img
-              class="img-fluid ma-3 ml-n1"
-              src="@/assets/images/CyberSecurity/CS_PDF_Icon.png"
-              alt="PDF_Icon"
-              width="25"
-            />
-            *DORA Accelerate State of DevOps Report
-            <img
-              class="img-fluid my-3 ml-3 py-3"
-              src="@/assets/images/CyberSecurity/CS_GET_APP.png"
-              alt="Download PDF"
-            />
-          </v-btn>
+            icon="$vuetify.icons.picture-as-pdf"
+            iconFillColor="#FFFFFF"
+            :iconSize="$vuetify.breakpoint.smAndUp ? '36' : '26'"
+            :btnClass="'my-3 mx-3'"
+            :btnWidth="$vuetify.breakpoint.smAndUp ? '450' : '350'"
+            :textSize="$vuetify.breakpoint.smAndUp ? '16' : '14'"
+            :btnSpanTextClass="'ml-2 ml-sm-auto'"
+            :iconClass="'mr-n1 mr-sm-auto'"
+            :downloadIconClass="'ml-2 ml-sm-5'"
+          />
         </div>
         <div class="content-justify-center">
           <h2>DEVSECOPS LIFECYCLE FOR CtF AND cATO PROCESSES</h2>
@@ -314,6 +304,7 @@ import CyberSecurityTraditionalCollapsible from "@/components/CyberSecurityTradi
 import CyberSecurityContinuousCollapsible from "@/components/CyberSecurityContinuousCollapsible";
 import VueEasyLightbox from "vue-easy-lightbox";
 import { PageMeta } from "@/constants/PageMeta";
+import DownloadButton from "@/components/Base/DownloadButton";
 
 export default {
   name: "Cybersecurity",
@@ -323,7 +314,8 @@ export default {
     VueEasyLightbox,
     Lifecycle,
     CyberSecurityTraditionalCollapsible,
-    CyberSecurityContinuousCollapsible
+    CyberSecurityContinuousCollapsible,
+    DownloadButton
   },
   methods: {
     showImg(index) {

src/views/DSOPTimeline.vue

@@ -53,7 +53,11 @@
         </v-row>
       </div>
       <div class="p1-logo col-12 col-sm-8 pb-4 pt-0 pt-sm-4 my-8">
-        <img src="static/p1-logo.png" width="200px" class="pt-8 pb-0 pb-sm-6" />
+        <img
+          src="/static/p1-logo.png"
+          width="200px"
+          class="pt-8 pb-0 pb-sm-6"
+        />
         <h3 class="pt-6 pt-sm-8 pb-4">
           THE BENEFITS OF THE DEVSECOPS / AGILE PROCESS
         </h3>
@@ -109,10 +113,13 @@
         class="col-12 pb-12"
         text="DevSecOps & Agile Savings"
         :internalFilePath="UberGraphic"
+        icon="mdi-image"
+        :iconSize="36"
+        :btnSpanTextClass="'ml-4 mr-6'"
         btnColor="primary"
-        fileMultipleColor="black"
-        downloadColor="black"
-        textColor="black"
+        fileMultipleColor="#002743"
+        downloadColor="#002743"
+        textColor="#002743"
       />
     </v-row>
 

src/views/IronBank.vue

@@ -415,6 +415,9 @@
       <div class="mx-auto mb-10">
         <DownloadButton
           text="Iron Bank Diagram"
+          icon="mdi-image-outline"
+          :iconSize="36"
+          :btnSpanTextClass="'ml-4 mr-6'"
           :internalFilePath="ibvsDiagram"
         />
       </div>
@@ -479,6 +482,9 @@
       <div class="mx-auto mt-4 mb-10">
         <DownloadButton
           text="Pulling Containers"
+          icon="mdi-image-outline"
+          :iconSize="36"
+          :btnSpanTextClass="'ml-4 mr-6'"
           :internalFilePath="ibvsRegistryProcess"
         />
       </div>
@@ -542,6 +548,9 @@
       <div class="mx-auto mt-4 mb-10">
         <DownloadButton
           text="Iron Bank Pipeline"
+          icon="mdi-image-outline"
+          :iconSize="36"
+          :btnSpanTextClass="'ml-4 mr-6'"
           :internalFilePath="ibvsPipeline"
         />
       </div>

src/views/PartyBus.vue

@@ -175,9 +175,10 @@
     <div class="mx-auto mb-10 mt-n6">
       <DownloadButton
         text="Party Bus Process"
-        icon="$vuetify.icons.picture-as-pdf"
         iconFillColor="#FFFFFF"
+        icon="mdi-image-outline"
         :iconSize="36"
+        :btnSpanTextClass="'ml-4 mr-6'"
         :internalFilePath="pbGraphicsProcess"
       />
     </div>

src/views/Residency.vue

@@ -7,9 +7,7 @@
       <template slot="description">
         {{ PageMetaResidency.description }}
       </template>
-      <template slot="subtext">
-        6-Month
-      </template>
+      <template slot="subtext"> 6-Month </template>
     </PageHeader>
     <v-container class="px-md-8 px-auto" fluid>
       <v-container class="px-md-16" fluid>
@@ -167,7 +165,7 @@
           <div class="col-md-2">
             <p>
               Confirmed selectees will receive an acceptance letter from the
-              Platform One Material Leader.
+              Platform One Materiel Leader.
               <span style="font-weight: 600">Begin Residency.</span>
             </p>
           </div>
@@ -251,7 +249,7 @@
             </p>
             <p style="min-height: 80px">
               Confirmed selectees will receive an acceptance letter from the
-              Platform One Material Leader.
+              Platform One Materiel Leader.
               <span style="font-weight: 600">Begin Residency.</span>
             </p>
           </div>
@@ -390,10 +388,10 @@ export default {
     PageHeader,
     Wave,
     ServicesSummary,
-    DownloadButton
+    DownloadButton,
   },
   methods: {},
-  data: function() {
+  data: function () {
     return {
       PageMetaResidency: PageMeta.Residency,
       residencyDates: {
@@ -403,13 +401,9 @@ export default {
         memorandumOfAgreementSigned: "29 April 2022",
         beginResidency: "2 May 2022",
         coordinatingInstructions: "2 May, 2022",
-        residencyApplicationDeadline: "15 April 2022"
-      }
+        residencyApplicationDeadline: "15 April 2022",
+      },
     };
-  }
+  },
 };
 </script>
-<style lang="scss">
-.residency {
-}
-</style>

src/views/WhoWeAre.vue

@@ -33,9 +33,7 @@
           </div>
           <div class="px-4 pt-4">
             <h4 class="mx-0">MISSION</h4>
-            <p class="pr-5">
-              Accelerate Secure Software Delivery for the DoD.
-            </p>
+            <p class="pr-5">Accelerate Secure Software Delivery for the DoD.</p>
           </div>
         </div>
       </div>
@@ -59,7 +57,7 @@
               :key="value.title"
             >
               <v-card width="100%" height="100%" class="px-16 py-16">
-                <div class="mb-5 value-header-text ">{{ value.title }}</div>
+                <div class="mb-5 value-header-text">{{ value.title }}</div>
                 <div class="value-text">
                   {{ value.text }}
                 </div>
@@ -188,9 +186,9 @@ export default {
     },
     closeDialog() {
       this.dialog = false;
-    }
+    },
   },
-  data: function() {
+  data: function () {
     return {
       dialog: false,
       img: null,
@@ -202,103 +200,87 @@ export default {
       valueStatements: [
         {
           title: "EMPOWER",
-          text:
-            "Empower individuals and teams with the trust to be accountable and grow Platform One into an organization that drives change personally and professionally."
+          text: "Empower individuals and teams with the trust to be accountable and grow Platform One into an organization that drives change personally and professionally.",
         },
         {
           title: "OBSESS",
-          text:
-            "Obsessively know our customers and solve their challenges by delivering actual, functional solutions instead of arguing about requirements and process. Continue to improve the solution well into the future."
+          text: "Obsessively know our customers and solve their challenges by delivering actual, functional solutions instead of arguing about requirements and process. Continue to improve the solution well into the future.",
         },
         {
           title: "VALUE",
-          text:
-            "We. Value. Diversity. We are committed to Diversity and Inclusion. Employees in our inclusive environments feel appreciated for their unique characteristics and therefore comfortable sharing their ideas and other aspects of their true and authentic selves."
+          text: "We. Value. Diversity. We are committed to Diversity and Inclusion. Employees in our inclusive environments feel appreciated for their unique characteristics and therefore comfortable sharing their ideas and other aspects of their true and authentic selves.",
         },
         {
           title: "NOURISH",
-          text:
-            "Nourish a culture of open, safe, candid communication, and decision making at all levels. We accomplish this by a heightened sense of self-awareness and encourage people to know their own faults and continuously work to improve them. When engaged in conversation, seek to understand the other's point of view prior to attempting to change his or her opinions."
-        }
+          text: "Nourish a culture of open, safe, candid communication, and decision making at all levels. We accomplish this by a heightened sense of self-awareness and encourage people to know their own faults and continuously work to improve them. When engaged in conversation, seek to understand the other's point of view prior to attempting to change his or her opinions.",
+        },
       ],
       principles: [
         {
           name: "Scale",
-          text:
-            "Features aren't complete until they are tested, automated, documented, and with training modules."
+          text: "Features aren't complete until they are tested, automated, documented, and with training modules.",
         },
         {
           name: "Mission Obsessed",
-          text:
-            "Obsess over the code that will form the baseline for weapon systems across the DoD: ships, planes, tanks, and nukes."
+          text: "Obsess over the code that will form the baseline for weapon systems across the DoD: ships, planes, tanks, and nukes.",
         },
         {
           name: "Everyone Codes",
-          text:
-            "What we do is code.  All of us... even if it is 3 hours a week using Youtube videos. No exceptions."
+          text: "What we do is code.  All of us... even if it is 3 hours a week using Youtube videos. No exceptions.",
         },
         {
           name: "Ownership",
-          text:
-            "Own every aspect of what you do, what you write, what you say, and what you use."
+          text: "Own every aspect of what you do, what you write, what you say, and what you use.",
         },
         {
           name: "Simple and Robust",
-          text:
-            "Make features as if 100,000 developers will use what you've developed."
+          text: "Make features as if 100,000 developers will use what you've developed.",
         },
         {
           name: "Continual Learning",
-          text: "We always look to improve our baseline and our brains."
+          text: "We always look to improve our baseline and our brains.",
         },
         {
           name: "Live in the trenches",
-          text:
-            "Success or failure is found in the details.  Don't ignore them because you don't have time to understand."
+          text: "Success or failure is found in the details.  Don't ignore them because you don't have time to understand.",
         },
         {
           name: "No Egos",
-          text:
-            "We will never be the best at everything, so don't claim or try to be.  Be open-minded about what others can bring to the table."
+          text: "We will never be the best at everything, so don't claim or try to be.  Be open-minded about what others can bring to the table.",
         },
         {
           name: "Invest in People",
-          text:
-            "The best investment you can make is in yourselves. The next best investment you can make is in the people next to you."
+          text: "The best investment you can make is in yourselves. The next best investment you can make is in the people next to you.",
         },
         {
           name: "We Serve",
-          text:
-            "We exist to help others succeed.  When they succeed, we succeed.  If you can help someone, do it."
+          text: "We exist to help others succeed.  When they succeed, we succeed.  If you can help someone, do it.",
         },
         {
           name: "Shoot for the moon",
-          text:
-            "Be bold and strive to make monumental changes that sound so crazy people won't believe you... even after you've done it."
+          text: "Be bold and strive to make monumental changes that sound so crazy people won't believe you... even after you've done it.",
         },
         {
           name: "Smart Decisions",
-          text:
-            "Encourage decisions to be made by the individuals with the most information.  If it's a technical decision, that means technical people, even if they are the lowest ranking."
-        }
+          text: "Encourage decisions to be made by the individuals with the most information.  If it's a technical decision, that means technical people, even if they are the lowest ranking.",
+        },
       ],
       cards: [
         {
           img: "Lt-col-brian-viola.png",
           name: "LT COL BRIAN VIOLA",
           position: "Materiel Leader",
-          bio:
-            "Lt Col Brian Viola is currently the Materiel Leader of Platform One, Air Force Lifecycle Management Center, Cryptologic & Cyber System Division, Cyber Systems Group. He attended Louisiana State University and commissioned through the Reserve Officer Training Corps. Most recently, Lt Col Viola served as the Commander for the 346th Test Squadron.",
+          bio: "Lt Col Brian Viola is currently the Materiel Leader of Platform One, Air Force Lifecycle Management Center, Cryptologic & Cyber System Division, Cyber Systems Group. He attended Louisiana State University and commissioned through the Reserve Officer Training Corps. Most recently, Lt Col Viola served as the Commander for the 346th Test Squadron.",
           flex: "4",
-          id_tag: "brian_viola"
+          id_tag: "brian_viola",
         },
         {
           img: "Duong-Hang.png",
           name: "DUONG HANG",
-          position: "Deputy Material Leader",
+          position: "Deputy Materiel Leader",
           bio: "Loves coders in uniform",
           flex: "4",
-          id_tag: "duong_hang"
+          id_tag: "duong_hang",
         },
         {
           img: "cam-cady.jpg",
@@ -306,7 +288,7 @@ export default {
           position: "Chief of Operations and Chief Technology Officer",
           bio: "Expert waffle maker",
           flex: "4",
-          id_tag: "cam"
+          id_tag: "cam",
         },
         {
           img: "Matthew-Huston.png",
@@ -314,7 +296,7 @@ export default {
           position: "Chief Information Security Officer",
           bio: "One Platform, Zero Trust",
           flex: "4",
-          id_tag: "matt_huston"
+          id_tag: "matt_huston",
         },
         {
           img: "Phillip-Record.png",
@@ -322,21 +304,12 @@ export default {
           position: "",
           bio: "Phillip is..well...Phillip. Yeah, that about sums it up...",
           flex: "4",
-          id_tag: "phillip_record"
+          id_tag: "phillip_record",
         },
-        {
-          img: "Austen-Bryan.png",
-          name: "MAJOR AUSTEN BRYAN",
-          position: "",
-          bio:
-            "Austen Bryan is our Chief of Futures and Innovation Officer and by that we mean he literally keeps the lights on and acts as a #meatshield for our internal team. He came to us from the Level UP team in San Antonio when this initiative took off. He is our bridge to the Acquisitions rockstars, that get us all contracts to work here and licenses for the tools to do our jobs, and our engineering teams working miracles on the daily. His leadership and guidance add structure to our chaos and get us from idea to creation so we’re not just vaporware that lives in PowerPoint – which we’ve seen before. His tentacles reach deep into Platform One but he keeps his head above water driving our vision and keeping a system view. If it wasn’t for Austen, we probably would’ve killed each other by now. He leads basically everything which is a wide variety in this startup (to big company transition) mode we operate in. Some days he’s writing acquisition documents, some days he just chats with customers, you just never know. What did he want to do? Code.",
-          flex: "4",
-          id_tag: "austen_bryan"
-        }
       ],
-      PageMetaWhoWeAre: PageMeta.WhoWeAre
+      PageMetaWhoWeAre: PageMeta.WhoWeAre,
     };
-  }
+  },
 };
 </script>
 <style lang="scss" scoped>
@@ -461,6 +434,13 @@ export default {
   .clickable {
     cursor: pointer;
     width: 250px;
+    filter: grayscale(100%);
+    transition: all 0.2s ease-in-out;
+  }
+
+  .clickable:hover {
+    transform: scale(1.05);
+    filter: grayscale(0%);
   }
 
   .custom-padding h4 {