From 2bcb47a1a122e4654a1026817e4ee8ef2f0438c8 Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Tue, 21 Apr 2026 12:08:03 +0100
Subject: [PATCH] Add Electrical CV template for apprenticeship applications

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 vue/src/views/CV/CV.vue           |   6 +-
 vue/src/views/CV/CVElectrical.vue | 349 ++++++++++++++++++++++++++++++
 2 files changed, 354 insertions(+), 1 deletion(-)
 create mode 100644 vue/src/views/CV/CVElectrical.vue

diff --git a/vue/src/views/CV/CV.vue b/vue/src/views/CV/CV.vue
index 4f166c6..ff8c507 100644
--- a/vue/src/views/CV/CV.vue
+++ b/vue/src/views/CV/CV.vue
@@ -5,10 +5,14 @@ import CVGeneral from "./CVGeneral.vue";
 import CVBackend from "./CVBackend.vue";
 import CVFrontend from "./CVFrontend.vue";
 import CVTemp from "./CVTemp.vue";
+import CVElectrical from "./CVElectrical.vue";
 
 const CVHospitality = defineAsyncComponent(() => import("./CVHospitality.vue"));
 
-const templates = [{ label: "General", component: CVGeneral }];
+const templates = [
+    { label: "General", component: CVGeneral },
+    { label: "Electrical", component: CVElectrical },
+];
 
 const selected = ref(0);
 const currentComponent = shallowRef(templates[0].component);
diff --git a/vue/src/views/CV/CVElectrical.vue b/vue/src/views/CV/CVElectrical.vue
new file mode 100644
index 0000000..7c3a633
--- /dev/null
+++ b/vue/src/views/CV/CVElectrical.vue
@@ -0,0 +1,349 @@
+<script setup>
+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>
+                    Motivated applicant seeking to begin a career as an
+                    Installation Electrician through the Level 3 Electrical
+                    Installation apprenticeship. First Class Honours graduate
+                    in Computer Science with Mathematics with a strong
+                    technical foundation, practical problem-solving ability,
+                    and five years of customer-facing work experience.
+                    Genuinely keen to move from software into hands-on
+                    electrical work, committed to safety, and eager to learn
+                    from experienced mentors at Selwood.
+                </p>
+            </section>
+
+            <section>
+                <h2>Why Electrical</h2>
+                <p>
+                    My background is in problem-solving, logical reasoning,
+                    and working carefully with complex systems — skills that
+                    translate directly to electrical installation. I want a
+                    practical, skilled trade where the work is tangible,
+                    safety matters, and every job produces something real.
+                    Pump rental and site-based installation work appeals to
+                    me because no two days are the same and the learning
+                    never stops.
+                </p>
+            </section>
+
+            <section>
+                <h2>Key Strengths</h2>
+                <div class="skills-grid">
+                    <div>
+                        <strong>Technical</strong><br /><small>
+                            Strong numeracy (Maths degree-level), logical
+                            troubleshooting, confident with Excel and the
+                            Microsoft Suite, quick to pick up new tools.
+                        </small>
+                    </div>
+                    <div>
+                        <strong>Practical</strong><br /><small>
+                            Methodical, precise, safety-conscious. Comfortable
+                            following procedures exactly and double-checking
+                            work before signing off.
+                        </small>
+                    </div>
+                    <div>
+                        <strong>Interpersonal</strong><br /><small>
+                            Clear communicator, reliable team member,
+                            composed under pressure — proven across five
+                            years of hospitality.
+                        </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>
+                        Worked in a busy live-music venue following strict
+                        health, safety and hygiene procedures. Coordinated
+                        with colleagues across bar, kitchen and events to
+                        keep shifts running smoothly. Developed reliability,
+                        punctuality, and the ability to stay calm when
+                        things get busy.
+                    </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>
+                        Front-of-house role at a busy pub. Built rapport
+                        with regulars, adapted quickly to changing
+                        priorities, and took pride in getting every detail
+                        right.
+                    </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>
+                        Operated the till and coordinated table service at
+                        a café on London's South Bank. Strong cash-handling
+                        accuracy and confident customer interaction.
+                    </p>
+                </Project>
+                <Project>
+                    <template #left>
+                        <h4>Personal Projects</h4>
+                    </template>
+                    <template #top>
+                        <small>Self-directed learning</small>
+                        <small>2021–present</small>
+                    </template>
+                    <p>
+                        Built and self-hosted my own website infrastructure,
+                        including wiring and configuring hardware in my home
+                        (Raspberry Pi, networking, low-voltage DC). Regularly
+                        diagnose, test, and fix faults — the same
+                        methodical approach I'd bring to an electrical
+                        install.
+                    </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 · based in London,
+                        willing to relocate / travel for the role
+                    </li>
+                    <li>
+                        Happy to undertake a safety-critical medical as
+                        part of the recruitment process
+                    </li>
+                    <li>
+                        Committed to college day-release study and the
+                        full Level 3 NVQ programme
+                    </li>
+                    <li>
+                        References available on request
+                    </li>
+                </ul>
+            </section>
+        </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-face {
+    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;
+
+    --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;
+}
+
+/* Component Styling */
+main {
+    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;
+}
+
+h1 {
+    font-size: var(--font-size-heading);
+}
+
+h2 {
+    border-bottom: 1px solid var(--primary);
+    font-size: var(--font-size-subheading);
+}
+
+h3,
+h4 {
+    font-size: var(--font-size-subsubheading);
+}
+
+a:hover {
+    color: var(--tertiary);
+}
+a {
+    background-color: transparent;
+    color: var(--secondary);
+}
+
+p {
+    margin-bottom: 0.2em;
+    color: var(--primary);
+    font-size: var(--font-size-text);
+}
+
+@media print {
+    .no-print {
+        display: none !important;
+    }
+}
+
+small {
+    font-size: var(--font-size-small);
+    color: var(--primary);
+}
+
+ul {
+    font-size: var(--font-size-small);
+    margin: 0;
+    padding-left: 1.2em;
+}
+
+li {
+    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;
+}
+
+@media (max-width: 640px) {
+    .a4page {
+        width: 100%;
+        height: auto;
+        overflow: visible;
+        box-shadow: none;
+        border: none;
+    }
+
+    .skills-grid {
+        grid-template-columns: 1fr;
+    }
+}
+</style>