formatting

This commit is contained in:
2025-11-21 13:37:21 +00:00
parent cb904872c4
commit 7edb86ab31
3 changed files with 395 additions and 596 deletions

View File

@@ -1,59 +1,77 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head>
<head> <link rel="stylesheet" href="/css/cv_styles.css" />
<link rel="stylesheet" href="styles.css"> <meta charset="UTF-8" />
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Adam French - Cover Letters</title>
<title>Adam French - Cover Letters</title> <style>
<style> @media print {
@media print { @page {
@page { size: A5 landscape;
size: A5 landscape; margin: 0;
margin: 0; }
} }
} </style>
</style> </head>
</head>
<body> <body>
<table id="cover-nav" class="cover-nav no-print"> <table id="cover-nav" class="cover-nav no-print">
<tr> <tr>
<th>Companies</th> <th>Companies</th>
<th>Completed</th> <th>Completed</th>
</tr> </tr>
<tr> <tr>
<td><a href="#LloydsBank">Lloyds</a></td> <td><a href="#LloydsBank">Lloyds</a></td>
<td>YES</td> <td>YES</td>
</tr> </tr>
</table> </table>
<div
<div class="no-print" style="width:100%;text-align:center;margin:20px 0;"></div> class="no-print"
<div id="LloydsBank" class="a5page"> style="width: 100%; text-align: center; margin: 20px 0"
<div class="contact"> ></div>
<h1>Adam French</h1> <div id="LloydsBank" class="a5page">
<!-- <a href="index.html"><img width=25 height=50 src="img/rune.png"></a> --> <div class="contact">
<div class="contact-details"> <h1>Adam French</h1>
<p>+447563266931</p> <!-- <a href="index.html"><img width=25 height=50 src="img/rune.png"></a> -->
<p>adam.a.french@outlook.com</p> <div class="contact-details">
<p>+447563266931</p>
<p>adam.a.french@outlook.com</p>
</div>
</div> </div>
<h2>BAE graduate digital intelligence software engineer</h2>
<p>
I am writing to express my interest in your software engineering
position. BAE Systems has hosted multiple stools at the
University of Leeds and have always exhibited their development
of leading-edge software and technology. This is where the
origin of my interest in BAE systems emerged and I'm hopeful
that this interest shall continue.
</p>
<p>
I'm confidient im a strong fit for this role. My technical
background includes extensive experience with frontend
frameworks such as React. My devotion however lies more in
backend development as has more potential to graple problems
related to optimisation and designing coherent interfaces.
</p>
<p>
<em> The C# Programming Yellow Book </em> was my first
introduction to C# during A-Level, Java was our vessel for
teaching object-orientated programming at university. I am
confident I have the relevant experience to grasp the languages
stated for the role I am applying for.
</p>
<p>
My academic background in Computer Science and Mathematics has
honed my ability to translate abstract concepts into structured,
logical solutions. Just as I have transformed theoretical
hypotheses into formal proofs, I aim to transform business
requirements into robust, maintainable software systems through
collaboration and rigorous reasoning.
</p>
<p>Thank you for reading - Adam F</p>
</div> </div>
<h2>BAE graduate digital intelligence software engineer</h2> </body>
<p> </html>
I am writing to express my interest in your software engineering position. BAE Systems has hosted multiple stools at the University of Leeds and have always exhibited their development of leading-edge software and technology. This is where the origin of my interest in BAE systems emerged and I'm hopeful that this interest shall continue.
</p>
<p>
I'm confidient im a strong fit for this role. My technical background includes extensive experience with frontend frameworks such as React. My devotion however lies more in backend development as has more potential to graple problems related to optimisation and designing coherent interfaces.
</p>
<p>
<em> The C# Programming Yellow Book </em> was my first introduction to C# during A-Level, Java was our vessel for teaching object-orientated programming at university. I am confident I have the relevant experience to grasp the languages stated for the role I am applying for.
</p>
<p>
My academic background in Computer Science and Mathematics has honed my ability to translate abstract concepts into structured, logical solutions. Just as I have transformed theoretical hypotheses into formal proofs, I aim to transform business requirements into robust, maintainable software systems through collaboration and rigorous reasoning.
</p>
<p>
Thank you for reading - Adam F
</p>
</div>
</body>

View File

@@ -1,283 +1,336 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="/css/cv_styles.css" />
<meta charset="UTF-8"> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Adam French - CV</title> <title>Adam French - CV</title>
<style> <style>
@media print { @media print {
@page { @page {
size: A4 portrait; size: A4 portrait;
margin: 0; margin: 0;
} }
</style> </style>
</head> </head>
<body> <body>
<div class="no-print" style="width:100%;text-align:center;margin:20px 0;"> <div
<h1>Page 1</h1> class="no-print"
</div> style="width: 100%; text-align: center; margin: 20px 0"
>
<div class="a4page"> <h1>Page 1</h1>
<div class="contact">
<h1>Adam French</h1>
<!-- <a href="covers.html"><img width=25 height=50 src="img/rune.png"></a> -->
<div class="contact-details">
<p>+447563266931</p>
<p>adam.a.french@outlook.com</p>
</div>
</div> </div>
<h2>Profile</h2> <div class="a4page">
<p> <div class="contact">
Passionate about developing robust, efficient software with a strong focus on maintainability, scalability, and long-term performance. I take pride in my ability to perform under pressure, adapt quickly, and contribute effectively in collaborative, fast-paced environments. <h1>Adam French</h1>
</p> <!-- <a href="covers.html"><img width=25 height=50 src="img/rune.png"></a> -->
<p> <div class="contact-details">
My ideal role involves designing and building scalable systems that balance creativity with problem-solving. I aim to cultivate meaningful professional connections and contribute to projects that deliver a clear altruistic impact. <p>+447563266931</p>
</p> <p>adam.a.french@outlook.com</p>
</div>
</div>
<h2>Education</h2> <h2>Profile</h2>
<table> <p>
<tr> Passionate about developing robust, efficient software with a
<th>Location</th> strong focus on maintainability, scalability, and long-term
<th>Date</th> performance. I take pride in my ability to perform under
<th>Description</th> pressure, adapt quickly, and contribute effectively in
</tr> collaborative, fast-paced environments.
<tr> </p>
<td>The University of Leeds</td> <p>
<td> My ideal role involves designing and building scalable systems
<!-- <div style="display: flex; flex-direction: column; align-items: center;"> --> that balance creativity with problem-solving. I aim to cultivate
<!-- <span>2021</span> --> meaningful professional connections and contribute to projects
<!-- <span>to</span> --> that deliver a clear altruistic impact.
<!-- <span>2025</span> --> </p>
<!-- </div> -->
2021-2025
</td>
<td class="row-leftalign">
<strong>BSc Computer Science with Mathematics (International)</strong><br>
<strong>Average: 81.1%&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;(First Class Honours) </strong><br>
<strong>Relevant Courses: </strong>
Procedural Programming, Object Oriented Programming, Algorithms and Data Structures I & II, Databases, Computer Processors, Compiler Design and Construction, Formal Languages and Finite Automata, Probability and Statistics I, Machine Learning, Graph Algorithms & Complexity Theory
</td>
</tr>
<tr>
<td>The University of Waterloo</td>
<td>
<!-- <div style="display: flex; flex-direction: column; align-items: center;"> -->
<!-- <span>2023</span> -->
<!-- <span>to</span> -->
<!-- <span>2024</span> -->
<!-- </div> -->
2023-2024
</td>
<td class="row-leftalign">
<strong>Average: 74.5%</strong>
<br>
<strong>Relevant Courses:</strong>
Applied Cryptography, Introduction to Computer Graphics, Introduction to Rings and Fields with Applications<br><br>
</td>
</tr>
</table>
<h2>Experience</h2> <h2>Education</h2>
<table> <table>
<tr> <tr>
<th>Role</th> <th>Location</th>
<th>Location</th> <th>Date</th>
<th>Date</th> <th>Description</th>
<th>Duties</th> </tr>
</tr> <tr>
<tr> <td>The University of Leeds</td>
<td>Student</td> <td>
<td>Wolfram Summer School</td> <!-- <div style="display: flex; flex-direction: column; align-items: center;"> -->
<td>2024</td> <!-- <span>2021</span> -->
<td class="row-leftalign"> <!-- <span>to</span> -->
Designed and completed a time-constrained research project exploring Mobile Automata and conditions for computational reversibility. Communicated findings through visualizations and presentations. <!-- <span>2025</span> -->
</td> <!-- </div> -->
</tr> 2021-2025
<tr> </td>
<td>Bartender</td> <td class="row-leftalign">
<td>Belgrave Music Hall</td> <strong
<td>2022-2025</td> >BSc Computer Science with Mathematics
<td class="row-leftalign"> (International)</strong
Delivered heartfelt customer service in various fast-paced, high-pressure hospitality environments.</td> ><br />
</tr> <strong
<tr> >Average:
<td>Cashier Assistant</td> 81.1%&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;&ensp;(First
<td>To The Rise Bakery</td> Class Honours) </strong
<td>Summer 2022</td> ><br />
<td class="row-leftalign"> <strong>Relevant Courses: </strong>
Prepared coffee, served customers, presented goods, cleaned bakery equipment, and made toasties.</td> Procedural Programming, Object Oriented Programming,
</tr> Algorithms and Data Structures I & II, Databases,
<tr> Computer Processors, Compiler Design and Construction,
<td>Waiter</td> Formal Languages and Finite Automata, Probability and
<td>BFI Bar and Kitchen</td> Statistics I, Machine Learning, Graph Algorithms &
<td>Summer 2020</td> Complexity Theory
<td class="row-leftalign"> </td>
Managed bookings, allocated tables, handled complaints, ran food and drinks, and maintained BOH cleanliness.</td> </tr>
</tr> <tr>
</table> <td>The University of Waterloo</td>
<td>
<!-- <div style="display: flex; flex-direction: column; align-items: center;"> -->
<!-- <span>2023</span> -->
<!-- <span>to</span> -->
<!-- <span>2024</span> -->
<!-- </div> -->
2023-2024
</td>
<td class="row-leftalign">
<strong>Average: 74.5%</strong>
<br />
<strong>Relevant Courses:</strong>
Applied Cryptography, Introduction to Computer Graphics,
Introduction to Rings and Fields with Applications<br /><br />
</td>
</tr>
</table>
<h2>Experience</h2>
<table>
<tr>
<th>Role</th>
<th>Location</th>
<th>Date</th>
<th>Duties</th>
</tr>
<tr>
<td>Student</td>
<td>Wolfram Summer School</td>
<td>2024</td>
<td class="row-leftalign">
Designed and completed a time-constrained research
project exploring Mobile Automata and conditions for
computational reversibility. Communicated findings
through visualizations and presentations.
</td>
</tr>
<tr>
<td>Bartender</td>
<td>Belgrave Music Hall</td>
<td>2022-2025</td>
<td class="row-leftalign">
Delivered heartfelt customer service in various
fast-paced, high-pressure hospitality environments.
</td>
</tr>
<tr>
<td>Cashier Assistant</td>
<td>To The Rise Bakery</td>
<td>Summer 2022</td>
<td class="row-leftalign">
Prepared coffee, served customers, presented goods,
cleaned bakery equipment, and made toasties.
</td>
</tr>
<tr>
<td>Waiter</td>
<td>BFI Bar and Kitchen</td>
<td>Summer 2020</td>
<td class="row-leftalign">
Managed bookings, allocated tables, handled complaints,
ran food and drinks, and maintained BOH cleanliness.
</td>
</tr>
</table>
</div>
<div
class="no-print"
style="width: 100%; text-align: center; margin: 20px 0"
>
<h1>Page 2</h1>
</div>
<div class="a4page">
<h2>Personal Projects</h2>
<table>
<tr>
<th>Project</th>
<th>Skills</th>
<th>Date</th>
<th>Description</th>
</tr>
<tr>
<td>Mobile Automata</td>
<td>Mathematica, JS, Logic, Analysis</td>
<td>2024</td>
<td class="row-leftalign">
Designed experiments and analysis tools to identify
pattern similarities among automata. Investigated
computational properties by defining specific phenomena
and observing emergent behaviors through custom
simulations.
</td>
</tr>
<tr>
<td>Computer Graphics</td>
<td>Rust, Linear Algebra, Multi-threading</td>
<td>2023</td>
<td class="row-leftalign">
Developed a multi-threaded, recursive ray tracer as part
of a University of Waterloo project. Explored advanced
ray-surface intersection techniques, including
experimental rendering of higher-dimensional geometries.
</td>
</tr>
<tr>
<td>Arduino Programming & Circuits</td>
<td>C++, Soldering, Embedded Systems</td>
<td>2022 - 2025</td>
<td class="row-leftalign">
Created room decorations using salvaged components from
discarded electronics.
</td>
</tr>
<tr>
<td>Memory Palace Website</td>
<td>TS, Rust, React, Redux, SQLite</td>
<td>2025</td>
<td class="row-leftalign">
Full-stack web application implementing the “memory
palace” memorization technique. Built with a React/Redux
frontend, Rust-based Actix backend, and SQLite database.
</td>
</tr>
<tr>
<td>Personal Websites</td>
<td>HTML, JS, Design, UI/UX</td>
<td>Ongoing</td>
<td class="row-leftalign">
Continuously evolving my personal site and designing
other creative websites. Experimented with Svelte, Vue,
and React/Redux using libraries such as P5 and Three.js.
</td>
</tr>
<tr>
<td>3D Printing</td>
<td>FreeCAD</td>
<td>Ongoing</td>
<td class="row-leftalign">
Designing and manufacturing household objects and
repairs, including replacement window handles, desk
organizers, and 3D scans.
</td>
</tr>
</table>
</div> <h2>Commitments</h2>
<table>
<tr>
<th>Activity</th>
<th>Date</th>
<th>Details</th>
</tr>
<tr>
<td>Learning Mandarin</td>
<td>Ongoing</td>
<td class="row-leftalign">
Aiming to complete HSK 3 proficiency exam by December
2026
</td>
</tr>
<!-- <tr> -->
<!-- <td>Cybersecurity Training</td> -->
<!-- <td>Ongoing</td> -->
<!-- <td class="row-leftalign"> -->
<!-- Using <em>pwn.college, tryhackme.com</em> to learn pentesting techniques.</td> -->
<!-- </tr> -->
<tr>
<td>Sports Activities</td>
<td>Ongoing</td>
<td class="row-leftalign">
Run weekly, active gym attendee, regularly go hiking.
</td>
</tr>
<tr>
<td>Construction and Landscaping</td>
<td>Ongoing</td>
<td class="row-leftalign">
Involved in building a house in Bulgaria.
</td>
</tr>
<tr>
<td>University of Waterloo Film Club</td>
<td>2023-2024</td>
<td class="row-leftalign">
Worked on student films <em>“Moon King”</em> and
<em>“HAM”</em>, available online.
</td>
</tr>
<tr>
<td>Socratica</td>
<td>2023-2024</td>
<td class="row-leftalign">
Worked with like-minded individuals exploring innovative
tech.
</td>
</tr>
<tr>
<td>University of Leeds Hockey Club</td>
<td>2022-2023</td>
<td class="row-leftalign">
Played for the University of Leeds Hockey Club.
</td>
</tr>
<tr>
<td>Royal Air Force Air Cadets</td>
<td>2017-2020</td>
<td class="row-leftalign">
Achieved the role of Sergeant and “Best Cadet" award.
</td>
</tr>
</table>
<div class="no-print" style="width:100%;text-align:center;margin:20px 0;"> <!-- <div class="interests"> -->
<h1>Page 2</h1> <!-- <table> -->
</div> <!-- <tr><th>Personal qualities</th></tr> -->
<!-- <tr><td>Intuitive</td></tr> -->
<!-- <tr><td>Communicative</td></tr> -->
<!-- <tr><td>Adaptable</td></tr> -->
<!-- <tr><td>Versatile</td></tr> -->
<!-- <tr><td>Diligent</td></tr> -->
<!-- </table> -->
<!-- <table> -->
<!-- <tr><th>Interests</th></tr> -->
<!-- <tr><td>Neuroscience</td></tr> -->
<!-- <tr><td>Bouldering</td></tr> -->
<!-- <tr><td>Science Fiction</td></tr> -->
<!-- <tr><td>Mathematics</td></tr> -->
<!-- <tr><td>Hiking</td></tr> -->
<!-- </table> -->
<!-- <table> -->
<!-- <tr><th>Languages</th></tr> -->
<!-- <tr><td>Rust</td></tr> -->
<!-- <tr><td>HTML/JS</td></tr> -->
<!-- <tr><td>C/C++</td></tr> -->
<!-- <tr><td>React/Vue</td></tr> -->
<!-- <tr><td>Python</td></tr> -->
<!-- </table> -->
<!-- </div> -->
</div>
<div class="a4page"> <div
class="no-print"
style="width: 100%; text-align: center; margin: 20px 0"
<h2>Personal Projects</h2> >
<table> <h1>END</h1>
<tr> </div>
<th>Project</th> </body>
<th>Skills</th>
<th>Date</th>
<th>Description</th>
</tr>
<tr>
<td>Mobile Automata</td>
<td>Mathematica, JS, Logic, Analysis</td>
<td>2024</td>
<td class="row-leftalign">
Designed experiments and analysis tools to identify pattern similarities among automata. Investigated computational properties by defining specific phenomena and observing emergent behaviors through custom simulations.
</td>
</tr>
<tr>
<td>Computer Graphics</td>
<td>Rust, Linear Algebra, Multi-threading</td>
<td>2023</td>
<td class="row-leftalign">
Developed a multi-threaded, recursive ray tracer as part of a University of Waterloo project. Explored advanced ray-surface intersection techniques, including experimental rendering of higher-dimensional geometries.
</td>
</tr>
<tr>
<td>Arduino Programming & Circuits</td>
<td>C++, Soldering, Embedded Systems</td>
<td>2022 - 2025</td>
<td class="row-leftalign">
Created room decorations using salvaged components from discarded electronics.
</td>
</tr>
<tr>
<td>Memory Palace Website</td>
<td>TS, Rust, React, Redux, SQLite</td>
<td>2025</td>
<td class="row-leftalign">
Full-stack web application implementing the “memory palace” memorization technique. Built with a React/Redux frontend, Rust-based Actix backend, and SQLite database.
</td>
</tr>
<tr>
<td>Personal Websites</td>
<td>HTML, JS, Design, UI/UX</td>
<td>Ongoing</td>
<td class="row-leftalign">
Continuously evolving my personal site and designing other creative websites. Experimented with Svelte, Vue, and React/Redux using libraries such as P5 and Three.js.
</td>
</tr>
<tr>
<td>3D Printing</td>
<td>FreeCAD</td>
<td>Ongoing</td>
<td class="row-leftalign">
Designing and manufacturing household objects and repairs, including replacement window handles, desk organizers, and 3D scans.
</td>
</tr>
</table>
<h2>Commitments</h2>
<table>
<tr>
<th>Activity</th>
<th>Date</th>
<th>Details</th>
</tr>
<tr>
<td>Learning Mandarin</td>
<td>Ongoing</td>
<td class="row-leftalign">
Aiming to complete HSK 3 proficiency exam by December 2026</td>
</tr>
<!-- <tr> -->
<!-- <td>Cybersecurity Training</td> -->
<!-- <td>Ongoing</td> -->
<!-- <td class="row-leftalign"> -->
<!-- Using <em>pwn.college, tryhackme.com</em> to learn pentesting techniques.</td> -->
<!-- </tr> -->
<tr>
<td>Sports Activities</td>
<td>Ongoing</td>
<td class="row-leftalign">
Run weekly, active gym attendee, regularly go hiking.</td>
</tr>
<tr>
<td>Construction and Landscaping</td>
<td>Ongoing</td>
<td class="row-leftalign">
Involved in building a house in Bulgaria.</td>
</tr>
<tr>
<td>University of Waterloo Film Club</td>
<td>2023-2024</td>
<td class="row-leftalign">
Worked on student films <em>“Moon King”</em> and <em>“HAM”</em>, available online.</td>
</tr>
<tr>
<td>Socratica</td>
<td>2023-2024</td>
<td class="row-leftalign">
Worked with like-minded individuals exploring innovative tech.</td>
</tr>
<tr>
<td>University of Leeds Hockey Club</td>
<td>2022-2023</td>
<td class="row-leftalign">
Played for the University of Leeds Hockey Club.</td>
</tr>
<tr>
<td>Royal Air Force Air Cadets</td>
<td>2017-2020</td>
<td class="row-leftalign">
Achieved the role of Sergeant and “Best Cadet" award.</td>
</tr>
</table>
<!-- <div class="interests"> -->
<!-- <table> -->
<!-- <tr><th>Personal qualities</th></tr> -->
<!-- <tr><td>Intuitive</td></tr> -->
<!-- <tr><td>Communicative</td></tr> -->
<!-- <tr><td>Adaptable</td></tr> -->
<!-- <tr><td>Versatile</td></tr> -->
<!-- <tr><td>Diligent</td></tr> -->
<!-- </table> -->
<!-- <table> -->
<!-- <tr><th>Interests</th></tr> -->
<!-- <tr><td>Neuroscience</td></tr> -->
<!-- <tr><td>Bouldering</td></tr> -->
<!-- <tr><td>Science Fiction</td></tr> -->
<!-- <tr><td>Mathematics</td></tr> -->
<!-- <tr><td>Hiking</td></tr> -->
<!-- </table> -->
<!-- <table> -->
<!-- <tr><th>Languages</th></tr> -->
<!-- <tr><td>Rust</td></tr> -->
<!-- <tr><td>HTML/JS</td></tr> -->
<!-- <tr><td>C/C++</td></tr> -->
<!-- <tr><td>React/Vue</td></tr> -->
<!-- <tr><td>Python</td></tr> -->
<!-- </table> -->
<!-- </div> -->
</div>
<div class="no-print" style="width:100%;text-align:center;margin:20px 0;">
<h1>END</h1>
</div>
</body>
</html> </html>

View File

@@ -1,272 +0,0 @@
/* Fonts */
@font-face {
font-family: "AldoTheApache";
src: url("/fonts/AldotheApache.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "RobotFont";
src: url("/fonts/Robot_Font.otf") format("opentype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "m12";
src: url("/fonts/m12.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "big_noodle_titling";
src: url("/fonts/big_noodle_titling.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "CreatoDisplay";
src: url("/fonts/CreatoDisplay-Bold.otf") format("opentype");
font-weight: normal;
font-style: normal;
}
/* Variables */
:root {
/* Blue - Beige */
/* --primary: #153448;
--secondary: #3C5B6F;
--tertiary: #948979;
--quaternary: #f5bb78;
--background: #DFD0B8; */
/* Blue - Turqouise */
/* --primary: #161D6F;
--secondary: #0B2F9F;
--tertiary: #98DED9;
--quaternary: #C7FFD8;
--background: #C2EFD1; */
/* Red - Blue */
/* --primary: #ff204e; */
/* --secondary: #a0153e; */
/* --tertiary: #5d0341; */
/* --quaternary: #3a0e41; */
/* --background: #00224d; */
/* Blue - Brown */
/* --primary: #35374B; */
/* --secondary: #344955; */
/* --tertiary: #50727b; */
/* --quaternary: #78a083; */
/* --background: #c7b077; */
/* Black - White */
--primary: black;
--secondary: black;
--tertiary: black;
--quaternary: #cccccc;
--background: white;
/* Blue - White */
/* --primary: #201e43; */
/* --secondary: #134b70; */
/* --tertiary: #508c9b; */
/* --quaternary: #cceeee; */
/* --background: #eeeeee; */
--font-heading: big_noodle_titling;
--font-text: CreatoDisplay;
--font-size-text: 90%;
--font-size-heading: 2.5em;
--font-size-tableheading: 1.2em;
}
/* A5 Page */
.a5page {
/* overflow: scroll; */
display: flex;
flex-direction: column;
font-family: var(--font-text);
height: 148mm;
width: 210mm;
padding: 5mm;
box-sizing: border-box;
background-color: var(--background);
box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
border: solid 2px var(--primary);
}
/* A4 Page */
.a4page {
font-family: var(--font-text);
width: 210mm;
/* Standard A4 width */
height: 297mm;
/* Standard A4 height */
padding: 10mm;
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: auto;
/* Enables scrolling when content exceeds height */
margin: 0 auto;
/* Centers the page horizontally */
}
/* Component Styling */
body {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
line-height: 1.6;
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4 {
color: var(--primary);
font-family: var(--font-heading);
text-transform: capitalize;
text-align: center;
}
h1 {
font-size: var(--font-size-heading);
}
h2 {
margin: 0px;
border-bottom: 2px solid var(--primary);
}
p {
color: var(--secondary);
font-size: var(--font-size-text);
margin-top: 0.3em;
margin-bottom: 0.5em;
}
table {
color: var(--secondary);
width: 100%;
border-collapse: collapse;
}
td {
/* border: 2px solid var(--tertiary); */
border-top: 1px solid var(--tertiary);
padding: 1px 0px 1px 10px;
font-size: var(--font-size-text);
text-align: center;
}
th {
border: 2px solid var(--tertiary);
padding: 1px 0px 1px 7px;
font-family: var(--font-heading);
font-size: var(--font-size-tableheading);
background-color: var(--quaternary);
text-align: left;
}
a {
text-decoration: none;
color: inherit;
}
a:hover,
a:visited {
color: inherit;
}
/* Classes */
/* Cover Navigation (for ease of use) */
.cover-nav {
position: fixed;
top: 0.5vh;
/* Position the element at the top of the screen */
left: 80vw;
/* Position the element at the left of the screen */
border: 2px solid var(--tertiary);
width: 19.5vw;
/* Make the element span the width of the screen (optional) */
background-color: var(--background);
/* Set a background color to avoid overlap issues */
z-index: 1000;
/* Ensures the element is above other content */
}
.cover-nav td,
tr {
font-family: var(--font-text);
border: 0;
}
.cover-nav th {
text-align: center;
align-items: center;
border-bottom: 2px solid var(--tertiary);
}
@media print {
.no-print {
display: none !important;
}
}
/* Cover letter styling */
textarea {
width: 100%;
height: 100%;
padding: 10px;
box-sizing: border-box;
border: 0px solid var(--primary);
resize: none;
font-family: var(--font-text);
}
/* Contact At Top of Page */
.contact {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 2px solid var(--primary);
}
.contact-details {
display: flex;
flex-direction: column;
text-align: right;
}
.contact-details p {
margin: 2px 0;
}
/* Interests and Skills at bottom of page */
.interests {
display: flex;
justify-content: space-between;
align-items: flex-start;
border-top: solid 2px var(--primary);
}
.interests td,
tr,
th {
border: 0;
}
.row-leftalign {
/* background-image: url("https://www.fridakahlo.org/assets/img/paintings/without-hope.jpg"); */
text-align: left;
}