Include grades

vue/src/router/index.js

@@ -47,12 +47,14 @@ const router = createRouter({
                 {
                     path: "shrines/skipskipbenben",
                     name: "skipskipbenben shrine",
-          component: () => import("@/views/home/shrines/Skipskipbenben.vue"),
+                    component: () =>
+                        import("@/views/home/shrines/Skipskipbenben.vue"),
                 },
                 {
                     path: "shrines/evangelion",
                     name: "evangelion shrine",
-          component: () => import("@/views/home/shrines/Evangelion.vue"),
+                    component: () =>
+                        import("@/views/home/shrines/Evangelion.vue"),
                 },
                 {
                     path: "shrines/demoman",
@@ -66,6 +68,11 @@ const router = createRouter({
                 },
             ],
         },
+        {
+            path: "/stp2",
+            name: "home2",
+            component: () => import("@/views/home2/Home2.vue"),
+        },
         {
             path: "/cv",
             component: CVLayout,

vue/src/views/CV/CVAnalyst.vue

@@ -204,6 +204,35 @@ import Project from "./Project.vue";
           </p>
         </Project>
       </section>
+      <section>
+        <h2>University Academy of Engineering Southbank</h2>
+        <div
+          class="flex-row flex place-content-between m-auto place-items-center"
+        >
+          <strong>A Levels</strong>
+          <small>Sep 2019 – Jun 2021</small>
+        </div>
+        <div class="grades-grid">
+          <span>Mathematics</span><span>A*</span>
+          <span>Further Mathematics</span><span>A*</span>
+          <span>Physics</span><span>A*</span>
+        </div>
+        <div
+          class="flex-row flex place-content-between m-auto place-items-center mt-2"
+        >
+          <strong>GCSEs</strong>
+          <small>2019</small>
+        </div>
+        <div class="grades-grid">
+          <span>English Literature</span><span>9</span>
+          <span>Mathematics</span><span>9</span>
+          <span>Physics</span><span>9</span>
+          <span>English Language</span><span>8</span>
+          <span>Biology</span><span>8</span>
+          <span>Chemistry</span><span>8</span>
+          <span>Computer Science</span><span>7</span>
+        </div>
+      </section>
       <div class="w-full flex flex-col sm:flex-row gap-5">
         <section class="flex-1">
           <h2>Soft Skills</h2>

vue/src/views/CV/cv-shared.css

@@ -131,6 +131,28 @@
   margin-bottom: 0.2em;
 }
 
+.cv-template .grades-grid {
+  display: grid;
+  grid-template-columns: repeat(2, auto 1fr);
+  column-gap: 0.5em;
+  row-gap: 0.1em;
+  font-size: var(--cv-text-size);
+  color: var(--primary);
+  margin: 0.15em 0;
+}
+
+.cv-template .grades-grid > span:nth-child(4n + 2),
+.cv-template .grades-grid > span:nth-child(4n) {
+  font-weight: 600;
+  padding-right: 1.5em;
+}
+
+@media (max-width: 640px) {
+  .cv-template .grades-grid {
+    grid-template-columns: auto 1fr;
+  }
+}
+
 .cv-template table {
   color: var(--secondary);
   border-collapse: collapse;