Fix text and styling

f2ec2ede · Luke Glasscock · f6f0955e · f2ec2ede
Commit f2ec2ede authored 4 years ago by Luke Glasscock
--- a/src/views/BigBangOnboarding.vue
+++ b/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'
          ]
        }