BULL-1702

src/components/NavBar.vue

@@ -35,6 +35,9 @@
             </v-list>
           </v-menu>
 
+          <router-link class="nav-item" to="/resellers">
+            {{ PageMeta.Resellers.nav }}
+          </router-link>
           <router-link class="nav-item" to="/resources">
             {{ PageMeta.Resources.nav }}
           </router-link>
@@ -104,6 +107,16 @@
 
         <v-divider class="mt-6 mb-2" />
 
+        <router-link
+          class="nav-item"
+          to="/resellers"
+          @click.native="menuVisible = false"
+        >
+          RESELLERS
+        </router-link>
+
+        <v-divider class="my-2" />
+
         <router-link
           class="nav-item"
           to="/resources"
@@ -172,7 +185,7 @@ export default {
   },
   methods: {
     onResize() {
-      this.burgerMenu = window.innerWidth < 1020;
+      this.burgerMenu = window.innerWidth < 1045;
     },
   },
 

src/constants/PageMeta.js

@@ -92,6 +92,13 @@ export const PageMeta = {
     path: "/products/cybersecurity/ctf",
   },
 
+  Resellers: {
+    nav: "RESELLERS",
+    title: "Resellers",
+    description: "",
+    path: "/resellers"
+  },
+
   Residency: {
     title: "Residency",
     subheading: "6-Month",

src/router/index.js

@@ -36,6 +36,17 @@ const routes = [
       breadcrumb: "Services"
     }
   },
+  {
+    path: "/resellers",
+    name: "Resellers",
+    component: () =>
+      import(/* webpackChunkName: "resellers" */ "@/views/Resellers.vue"),
+    meta: {
+      title: "Platform One | Resellers",
+      bodyClass: "resellers-page",
+      breadcrumb: "Resellers"
+    }
+  },
   {
     path: "/resources",
     name: "Resources",

src/views/Resellers.vue

+<template>
+  <div>
+    <PageHeader>
+      <template slot="title">
+        PLATFORM ONE <br />OFFICIAL
+        {{ PageMetaResellers.title }}
+      </template>
+    </PageHeader>
+    <div class="col-md-6 mx-auto pb-16">
+      <h3 class="pb-16 pl-3">Why A Platform One Reseller</h3>
+      <p class="pb-8 text-left">
+        By leveraging this fast track, applications can be approved to work on
+        government systems faster than ever. Partnering with a Reseller means
+        rapid environment deployment and priority access to platform updates,
+        new services, better security* continuous feedback, education and
+        training and container hardening.
+      </p>
+      <p class="pb-4 text-left">
+        Authorized Resellers are qualified service providers of Department of
+        Defense Enterprise DevSecOps Technology Stack. Use of Platform One Big
+        Bang evironments and Iron Bank Hardended containers enables more secure
+        software operations, leading to continuous Authoization to Operate
+        (cATO).
+      </p>
+      <p class="text-left">
+        *Platform One’s technologies have been pen tested by the NSA, the US Air
+        Force and the US Navy.
+      </p>
+    </div>
+    <div>
+      <h3 class="py-16">Connect With Our Resellers</h3>
+      <v-container class="pt-16 pb-10" fluid>
+        <v-row class="card-container">
+          <v-col
+            cols="12"
+            md="6"
+            xl="4"
+            v-for="reseller in resellers"
+            :key="reseller.name"
+          >
+            <div class="reseller-card card-content pt-10 mx-auto mb-8">
+              <v-col class="image-container">
+                <v-img
+                  :src="getImageUrl(reseller.img)"
+                  class="reseller-logo mb-8"
+                />
+              </v-col>
+              <v-col>
+                <h3 class="text-left px-0 pb-6">{{ reseller.name }}</h3>
+              </v-col>
+              <v-col class="description-container">
+                <p class="text-left pb-10">{{ reseller.description }}</p>
+              </v-col>
+              <v-col class="text-left">
+                <v-btn
+                  color="primary"
+                  class="mb-14"
+                  :href="reseller.link"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  Learn More
+                </v-btn>
+              </v-col>
+            </div>
+          </v-col>
+        </v-row>
+      </v-container>
+    </div>
+    <Wave :bottom="false">
+      <WhoWeServe />
+    </Wave>
+  </div>
+</template>
+<script>
+import PageHeader from "@/components/PageHeader";
+import { PageMeta } from "@/constants/PageMeta";
+import Wave from "@/components/Wave";
+import WhoWeServe from "@/components/WhoWeServe";
+
+export default {
+  name: "Resellers",
+  components: {
+    PageHeader,
+    Wave,
+    WhoWeServe,
+  },
+  methods: {
+    getImageUrl(filename) {
+      return require(`@/assets/images/reseller-logos/${filename}`);
+    },
+  },
+  data: function () {
+    return {
+      img: null,
+      PageMetaResellers: PageMeta.Resellers,
+      resellers: [
+        {
+          img: "booz-allen-hamilton-logo.png",
+          name: "Booz Allen",
+          description:
+            "Booz Allen Hamilton, an innovator and pioneer in successful P1 capability implementations, brings credible experience in driving adoption of Agile DevSecOps, Software Factories and P1 products and services in support of mission critical programs.",
+          link: "https://www.boozallen.com",
+        },
+        {
+          img: "braingu.png",
+          name: "BrainGu",
+          description:
+            "As P1 subject matter experts with experience in delivering Kubernetes-based DevSecOps platforms, we know the journey to transistioning from an existing legacy software solution to a Cloud-Native/DevSecOps solution can be difficult. We succeed in technology distribution because we respect the importance of the value that legacy technology brings.",
+          link: "https://www.braingu.com",
+        },
+        {
+          img: "ecs-logo.png",
+          name: "ECS",
+          description:
+            "ECS, ASGN's federal government segment, delivers advanced solutions in cloud, cybersecurity, data and artificial intelligence (AI), application and IT modernization, science, and engineering.",
+          link: "https://www.ecstech.com",
+        },
+        {
+          img: "accenture-novetta-logo.png",
+          name: "Novetta",
+          description:
+            "Novetta, a part of Accenture Federal Services brings nearly a decade of mission-focused Agile-based DevSecOps experience to the most challenging National Security/DoD problems.",
+          link: "https://www.novetta.com",
+        },
+        {
+          img: "revacomm-logo.jpeg",
+          name: "Revacomm",
+          description:
+            "RevaComm is a Hawaii-based, minority-owned, 8(a)SDB who has been instrumental not only in building, maintaining, education and onboarding Platform One customers to Party Bus, but also plays a vital role in P1's Big Bang deployment for Party Bus.",
+          link: "https://revacomm.com",
+        },
+        {
+          img: "seed-innovations-logo.png",
+          name: "Seed Innovations",
+          description:
+            "Seed Innovations, LLC (Seed) is a woman-owned small business specializing in P1's adoption. Seed has been involved in the development of Party Bus, Big Bang, and Container Hardening (Iron Bank) over the last two years.",
+          link: "https://www.seed-innovations.com",
+        },
+      ],
+    };
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.reseller-card {
+  background-color: #f4f4f4;
+  box-shadow: 0px 3px 5px;
+  border-radius: 4px;
+  padding: 0px 30px;
+}
+.reseller-logo {
+  max-width: 300px;
+  max-height: 300px;
+}
+.image-container {
+  height: 150px;
+}
+.description-container {
+  height: 50%;
+}
+@media only screen and (min-width: 600px) {
+  .description-container {
+    height: 50%;
+  }
+  .reseller-card {
+    width: 95%;
+  }
+  .card-container {
+    margin: 0px 30px;
+  }
+}
+@media only screen and (min-width: 960px) {
+  .description-container {
+    height: 40%;
+  }
+  .reseller-card {
+    height: 100%;
+  }
+}
+@media only screen and (min-width: 1264px) {
+  .description-container {
+    height: 35%;
+  }
+  .reseller-card {
+    height: 90%;
+  }
+}
+</style>

src/views/WhoWeAre.vue

@@ -33,7 +33,9 @@
           </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>
@@ -57,7 +59,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>
@@ -186,9 +188,9 @@ export default {
     },
     closeDialog() {
       this.dialog = false;
-    },
+    }
   },
-  data: function () {
+  data: function() {
     return {
       dialog: false,
       img: null,
@@ -200,79 +202,95 @@ 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",
@@ -280,7 +298,7 @@ export default {
           position: "Deputy Materiel Leader",
           bio: "Loves coders in uniform",
           flex: "4",
-          id_tag: "duong_hang",
+          id_tag: "duong_hang"
         },
         {
           img: "cam-cady.jpg",
@@ -288,7 +306,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",
@@ -296,7 +314,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",
@@ -304,12 +322,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"
+        }
       ],
-      PageMetaWhoWeAre: PageMeta.WhoWeAre,
+      PageMetaWhoWeAre: PageMeta.WhoWeAre
     };
-  },
+  }
 };
 </script>
 <style lang="scss" scoped>
@@ -434,8 +452,8 @@ export default {
   .clickable {
     cursor: pointer;
     width: 250px;
-    filter: grayscale(100%);
     transition: all 0.2s ease-in-out;
+    filter: grayscale(100%);
   }
 
   .clickable:hover {

tests/e2e/specs/links.js

 // https://docs.cypress.io/api/introduction/api.html
 const mainLinks = [
+  PageMeta.Home,
+  PageMeta.Services,
   PageMeta.Resources,
   PageMeta.WhoWeAre,
   PageMeta.ContactUs,
-  PageMeta.Services,
-  PageMeta.Home,
+  PageMeta.Resellers,
 ];
 const productLinks = [
   PageMeta.IronBank,
@@ -21,7 +22,7 @@ describe("Verifying Pageheader links", () => {
   it("Visits the main links in Desktop View", () => {
     cy.viewport(1024, 768);
     cy.visit("/");
-    cy.checkLinks(false, mainLinks);
+    cy.checkLinks(true, mainLinks);
     cy.checkLinks(true, productLinks);
   });