adamf/web_server
1
1
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

Revise Electrical CV layout and content
All checks were successful
Deploy with Docker Compose / deploy (push) Successful in 18s
Details

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Adam French
2026-04-24 03:51:55 +01:00
parent de803dea9f
commit 6f204d4164
1 changed files with 250 additions and 243 deletions
Download Patch File Download Diff File Expand all files Collapse all files

493
vue/src/views/CV/CVElectrical.vue
View File

@@ -3,314 +3,321 @@ import Project from "./Project.vue";
</script> </script>
<template> <template>
<main> <main>
<div class="no-print w-full h-20"></div> <div class="no-print w-full h-20"></div>
<div class="a4page justify-between"> <div class="a4page justify-between">
<section> <section>
<div class="flex flex-col sm:flex-row sm:justify-between"> <div class="flex flex-col sm:flex-row sm:justify-between">
<h1 class="name">Adam French</h1> <h1 class="name">Adam French</h1>
<div class="contact-details sm:text-right"> <div class="contact-details sm:text-right">
<p>London, United Kingdom</p> <p>London, United Kingdom</p>
<p>+447563266931</p> <p>+447563266931</p>
<p>adam.a.french@outlook.com</p> <p>adam.a.french@outlook.com</p>
<h4> <h4>
<a href="https://www.adam-french.co.uk"> <a href="https://www.adam-french.co.uk">
www.adam-french.co.uk www.adam-french.co.uk
</a> </a>
</h4> </h4>
</div> </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>
</div> </div>
</section>
<div class="no-print w-full h-20"></div> <section>
</main> <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> </template>
<style scoped> <style scoped>
/* Fonts */ /* Fonts */
@font-face { @font-face {
font-family: "big_noodle_titling"; font-family: "big_noodle_titling";
src: url("/fonts/big_noodle_titling.woff2") format("woff2"); src: url("/fonts/big_noodle_titling.woff2") format("woff2");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
} }
@font-face { @font-face {
font-family: "CreatoDisplay"; font-family: "CreatoDisplay";
src: url("/fonts/CreatoDisplay-Bold.woff2") format("woff2"); src: url("/fonts/CreatoDisplay-Bold.woff2") format("woff2");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
} }
/* Variables */ /* Variables */
* { * {
--primary: black; --primary: black;
--secondary: #0000ff; --secondary: #0000ff;
--tertiary: #ff0000; --tertiary: #ff0000;
--quaternary: #cccccc; --quaternary: #cccccc;
--background: white; --background: white;
--font-heading: big_noodle_titling; --font-heading: big_noodle_titling;
--font-text: CreatoDisplay; --font-text: CreatoDisplay;
--font-size-name: 2.5em; --font-size-name: 2.5em;
--font-size-text: 100%; --font-size-text: 100%;
--font-size-small: 0.9em; --font-size-small: 0.9em;
--font-size-heading: 2.1em; --font-size-heading: 2.1em;
--font-size-subheading: 1.6em; --font-size-subheading: 1.6em;
--font-size-subsubheading: 1.3em; --font-size-subsubheading: 1.3em;
} }
/* A4 Page */ /* A4 Page */
.a4page { .a4page {
line-height: 1.5; line-height: 1.5;
font-family: var(--font-text); font-family: var(--font-text);
width: 210mm; width: 210mm;
height: 297mm; height: 297mm;
padding: 8mm; padding: 8mm;
box-sizing: border-box; box-sizing: border-box;
background-color: var(--background); background-color: var(--background);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
border: 1px solid var(--primary); border: 1px solid var(--primary);
overflow: hidden; overflow: hidden;
margin: auto auto; margin: auto auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
gap: 0.4em; gap: 0.4em;
} }
/* Component Styling */ /* Component Styling */
main { main {
padding: 0px; padding: 0px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: fit-content; height: fit-content;
background-color: white; background-color: white;
} }
h1, h1,
h2, h2,
h3, h3,
h4 { h4 {
margin: 0px; margin: 0px;
border: none; border: none;
color: var(--primary); color: var(--primary);
font-family: var(--font-heading); font-family: var(--font-heading);
text-transform: capitalize; text-transform: capitalize;
} }
h1 { h1 {
font-size: var(--font-size-heading); font-size: var(--font-size-heading);
} }
h2 { h2 {
border-bottom: 1px solid var(--primary); border-bottom: 1px solid var(--primary);
font-size: var(--font-size-subheading); font-size: var(--font-size-subheading);
} }
h3, h3,
h4 { h4 {
font-size: var(--font-size-subsubheading); font-size: var(--font-size-subsubheading);
} }
a:hover { a:hover {
color: var(--tertiary); color: var(--tertiary);
} }
a { a {
background-color: transparent; background-color: transparent;
color: var(--secondary); color: var(--secondary);
} }
p { p {
margin-bottom: 0.2em; margin-bottom: 0.2em;
color: var(--primary); color: var(--primary);
font-size: var(--font-size-text); font-size: var(--font-size-text);
} }
@media print { @media print {
.no-print { .no-print {
display: none !important; display: none !important;
} }
} }
small { small {
font-size: var(--font-size-small); font-size: var(--font-size-small);
color: var(--primary); color: var(--primary);
} }
ul { ul {
font-size: var(--font-size-small); font-size: var(--font-size-small);
margin: 0; margin: 0;
padding-left: 1.2em; padding-left: 1.2em;
} }
li { li {
font-size: var(--font-size-small); font-size: var(--font-size-small);
color: var(--primary); color: var(--primary);
} }
.skills-grid { .skills-grid {
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
gap: 0.3em 1em; gap: 0.3em 1em;
margin-bottom: 0.2em; margin-bottom: 0.2em;
} }
@media (max-width: 640px) { @media (max-width: 640px) {
.a4page { .a4page {
width: 100%; width: 100%;
height: auto; height: auto;
overflow: visible; overflow: visible;
box-shadow: none; box-shadow: none;
border: none; border: none;
} }
.skills-grid { .skills-grid {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
} }
</style> </style>