updates cv's css to fit new style
This commit is contained in:
parent
3c889d9d75
commit
6ed31a54f4
3 changed files with 105 additions and 170 deletions
|
@ -1,6 +1,5 @@
|
|||
.projectThumbnail{
|
||||
width: 16vh;
|
||||
margin-left: 3vw;
|
||||
}
|
||||
|
||||
h2{
|
||||
|
@ -19,3 +18,7 @@ h2{
|
|||
padding: 10px;
|
||||
color: #ffd256;
|
||||
}
|
||||
|
||||
body{
|
||||
margin: 3vw;
|
||||
}
|
131
pages/CVPage.css
131
pages/CVPage.css
|
@ -12,14 +12,12 @@ body{
|
|||
background-color: #181818;
|
||||
|
||||
line-height: 1.3;
|
||||
margin: 3vw;
|
||||
}
|
||||
|
||||
h1{
|
||||
font-size: clamp(20px, 4vw, 170px);
|
||||
text-align: left;
|
||||
margin-top: 25vh;
|
||||
margin-left: 10vh;
|
||||
margin-bottom: 5vh;
|
||||
|
||||
}
|
||||
|
||||
|
@ -39,9 +37,8 @@ ul{
|
|||
}
|
||||
|
||||
li{
|
||||
padding-top: 20px;
|
||||
padding-top: 10px;
|
||||
font-size: 0.8vw;
|
||||
padding-right: 50px;
|
||||
}
|
||||
|
||||
a:link, a:visited{
|
||||
|
@ -50,148 +47,76 @@ a:link, a:visited{
|
|||
|
||||
.backButton{
|
||||
text-align: center;
|
||||
font-size: clamp(20px, 2vw, 170px);
|
||||
font-size: clamp(20px, 1vw, 170px);
|
||||
|
||||
margin-top: 10vh;
|
||||
}
|
||||
|
||||
.backButton{
|
||||
font-size: clamp(20px, 2vw, 170px);
|
||||
|
||||
margin-top: 10vh;
|
||||
margin-bottom: 5vh;
|
||||
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#backButtonContainer{
|
||||
text-align: center;
|
||||
margin-bottom: 7vh;
|
||||
margin-top: 7vh;
|
||||
}
|
||||
|
||||
#cvBody{
|
||||
display: grid;
|
||||
margin-left: 5vw;
|
||||
margin-right: 5vw;
|
||||
grid-template-columns: auto auto;
|
||||
grid-template-rows: auto auto;
|
||||
|
||||
min-height: 200px;
|
||||
min-width: 90vw;
|
||||
|
||||
border: solid 2px #ffd256;
|
||||
border-radius: 5px;
|
||||
#cv{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 10px;
|
||||
padding-bottom: 7vh;
|
||||
}
|
||||
|
||||
font-size: 1vw;
|
||||
#cvBody{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
#introText{
|
||||
grid-column: 1/3;
|
||||
grid-row: 1;
|
||||
border-bottom: solid 2px #ffd256;
|
||||
|
||||
font-size: 1.2rem;
|
||||
text-align: left;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
#workExperienceText{
|
||||
grid-column: 1;
|
||||
grid-row: 2;
|
||||
|
||||
margin-top: 10px;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
#extraNotesText{
|
||||
grid-column: 2;
|
||||
grid-row: 2;
|
||||
|
||||
margin-top: 10px;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
#cvDownload{
|
||||
margin-top: 10px;
|
||||
margin-left: 5vw;;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
@media (orientation:portrait){
|
||||
body{
|
||||
touch-action: manipulation; /*stops double tap zoom*/
|
||||
|
||||
-webkit-text-size-adjust: none; /*stops browsers messing with text size*/
|
||||
-moz-text-size-adjust: none;
|
||||
-ms-text-size-adjust: none;
|
||||
text-size-adjust: none;
|
||||
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
h1{
|
||||
margin-left: 0;
|
||||
margin-top: 5vh;
|
||||
text-align: center;
|
||||
font-size: clamp(20px, 10vw, 170px);
|
||||
}
|
||||
|
||||
h2{
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
font-size: 3vw;
|
||||
}
|
||||
|
||||
h3{
|
||||
font-size: 2.4vw;
|
||||
padding-bottom: 4px;
|
||||
}
|
||||
|
||||
ul{
|
||||
list-style-type: circle;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 20px;
|
||||
#cv{
|
||||
font-size: 1.8rem;
|
||||
}
|
||||
|
||||
li{
|
||||
padding-top: 20px;
|
||||
font-size: 2vw;
|
||||
padding-right: 50px;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.backButton{
|
||||
font-size: clamp(20px, 4vw, 170px);
|
||||
h3{
|
||||
font-size: 1.7rem;
|
||||
}
|
||||
|
||||
margin-top: 10vh;
|
||||
margin-bottom: 5vh;
|
||||
#workExperienceText{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
text-decoration: none;
|
||||
#extraNotesText{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#introText{
|
||||
grid-column: 1/3;
|
||||
grid-row: 1;
|
||||
border-bottom: solid 2px #ffd256;
|
||||
|
||||
padding-bottom: 20px;
|
||||
|
||||
font-size: 2vw;
|
||||
font-size: 1.28rem;
|
||||
}
|
||||
|
||||
#cvDownload{
|
||||
margin-top: 10px;
|
||||
margin-left: 5vw;;
|
||||
font-size: 3vw;
|
||||
}
|
||||
|
||||
#cvBody{
|
||||
margin-left: 3vw;
|
||||
margin-right: 3vw
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
@ -12,24 +12,18 @@
|
|||
|
||||
<body>
|
||||
<h1>
|
||||
CV
|
||||
Curriculum Vitae
|
||||
</h1>
|
||||
|
||||
<div id = "cvBody">
|
||||
<div id = "cv">
|
||||
<div id = "introText">
|
||||
<h2>Nye Evans</h2>
|
||||
I’m currently studying Computer Science, Psychology and Philosophy at A-level, as well as completing an Extended Project Qualification (EPQ) in Virtual Reality interaction design
|
||||
and physics simulation (self-taught). I have a passion for creating new and unique user experiences as well as a strong desire to learn and gain new experience within the software
|
||||
engineering industry.
|
||||
Currently running a gap year working as a waiter, creating personal projects and teaching myself vector maths and C++ before moving to aberystwyth university in 2022.
|
||||
</div>
|
||||
|
||||
<div id = "cvBody">
|
||||
<div id = "workExperienceText">
|
||||
<h2>Work Experience:</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<h3>2018 – 2020</h3>
|
||||
Kitchen Assistant at The Fleece Inn, Addingham <br>Temporarily left for 6 months to focus on GCSEs, during which I was given a reference by the head chef as one of the most hard-working employees they had.
|
||||
</li>
|
||||
<li>
|
||||
<h3>2018</h3>
|
||||
A week's work experience at <a href = "https://www.jbaconsulting.com/">jba consulting</a> writing a
|
||||
|
@ -41,7 +35,7 @@
|
|||
<ul>
|
||||
<li>
|
||||
<h3>2012 – Present</h3>
|
||||
Started programming learning Python and Scratch; moved onto HTML in 2015 and C++ in early 2019.
|
||||
Started programming learning Python and Scratch; moved onto HTML in 2015 and C#/C++ in early 2019.
|
||||
</li>
|
||||
<li>
|
||||
<h3>2018 – Present</h3>
|
||||
|
@ -53,8 +47,12 @@
|
|||
</li>
|
||||
<li>
|
||||
<h3>2018 – Present</h3>
|
||||
Creating video games and other programs or experiences for virtual reality and flat-screen platforms; currently working on a tower defence game in Python; developing a new
|
||||
programming language based in C++; and a virtual reality revision tool running in Unreal Engine 4 but soon to move to Unity.
|
||||
Creating video games and other programs or experiences for virtual reality and flat-screen platforms
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h3>2021 – Present</h3>
|
||||
Tutoring GCSE students in python
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
@ -63,18 +61,26 @@
|
|||
<h2>Education:</h2>
|
||||
<ul>
|
||||
<li>
|
||||
<h3>2014 – Present</h3>
|
||||
Student at Ilkley Grammar School <br><br>8 GCSEs grades 7-5<br>Notable Grade 7s in Computer Science, Electronics, and Chemistry<br><br>Current A-levels Computer Science,
|
||||
Psychology, and Philosophy<br>EPQ in Computer Science with a predicted grade: A-A*
|
||||
<h3>2014 – 2021</h3>
|
||||
Student at Ilkley Grammar School <br><br>
|
||||
|
||||
8 GCSEs grades 7-5 <br>
|
||||
Notable Grade 7s in Computer Science, Electronics, and Chemistry <br><br>
|
||||
|
||||
3 A-levels <br>
|
||||
Computer Science (A), <br>
|
||||
Psychology (A) <br>
|
||||
Philosophy (B) <br>
|
||||
with an EPQ in virtual reality design (A)
|
||||
</li>
|
||||
</ul>
|
||||
<h2>Skills:</h2>
|
||||
<ul>
|
||||
<li>Python</li>
|
||||
<li>C++</li>
|
||||
<li>C#</li>
|
||||
<li>HTML and CSS</li>
|
||||
<li>JavaScript and TypeScript</li>
|
||||
<li>C++</li>
|
||||
<!--
|
||||
</ul>
|
||||
<hr style = "color: #ffd256; width: 30%; margin: 0; margin-top: 25px; margin-left: 5px">
|
||||
|
@ -86,6 +92,7 @@
|
|||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id = "cvDownload">
|
||||
A copy of this can be downloaded <a href = "..\files\CV.pdf"><u>here</u></a>
|
||||
|
|
Loading…
Add table
Reference in a new issue