Add Electrical CV template for apprenticeship applications
All checks were successful
Deploy with Docker Compose / deploy (push) Successful in 23s
All checks were successful
Deploy with Docker Compose / deploy (push) Successful in 23s
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
@@ -5,10 +5,14 @@ import CVGeneral from "./CVGeneral.vue";
|
|||||||
import CVBackend from "./CVBackend.vue";
|
import CVBackend from "./CVBackend.vue";
|
||||||
import CVFrontend from "./CVFrontend.vue";
|
import CVFrontend from "./CVFrontend.vue";
|
||||||
import CVTemp from "./CVTemp.vue";
|
import CVTemp from "./CVTemp.vue";
|
||||||
|
import CVElectrical from "./CVElectrical.vue";
|
||||||
|
|
||||||
const CVHospitality = defineAsyncComponent(() => import("./CVHospitality.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 selected = ref(0);
|
||||||
const currentComponent = shallowRef(templates[0].component);
|
const currentComponent = shallowRef(templates[0].component);
|
||||||
|
|||||||
349
vue/src/views/CV/CVElectrical.vue
Normal file
349
vue/src/views/CV/CVElectrical.vue
Normal file
@@ -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>
|
||||||
Reference in New Issue
Block a user