Merge branch 'bb-onboarding-updates' into 'master'

BB Onboarding: Fix Text and Styling

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

src/views/BigBangOnboarding.vue

@@ -6,11 +6,6 @@
       description="Learn more about our onboarding process!"
     />
     <v-container class="px-md-8 px-auto" fluid>
-      <v-container class="px-md-16" fluid>
-        <h2 class="my-3 mx-md-16 mx-auto">
-          Helping you build software factories for your specific mission needs!
-        </h2>
-      </v-container>
       <img
         class="img-fluid mx-auto mt-4 bb-logo"
         src="@/assets/images/logos/Big_Bang_Color_Logo_Black_text.png"
@@ -72,7 +67,7 @@
           </div>
         </div>
       </div>
-      <div class="my-4">
+      <div class="my-16 px-8">
         <h2 class="my-6 pt-sm-12 mt-sm-12">Our Workshop</h2>
         <p class="mx-lg-16">
           Ideal for engineers interested in deploying the Big Bang tech stack in
@@ -80,7 +75,7 @@
         </p>
         <div class="row justify-content-center text-left">
           <div class="col-0 col-md-1"></div>
-          <div class="col-12 col-md-2">
+          <div class="col-12 col-md-3">
             <h4 class="ml-n8">Topics Covered:</h4>
             <ul class="text">
               <li class="pt-2">IaC/CaC - Ansible</li>
@@ -91,7 +86,7 @@
           </div>
           <div class="col-12 col-md-3">
             <ul class="mt-md-12">
-              <li class="pt-2">GitOps & ArgoCD</li>
+              <li class="pt-2">GitOps & Argo CD</li>
               <li class="pt-2">GitLab CI/CD</li>
               <li class="pt-2">Istio & Kubernetes Networking</li>
               <li class="pt-2">Big Bang Services & Apps</li>
@@ -111,7 +106,7 @@
         </div>
       </div>
 
-      <div class="my-4">
+      <div class="my-4 px-8">
         <h2 class="my-6 pt-sm-12 mt-sm-12">Our Residency</h2>
         <p class="mx-lg-16">
           Our 11-day residency is designed for SRE/Operations Engineers
@@ -144,72 +139,73 @@
         </div>
       </div>
     </v-container>
-    <div class="my-4">
+    <div class="my-4 px-10">
       <h2 class="my-6 pt-sm-12 mt-sm-12">More Information</h2>
       <div class="row justify-content-center text-left">
-        <div class="col-12 col-md-4">
+        <div class="col-12 col-md-1"></div>
+        <div class="col-12 col-md-3">
           <h4 class="ml-n8">Quick Links</h4>
           <p>
             Our 11-day residency is designed for SRE/Operations Engineers
             interested in deploying a Big Bang Cluster into their own
             environment.
           </p>
-          <p class="title-text mt-4 mb-1">
-            More information on Workshop:
-          </p>
-          <a
-            class="quick-link"
-            href="https://repo1.dsop.io/platform-one/onboarding/big-bang/big-bang-workshop"
-            target="_blank"
-          >
-            https://repo1.dsop.io/platform-one/onboarding/big-bang/big-bang-workshop
-          </a>
-          <p class="title-text mt-8 mb-1">
-            More information on Residency:
-          </p>
-          <a
-            class="quick-link"
-            href="https://repo1.dsop.io/platform-one/onboarding/big-bang-residency-info/"
-            target="_blank"
-          >
-            https://repo1.dsop.io/platform-one/onboarding/big-bang-residency-info/
-          </a>
-          <p class="title-text mt-8 mb-1">Orientation Registration:</p>
-          <a
-            class="quick-link"
-            href="https://oteemo.zoom.us/webinar/register/4215995700746/WN_cmVCCryIQ2uygkVkIO_UZA"
-            target="_blank"
-          >
-            https://oteemo.zoom.us/webinar/register/4215995700746/WN_cmVCCryIQ2uygkVkIO_UZA
-          </a>
-          <p class="title-text mt-8 mb-1">Workshop Prerequisites:</p>
-          <a
-            class="quick-link"
-            href="https://repo1.dsop.io/platform-one/onboarding/big-bang/big-bang-workshop#
+          <ul>
+            <li>
+              <a
+                class="quick-link"
+                href="https://repo1.dsop.io/platform-one/onboarding/big-bang/big-bang-workshop"
+                target="_blank"
+              >
+                More information on Workshop
+              </a>
+            </li>
+            <li>
+              <a
+                class="quick-link"
+                href="https://repo1.dsop.io/platform-one/onboarding/big-bang-residency-info/"
+                target="_blank"
+              >
+                More information on Residency
+              </a>
+            </li>
+            <li>
+              <a
+                class="quick-link"
+                href="https://oteemo.zoom.us/webinar/register/4215995700746/WN_cmVCCryIQ2uygkVkIO_UZA"
+                target="_blank"
+              >
+                Orientation Registration
+              </a>
+            </li>
+            <li>
+              <a
+                class="quick-link"
+                href="https://repo1.dsop.io/platform-one/onboarding/big-bang/big-bang-workshop#
 workshop-roles-prerequisites"
-            target="_blank"
-          >
-            https://repo1.dsop.io/platform-one/onboarding/big-bang/big-bang-workshop#
-            workshop-roles-prerequisites
-          </a>
-          <p class="title-text mt-8 mb-1">Residency Prerequisites:</p>
-          <a
-            class="quick-link"
-            href="https://repo1.dsop.io/platform-one/onboarding/big-bang-residency-info/#residency-
+                target="_blank"
+              >
+                Workshop Prerequisites
+              </a>
+            </li>
+            <li>
+              <a
+                class="quick-link"
+                href="https://repo1.dsop.io/platform-one/onboarding/big-bang-residency-info/#residency-
 prerequisite-knowledge"
-            target="_blank"
-          >
-            https://repo1.dsop.io/platform-one/onboarding/big-bang-residency-info/#residency-
-            prerequisite-knowledge
-          </a>
-          <p class="title-text mt-8 mb-1">
-            More Information on Platform One:
-          </p>
-          <a class="quick-link" href="http://p1.dsop.io/" target="_blank">
-            http://p1.dsop.io/
-          </a>
+                target="_blank"
+              >
+                Residency Prerequisites
+              </a>
+            </li>
+            <li>
+              <a class="quick-link" href="http://p1.dsop.io/" target="_blank">
+                More Information on Platform One
+              </a>
+            </li>
+          </ul>
         </div>
-        <div class="col-12 col-md-4 pl-md-16">
+        <div class="col-12 col-md-3 pl-md-16">
           <h4 class="ml-n8">Questions</h4>
           <p class="title-text mt-4 mb-1">For Onboarding Logistics:</p>
           <a
@@ -304,15 +300,15 @@ export default {
           details: [
             "Day 1: Overview of Platform One and Big Bang",
             "Day 2: Security Overview of P1",
-            "Days 3 & 4: Big Bang Deployment (cluster, air-gapped docker registry, air-gapped git repo)"
+            "Days 3 & 4: Big Bang Deployment (cluster, air-gapped Docker registry, air-gapped Git repo)"
           ]
         },
         {
           done: false,
           text: "WEEK 2: BIG BANG CONFIG MANAGEMENT AND SECURITY TOOLING",
           details: [
-            "Days 5 & 6: GitOps, ArgoCd, & Secrets",
-            "Days 7 & 8: GitlabCI and Security Tooling"
+            "Days 5 & 6: GitOps, Argo CD, & Secrets",
+            "Days 7 & 8: GitLab CI and Security Tooling"
           ]
         },
         {
@@ -320,8 +316,8 @@ export default {
           text:
             'WEEK 3: BIG "DAY 2" OPERATIONS AND MANAGING A BIG BANG CLUSTER',
           details: [
-            "Day 9: Operator Pattern and Consolidated Monitoring with Prometheus and Grafana",
-            "Day 10: Consolidated Logging with ECK",
+            "Day 9: Operator pattern and consolidated monitoring with Prometheus and Grafana",
+            "Day 10: Consolidated logging with ECK",
             'Day 11: "Day 2" Operations'
           ]
         }