From 6f204d4164dee946c07e5351e0c2f51d5ef443e3 Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Fri, 24 Apr 2026 03:51:55 +0100
Subject: [PATCH] Revise Electrical CV layout and content

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 vue/src/views/CV/CVElectrical.vue | 493 +++++++++++++++---------------
 1 file changed, 250 insertions(+), 243 deletions(-)

diff --git a/vue/src/views/CV/CVElectrical.vue b/vue/src/views/CV/CVElectrical.vue
index 6c7ab4f..3826efd 100644
--- a/vue/src/views/CV/CVElectrical.vue
+++ b/vue/src/views/CV/CVElectrical.vue
@@ -3,314 +3,321 @@ import Project from "./Project.vue";
 </script>
 
 <template>
-    <main>
-        <div class="no-print w-full h-20"></div>
-        <div class="a4page justify-between">
-            <section>
-                <div class="flex flex-col sm:flex-row sm:justify-between">
-                    <h1 class="name">Adam French</h1>
-                    <div class="contact-details sm:text-right">
-                        <p>London, United Kingdom</p>
-                        <p>+447563266931</p>
-                        <p>adam.a.french@outlook.com</p>
-                        <h4>
-                            <a href="https://www.adam-french.co.uk">
-                                www.adam-french.co.uk
-                            </a>
-                        </h4>
-                    </div>
-                </div>
-            </section>
-
-            <section>
-                <h2>Profile</h2>
-                <p>
-                    Computer Science with Mathematics graduate (First
-                    Class, 81.1%) applying for an electrical
-                    apprenticeship. Five years of bar and waiting work
-                    alongside my degree, and a background of building and
-                    running my own home server setup. After finishing
-                    university I've decided I want to work with my hands
-                    rather than behind a desk, and I'm ready to start at
-                    the bottom and work through the NVQ.
-                </p>
-            </section>
-
-            <section>
-                <h2>Key Strengths</h2>
-                <div class="skills-grid">
-                    <div>
-                        <strong>Technical</strong><br /><small>
-                            Good with numbers from my Maths degree.
-                            Comfortable with Excel and the Microsoft
-                            Suite. Pick up new tools quickly.
-                        </small>
-                    </div>
-                    <div>
-                        <strong>Practical</strong><br /><small>
-                            Careful and patient with procedure. Used to
-                            checking my own work before calling it done.
-                            Take safety rules seriously.
-                        </small>
-                    </div>
-                    <div>
-                        <strong>People</strong><br /><small>
-                            Five years of customer-facing work. Reliable
-                            turning up, easy to work with, keep my head
-                            when a shift gets busy.
-                        </small>
-                    </div>
-                </div>
-            </section>
-
-            <section>
-                <h2>Experience</h2>
-
-                <Project class="border-b border-dotted">
-                    <template #left>
-                        <h4>Belgrave Music Hall</h4>
-                    </template>
-                    <template #top>
-                        <small>Bartender & Waiter</small>
-                        <small>2021–2025</small>
-                    </template>
-                    <p>
-                        Busy live-music venue in Leeds. Worked the bar
-                        and floor across gig nights and event days,
-                        following the usual health, safety and hygiene
-                        procedures. Got on well with the team and could
-                        be trusted to open or close on my own.
-                    </p>
-                </Project>
-                <Project class="border-b border-dotted">
-                    <template #left>
-                        <h4>BFI Riverfront Kitchen</h4>
-                    </template>
-                    <template #top>
-                        <small>Cashier & Waiter</small>
-                        <small>2018–2020</small>
-                    </template>
-                    <p>
-                        Ran the till and waited tables at a café on the
-                        South Bank. First proper job. Learned how to keep
-                        cash-handling tidy and how to talk to a lot of
-                        different people without getting flustered.
-                    </p>
-                </Project>
-                <Project>
-                    <template #left>
-                        <h4>Personal Projects</h4>
-                    </template>
-                    <template #top>
-                        <small>Self-directed learning</small>
-                        <small>2021–present</small>
-                    </template>
-                    <p>
-                        Built my own website and host it at home on a
-                        Raspberry Pi. Set up the networking and low-voltage
-                        DC wiring myself. When something breaks I work
-                        through it until it's fixed, which is the same
-                        mindset I'd bring to a site.
-                    </p>
-                </Project>
-            </section>
-
-            <section>
-                <h2>Education</h2>
-                <div class="w-full flex flex-col sm:flex-row gap-5">
-                    <div class="flex-1 sm:border-r border-dotted sm:pr-3">
-                        <h3>
-                            <a
-                                href="https://www.adam-french.co.uk/pdf/transcript.pdf"
-                            >
-                                University of Leeds
-                            </a>
-                        </h3>
-                        <div
-                            class="flex-row flex place-content-between m-auto place-items-center"
-                        >
-                            <small>First Class Honours (81.1%)</small>
-                            <small>2021–2025</small>
-                        </div>
-                        <small>BSc Computer Science with Mathematics</small>
-                    </div>
-                    <div class="flex-1 sm:pl-3">
-                        <h3>GCSEs</h3>
-                        <small>
-                            Including English Language and Mathematics,
-                            both well above the Grade 4/5 (C) requirement.
-                        </small>
-                    </div>
-                </div>
-            </section>
-
-            <section>
-                <h2>Additional</h2>
-                <ul class="list-disc list-inside">
-                    <li>
-                        Full right to work in the UK. Happy to relocate or
-                        travel for the right role.
-                    </li>
-                    <li>
-                        Fine with a safety-critical medical as part of
-                        recruitment.
-                    </li>
-                    <li>
-                        Up for college day-release and seeing the NVQ all
-                        the way through.
-                    </li>
-                    <li>References on request.</li>
-                </ul>
-            </section>
+  <main>
+    <div class="no-print w-full h-20"></div>
+    <div class="a4page justify-between">
+      <section>
+        <div class="flex flex-col sm:flex-row sm:justify-between">
+          <h1 class="name">Adam French</h1>
+          <div class="contact-details sm:text-right">
+            <p>London, United Kingdom</p>
+            <p>+447563266931</p>
+            <p>adam.a.french@outlook.com</p>
+            <h4>
+              <a href="https://www.adam-french.co.uk">
+                www.adam-french.co.uk
+              </a>
+            </h4>
+          </div>
         </div>
+      </section>
 
-        <div class="no-print w-full h-20"></div>
-    </main>
+      <section>
+        <h2>Profile</h2>
+        <p>
+          Computer Science with Mathematics graduate (First Class, 81.1%)
+          applying for an electrical apprenticeship. Three cumulative years of
+          part-time bar and waiting work done alongside my degree. Throughout my
+          hospitality work I valued working with my hands rather than behind a
+          desk. I want to earn an NVQ Level 3 in Electrical Installation to
+          build a long-term career in a skilled trade.
+        </p>
+      </section>
+
+      <section>
+        <div class="skills-grid">
+          <div>
+            <h2>Technical Skills</h2>
+            <ul class="list-disc list-inside">
+              <li>
+                Strong with calculations and digital tools, developed by my
+                degree.
+              </li>
+              <li>
+                Comfortable working and planning independently, as well as in
+                teams.
+              </li>
+            </ul>
+          </div>
+          <div>
+            <h2>Practical Skills</h2>
+            <ul class="list-disc list-inside">
+              <li>Careful and patient with procedures.</li>
+              <li>Used to checking own work thoroughly.</li>
+            </ul>
+          </div>
+          <div>
+            <h2>Additional</h2>
+            <ul class="list-disc list-inside">
+              <li>A*A*A* A-Levels.</li>
+              <li>Full UK driving licence.</li>
+              <li>Full right to work in the UK.</li>
+              <li>Eager to complete training to a high standard.</li>
+              <li>References on request.</li>
+            </ul>
+          </div>
+        </div>
+      </section>
+
+      <section>
+        <h2>Experience</h2>
+
+        <Project class="border-b border-dotted">
+          <template #left>
+            <h4>Belgrave Music Hall</h4>
+          </template>
+          <template #top>
+            <small>Bartender & Waiter</small>
+            <small>2021–2025</small>
+          </template>
+          <p>
+            Served food and drinks in a high-volume live-music venue in Leeds.
+            Handled busy weekend shifts, managed multiple tables simultaneously,
+            and maintained a calm, friendly demeanour during peak hours.
+          </p>
+        </Project>
+        <Project class="border-b border-dotted">
+          <template #left>
+            <h4>The Crown and Anchor</h4>
+          </template>
+          <template #top>
+            <small>Bartender & Waiter</small>
+            <small>2020–2021</small>
+          </template>
+          <p>
+            Worked front-of-house at a busy pub, pulling pints, taking orders,
+            and ensuring a welcoming atmosphere. Built rapport with regulars and
+            adapted quickly to changing priorities during service.
+          </p>
+        </Project>
+        <Project class="border-b border-dotted">
+          <template #left>
+            <h4>To The Rise Bakery</h4>
+          </template>
+          <template #top>
+            <small>Barista & Front of House</small>
+            <small>2020–2021</small>
+          </template>
+          <p>
+            Worked at a bakery in Eastbourne, preparing freshly baked goods for
+            display, operating the coffee machine, and keeping bakery equipment
+            spotless. Built rapport with regulars and provided attentive,
+            friendly service.
+          </p>
+        </Project>
+        <Project>
+          <template #left>
+            <h4>BFI Riverfront Kitchen</h4>
+          </template>
+          <template #top>
+            <small>Cashier & Waiter</small>
+            <small>2018–2020</small>
+          </template>
+          <p>
+            Operated the till, served customers, and helped coordinate table
+            service at a café on London's South Bank. Developed strong
+            cash-handling accuracy and customer interaction skills in a
+            fast-paced environment.
+          </p>
+        </Project>
+      </section>
+
+      <div class="w-full flex flex-col sm:flex-row gap-5">
+        <section class="flex-1">
+          <h2>
+            <a href="https://www.adam-french.co.uk/pdf/transcript.pdf">
+              University of Leeds
+            </a>
+          </h2>
+          <div
+            class="flex-row flex place-content-between m-auto place-items-center"
+          >
+            <small>First Class Honours (81.1%)</small>
+            <small>Sep 2021 – Jun 2025</small>
+          </div>
+          <small>BSc Computer Science with Mathematics</small>
+          <ul class="list-disc list-inside">
+            <li>Algorithms & Data Structures I & II</li>
+            <li>Compiler Design and Construction</li>
+            <li>Formal Languages & Finite Automata</li>
+            <li>Graph Algorithms & Complexity Theory</li>
+            <li>Machine Learning, Databases, Computer Processors</li>
+          </ul>
+        </section>
+        <section class="flex-1">
+          <h2>University of Waterloo</h2>
+          <div
+            class="flex-row flex place-content-between m-auto place-items-center"
+          >
+            <small>Year abroad</small>
+            <small>Sep 2023 – Apr 2024</small>
+          </div>
+          <ul class="list-disc list-inside">
+            <li>Applied Cryptography</li>
+            <li>Introduction to Computer Graphics</li>
+            <li>Introduction to Rings and Fields with Applications</li>
+          </ul>
+        </section>
+      </div>
+    </div>
+
+    <div class="no-print w-full h-20"></div>
+  </main>
 </template>
 
 <style scoped>
 /* Fonts */
 @font-face {
-    font-family: "big_noodle_titling";
-    src: url("/fonts/big_noodle_titling.woff2") format("woff2");
-    font-weight: normal;
-    font-style: normal;
-    font-display: swap;
+  font-family: "big_noodle_titling";
+  src: url("/fonts/big_noodle_titling.woff2") format("woff2");
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
 }
 
 @font-face {
-    font-family: "CreatoDisplay";
-    src: url("/fonts/CreatoDisplay-Bold.woff2") format("woff2");
-    font-weight: normal;
-    font-style: normal;
-    font-display: swap;
+  font-family: "CreatoDisplay";
+  src: url("/fonts/CreatoDisplay-Bold.woff2") format("woff2");
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
 }
 
 /* Variables */
 * {
-    --primary: black;
-    --secondary: #0000ff;
-    --tertiary: #ff0000;
-    --quaternary: #cccccc;
-    --background: white;
+  --primary: black;
+  --secondary: #0000ff;
+  --tertiary: #ff0000;
+  --quaternary: #cccccc;
+  --background: white;
 
-    --font-heading: big_noodle_titling;
-    --font-text: CreatoDisplay;
-    --font-size-name: 2.5em;
-    --font-size-text: 100%;
-    --font-size-small: 0.9em;
-    --font-size-heading: 2.1em;
-    --font-size-subheading: 1.6em;
-    --font-size-subsubheading: 1.3em;
+  --font-heading: big_noodle_titling;
+  --font-text: CreatoDisplay;
+  --font-size-name: 2.5em;
+  --font-size-text: 100%;
+  --font-size-small: 0.9em;
+  --font-size-heading: 2.1em;
+  --font-size-subheading: 1.6em;
+  --font-size-subsubheading: 1.3em;
 }
 
 /* A4 Page */
 .a4page {
-    line-height: 1.5;
-    font-family: var(--font-text);
-    width: 210mm;
-    height: 297mm;
-    padding: 8mm;
-    box-sizing: border-box;
-    background-color: var(--background);
-    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
-    border: 1px solid var(--primary);
-    overflow: hidden;
-    margin: auto auto;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    gap: 0.4em;
+  line-height: 1.5;
+  font-family: var(--font-text);
+  width: 210mm;
+  height: 297mm;
+  padding: 8mm;
+  box-sizing: border-box;
+  background-color: var(--background);
+  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
+  border: 1px solid var(--primary);
+  overflow: hidden;
+  margin: auto auto;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  gap: 0.4em;
 }
 
 /* Component Styling */
 main {
-    padding: 0px;
-    display: flex;
-    flex-direction: column;
-    height: fit-content;
-    background-color: white;
+  padding: 0px;
+  display: flex;
+  flex-direction: column;
+  height: fit-content;
+  background-color: white;
 }
 
 h1,
 h2,
 h3,
 h4 {
-    margin: 0px;
-    border: none;
-    color: var(--primary);
-    font-family: var(--font-heading);
-    text-transform: capitalize;
+  margin: 0px;
+  border: none;
+  color: var(--primary);
+  font-family: var(--font-heading);
+  text-transform: capitalize;
 }
 
 h1 {
-    font-size: var(--font-size-heading);
+  font-size: var(--font-size-heading);
 }
 
 h2 {
-    border-bottom: 1px solid var(--primary);
-    font-size: var(--font-size-subheading);
+  border-bottom: 1px solid var(--primary);
+  font-size: var(--font-size-subheading);
 }
 
 h3,
 h4 {
-    font-size: var(--font-size-subsubheading);
+  font-size: var(--font-size-subsubheading);
 }
 
 a:hover {
-    color: var(--tertiary);
+  color: var(--tertiary);
 }
 a {
-    background-color: transparent;
-    color: var(--secondary);
+  background-color: transparent;
+  color: var(--secondary);
 }
 
 p {
-    margin-bottom: 0.2em;
-    color: var(--primary);
-    font-size: var(--font-size-text);
+  margin-bottom: 0.2em;
+  color: var(--primary);
+  font-size: var(--font-size-text);
 }
 
 @media print {
-    .no-print {
-        display: none !important;
-    }
+  .no-print {
+    display: none !important;
+  }
 }
 
 small {
-    font-size: var(--font-size-small);
-    color: var(--primary);
+  font-size: var(--font-size-small);
+  color: var(--primary);
 }
 
 ul {
-    font-size: var(--font-size-small);
-    margin: 0;
-    padding-left: 1.2em;
+  font-size: var(--font-size-small);
+  margin: 0;
+  padding-left: 1.2em;
 }
 
 li {
-    font-size: var(--font-size-small);
-    color: var(--primary);
+  font-size: var(--font-size-small);
+  color: var(--primary);
 }
 
 .skills-grid {
-    display: grid;
-    grid-template-columns: 1fr 1fr 1fr;
-    gap: 0.3em 1em;
-    margin-bottom: 0.2em;
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  gap: 0.3em 1em;
+  margin-bottom: 0.2em;
 }
 
 @media (max-width: 640px) {
-    .a4page {
-        width: 100%;
-        height: auto;
-        overflow: visible;
-        box-shadow: none;
-        border: none;
-    }
+  .a4page {
+    width: 100%;
+    height: auto;
+    overflow: visible;
+    box-shadow: none;
+    border: none;
+  }
 
-    .skills-grid {
-        grid-template-columns: 1fr;
-    }
+  .skills-grid {
+    grid-template-columns: 1fr;
+  }
 }
 </style>