updates cv's css to fit new style
This commit is contained in:
Nye Evans
parent
3c889d9d75
commit
6ed31a54f4
3 changed files with 105 additions and 170 deletions
|
|
@ -1,6 +1,5 @@
|
||||||
.projectThumbnail{
|
.projectThumbnail{
|
||||||
width: 16vh;
|
width: 16vh;
|
||||||
margin-left: 3vw;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h2{
|
h2{
|
||||||
|
|
@ -19,3 +18,7 @@ h2{
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
color: #ffd256;
|
color: #ffd256;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
body{
|
||||||
|
margin: 3vw;
|
||||||
|
}
|
||||||
131
pages/CVPage.css
131
pages/CVPage.css
|
|
@ -12,14 +12,12 @@ body{
|
||||||
background-color: #181818;
|
background-color: #181818;
|
||||||
|
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
|
margin: 3vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1{
|
h1{
|
||||||
font-size: clamp(20px, 4vw, 170px);
|
font-size: clamp(20px, 4vw, 170px);
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin-top: 25vh;
|
|
||||||
margin-left: 10vh;
|
|
||||||
margin-bottom: 5vh;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -39,9 +37,8 @@ ul{
|
||||||
}
|
}
|
||||||
|
|
||||||
li{
|
li{
|
||||||
padding-top: 20px;
|
padding-top: 10px;
|
||||||
font-size: 0.8vw;
|
font-size: 0.8vw;
|
||||||
padding-right: 50px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
a:link, a:visited{
|
a:link, a:visited{
|
||||||
|
|
@ -50,148 +47,76 @@ a:link, a:visited{
|
||||||
|
|
||||||
.backButton{
|
.backButton{
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: clamp(20px, 2vw, 170px);
|
font-size: clamp(20px, 1vw, 170px);
|
||||||
|
|
||||||
margin-top: 10vh;
|
margin-top: 10vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.backButton{
|
|
||||||
font-size: clamp(20px, 2vw, 170px);
|
|
||||||
|
|
||||||
margin-top: 10vh;
|
|
||||||
margin-bottom: 5vh;
|
|
||||||
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#backButtonContainer{
|
#backButtonContainer{
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 7vh;
|
margin-bottom: 7vh;
|
||||||
margin-top: 7vh;
|
margin-top: 7vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cvBody{
|
#cv{
|
||||||
display: grid;
|
display: flex;
|
||||||
margin-left: 5vw;
|
flex-direction: column;
|
||||||
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;
|
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
padding-bottom: 7vh;
|
padding-bottom: 7vh;
|
||||||
|
}
|
||||||
|
|
||||||
font-size: 1vw;
|
#cvBody{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: flex-start;
|
||||||
}
|
}
|
||||||
|
|
||||||
#introText{
|
#introText{
|
||||||
grid-column: 1/3;
|
|
||||||
grid-row: 1;
|
|
||||||
border-bottom: solid 2px #ffd256;
|
border-bottom: solid 2px #ffd256;
|
||||||
|
font-size: 1.2rem;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding-bottom: 20px;
|
padding-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#workExperienceText{
|
#workExperienceText{
|
||||||
grid-column: 1;
|
width: 50%;
|
||||||
grid-row: 2;
|
|
||||||
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#extraNotesText{
|
#extraNotesText{
|
||||||
grid-column: 2;
|
width: 50%;
|
||||||
grid-row: 2;
|
|
||||||
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#cvDownload{
|
#cvDownload{
|
||||||
margin-top: 10px;
|
text-align: center;
|
||||||
margin-left: 5vw;;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media (orientation:portrait){
|
@media (orientation:portrait){
|
||||||
body{
|
|
||||||
touch-action: manipulation; /*stops double tap zoom*/
|
|
||||||
|
|
||||||
-webkit-text-size-adjust: none; /*stops browsers messing with text size*/
|
#cv{
|
||||||
-moz-text-size-adjust: none;
|
font-size: 1.8rem;
|
||||||
-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;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
li{
|
li{
|
||||||
padding-top: 20px;
|
font-size: 1.3rem;
|
||||||
font-size: 2vw;
|
|
||||||
padding-right: 50px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.backButton{
|
h3{
|
||||||
font-size: clamp(20px, 4vw, 170px);
|
font-size: 1.7rem;
|
||||||
|
}
|
||||||
|
|
||||||
margin-top: 10vh;
|
#workExperienceText{
|
||||||
margin-bottom: 5vh;
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
text-decoration: none;
|
#extraNotesText{
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#introText{
|
#introText{
|
||||||
grid-column: 1/3;
|
font-size: 1.28rem;
|
||||||
grid-row: 1;
|
|
||||||
border-bottom: solid 2px #ffd256;
|
|
||||||
|
|
||||||
padding-bottom: 20px;
|
|
||||||
|
|
||||||
font-size: 2vw;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#cvDownload{
|
|
||||||
margin-top: 10px;
|
|
||||||
margin-left: 5vw;;
|
|
||||||
font-size: 3vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
#cvBody{
|
|
||||||
margin-left: 3vw;
|
|
||||||
margin-right: 3vw
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -12,24 +12,18 @@
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<h1>
|
<h1>
|
||||||
CV
|
Curriculum Vitae
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
<div id = "cvBody">
|
<div id = "cv">
|
||||||
<div id = "introText">
|
<div id = "introText">
|
||||||
<h2>Nye Evans</h2>
|
<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
|
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.
|
||||||
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.
|
|
||||||
</div>
|
</div>
|
||||||
|
<div id = "cvBody">
|
||||||
<div id = "workExperienceText">
|
<div id = "workExperienceText">
|
||||||
<h2>Work Experience:</h2>
|
<h2>Work Experience:</h2>
|
||||||
<ul>
|
<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>
|
<li>
|
||||||
<h3>2018</h3>
|
<h3>2018</h3>
|
||||||
A week's work experience at <a href = "https://www.jbaconsulting.com/">jba consulting</a> writing a
|
A week's work experience at <a href = "https://www.jbaconsulting.com/">jba consulting</a> writing a
|
||||||
|
|
@ -41,7 +35,7 @@
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<h3>2012 – Present</h3>
|
<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>
|
||||||
<li>
|
<li>
|
||||||
<h3>2018 – Present</h3>
|
<h3>2018 – Present</h3>
|
||||||
|
|
@ -53,8 +47,12 @@
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<h3>2018 – Present</h3>
|
<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
|
Creating video games and other programs or experiences for virtual reality and flat-screen platforms
|
||||||
programming language based in C++; and a virtual reality revision tool running in Unreal Engine 4 but soon to move to Unity.
|
</li>
|
||||||
|
|
||||||
|
<li>
|
||||||
|
<h3>2021 – Present</h3>
|
||||||
|
Tutoring GCSE students in python
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -63,18 +61,26 @@
|
||||||
<h2>Education:</h2>
|
<h2>Education:</h2>
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<h3>2014 – Present</h3>
|
<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>Current A-levels Computer Science,
|
Student at Ilkley Grammar School <br><br>
|
||||||
Psychology, and Philosophy<br>EPQ in Computer Science with a predicted grade: A-A*
|
|
||||||
|
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>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<h2>Skills:</h2>
|
<h2>Skills:</h2>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Python</li>
|
<li>Python</li>
|
||||||
<li>C++</li>
|
|
||||||
<li>C#</li>
|
<li>C#</li>
|
||||||
<li>HTML and CSS</li>
|
<li>HTML and CSS</li>
|
||||||
<li>JavaScript and TypeScript</li>
|
<li>JavaScript and TypeScript</li>
|
||||||
|
<li>C++</li>
|
||||||
<!--
|
<!--
|
||||||
</ul>
|
</ul>
|
||||||
<hr style = "color: #ffd256; width: 30%; margin: 0; margin-top: 25px; margin-left: 5px">
|
<hr style = "color: #ffd256; width: 30%; margin: 0; margin-top: 25px; margin-left: 5px">
|
||||||
|
|
@ -86,6 +92,7 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id = "cvDownload">
|
<div id = "cvDownload">
|
||||||
A copy of this can be downloaded <a href = "..\files\CV.pdf"><u>here</u></a>
|
A copy of this can be downloaded <a href = "..\files\CV.pdf"><u>here</u></a>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue